update product

CHANGELOG.md

@@ -1,5 +1,5 @@
 # Change Log
 
-## [1.0.0] 2023-10-18
+## [1.0.0] 2023-11-21
 
 ### Original Release

src/components/footer.tsx

@@ -77,12 +77,19 @@ export function Footer() {
           color="blue-gray"
           className="md:text-center mt-16 font-normal !text-gray-700"
         >
-          All rights reserved. © {CURRENT_YEAR} Material Tailwind
+          © {CURRENT_YEAR} Made with{" "}
+          <a href="https://www.material-tailwind.com" target="_blank">
+            Material Tailwind
+          </a>{" "}
+          by{" "}
+          <a href="https://www.creative-tim.com" target="_blank">
+            Creative Tim
+          </a>
+          .
         </Typography>
       </div>
     </footer>
   );
 }
 
-
 export default Footer;

src/components/navbar.tsx

@@ -27,22 +27,30 @@ const NAV_MENU = [
   {
     name: "Blocks",
     icon: Squares2X2Icon,
+    href: "https://www.materila-tailwind.com/blocks",
   },
   {
     name: "Docs",
     icon: CommandLineIcon,
+    href: "https://www.material-tailwind.com/docs/react/installation",
   },
 ];
 
-function NavItem({ children }: { children: React.ReactNode }) {
+interface NavItemProps {
+  children: React.ReactNode;
+  href?: string;
+}
+
+function NavItem({ children, href }: NavItemProps) {
   return (
     <li>
       <Typography
         as="a"
-        href="#"
+        href={href || "#"}
+        target={href ? "_blank" : "_self"}
         variant="paragraph"
         color="gray"
-        className="text-gray-900 flex items-center gap-2 font-medium"
+        className="flex items-center gap-2 font-medium text-gray-900"
       >
         {children}
       </Typography>
@@ -65,7 +73,7 @@ export function Navbar() {
   }, []);
 
   return (
-    <div className="px-10">
+    <div className="px-10 sticky top-4 z-50">
       <div className="mx-auto container">
         <MTNavbar
           blurred
@@ -77,8 +85,8 @@ export function Navbar() {
               Material Tailwind
             </Typography>
             <ul className="ml-10 hidden items-center gap-8 lg:flex">
-              {NAV_MENU.map(({ name, icon: Icon }) => (
-                <NavItem key={name}>
+              {NAV_MENU.map(({ name, icon: Icon, href }) => (
+                <NavItem key={name} href={href}>
                   <Icon className="h-5 w-5" />
                   {name}
                 </NavItem>
@@ -104,8 +112,8 @@ export function Navbar() {
           <Collapse open={open}>
             <div className="container mx-auto mt-3 border-t border-gray-200 px-2 pt-4">
               <ul className="flex flex-col gap-4">
-                {NAV_MENU.map(({ name, icon: Icon }) => (
-                  <NavItem key={name}>
+                {NAV_MENU.map(({ name, icon: Icon, href }) => (
+                  <NavItem key={name} href={href}>
                     <Icon className="h-5 w-5" />
                     {name}
                   </NavItem>

tsconfig.json

@@ -1,14 +1,18 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
@@ -19,9 +23,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
-    }
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "forceConsistentCasingInFileNames": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }