New Commits

app/page.tsx

@@ -4,13 +4,20 @@ import { MacbookScrollDemo } from "@/components/MacBookScroll";
 import RecentProjects from "@/components/RecentProjects";
 import { FloatingNav } from "@/components/ui/FloatingNav";
 import { FaHome } from "react-icons/fa";
+import { FaRProject } from "react-icons/fa6";
 
 export default function Home() {
   return (
     <main className="relative bg-black-100 flex justify-center items-center flex-col overflow-hidden mx-auto sm:px-10 px-5">
       <div className="max-w-7xl w-full">
         <FloatingNav
-          navItems={[{ name: "Home", link: "/", icon: <FaHome /> }]}
+          navItems={[
+            { name: "Home", link: "/", icon: <FaHome /> },
+            { name: "About", link: "#projects" },
+            { name: "My Projects", link: "#projects", icon: <FaRProject /> },
+            { name: "Services", link: "#" },
+            { name: "Contact", link: "#" },
+          ]}
         />
         <Hero />
         <Grid />

components/ui/FloatingNav.tsx

@@ -56,9 +56,14 @@ export const FloatingNav = ({
           duration: 0.2,
         }}
         className={cn(
-          "flex max-w-fit  fixed top-10 inset-x-0 mx-auto border border-transparent dark:border-white/[0.2] rounded-full dark:bg-black bg-white shadow-[0px_2px_3px_-1px_rgba(0,0,0,0.1),0px_1px_0px_0px_rgba(25,28,33,0.02),0px_0px_0px_1px_rgba(25,28,33,0.08)] z-[5000] pr-2 pl-8 py-2  items-center justify-center space-x-4",
+          "flex max-w-2xl fixed top-10 inset-x-0 mx-auto border border-transparent dark:border-white/[0.2]  bg-white shadow-[0px_2px_3px_-1px_rgba(0,0,0,0.1),0px_1px_0px_0px_rgba(25,28,33,0.02),0px_0px_0px_1px_rgba(25,28,33,0.08)] z-[5000] pr-8 pl-8 py-5 items-center justify-center space-x-4",
           className
         )}
+        style={{
+          borderRadius: "10px",
+          background:
+            " radial-gradient(circle, #2b2f77 0%, #141852 50%, #070b34 100%)",
+        }}
       >
         {navItems.map((navItem: any, idx: number) => (
           <Link
@@ -72,10 +77,8 @@ export const FloatingNav = ({
             <span className="hidden sm:block text-sm">{navItem.name}</span>
           </Link>
         ))}
-        <button className="border text-sm font-medium relative border-neutral-200 dark:border-white/[0.2] text-black dark:text-white px-4 py-2 rounded-full">
-          <span>Login</span>
-          <span className="absolute inset-x-0 w-1/2 mx-auto -bottom-px bg-gradient-to-r from-transparent via-blue-500 to-transparent  h-px" />
-        </button>
+
+        <span className="absolute inset-x-0 w-full mx-auto -bottom-px bg-gradient-to-r from-transparent via-blue-500 to-transparent  h-px" />
       </motion.div>
     </AnimatePresence>
   );

data/index.ts

@@ -73,9 +73,9 @@ export const projects = [
   {
     id: 1,
     title: "Google - Gemini Clone",
-    des: "Explore the wonders of our solar system with this captivating 3D simulation of the planets using Three.js.",
+    des: "Google Gemini is a family of multimodal large language models developed by Google DeepMind.",
     img: "/geminiclone.png",
-    iconLists: ["/re.svg", "/tail.svg", "/ts.svg", "/three.svg", "/fm.svg"],
+    iconLists: ["/re.svg", "/google.png", "/firebase-svgrepo-com.svg", "/sass.png", "/fm.svg"],
     link: "/ui.earth.com",
   },
   {