Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Portfolio",
+          name: "Portfolio",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="AGCODE"
     />
@@ -59,75 +51,38 @@ export default function LandingPage() {
       description="A luxurious platform where developers showcase innovation through immersive 3D experiences. Join a community building the future of digital design."
       testimonials={[
         {
-          name: "Elena Rossi",
+          name: "Elena Rossi",          handle: "@erossi",          testimonial: "AGCODE has redefined how I showcase my 3D work. Truly immersive.",          rating: 5,
-          handle: "@erossi",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-retouching-app-computer-empty-studio-nobody-photography-office-with-professional-editing-equipment-technology-pictures-photograph-retouch-work_482257-34138.jpg?_wi=1",          imageAlt: "3d abstract tech background"},
-          testimonial: "AGCODE has redefined how I showcase my 3D work. Truly immersive.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-retouching-app-computer-empty-studio-nobody-photography-office-with-professional-editing-equipment-technology-pictures-photograph-retouch-work_482257-34138.jpg?_wi=1",
-          imageAlt: "3d abstract tech background",
-        },
         {
-          name: "Marcus Chen",
+          name: "Marcus Chen",          handle: "@mchen",          testimonial: "The community here is unmatched. The aesthetic is perfect.",          rating: 5,
-          handle: "@mchen",
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-neon-background_52683-133791.jpg",          imageAlt: "3d abstract tech background"},
-          testimonial: "The community here is unmatched. The aesthetic is perfect.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-neon-background_52683-133791.jpg",
-          imageAlt: "3d abstract tech background",
-        },
         {
-          name: "Sarah Miller",
+          name: "Sarah Miller",          handle: "@smiller",          testimonial: "Best platform for creative devs. Finally a place that feels high-end.",          rating: 5,
-          handle: "@smiller",
+          imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg?_wi=1",          imageAlt: "3d abstract tech background"},
-          testimonial: "Best platform for creative devs. Finally a place that feels high-end.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg?_wi=1",
-          imageAlt: "3d abstract tech background",
-        },
         {
-          name: "David Park",
+          name: "David Park",          handle: "@dpark",          testimonial: "Incredible interface and high-end community tools.",          rating: 5,
-          handle: "@dpark",
+          imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572166.jpg",          imageAlt: "3d abstract tech background"},
-          testimonial: "Incredible interface and high-end community tools.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572166.jpg",
-          imageAlt: "3d abstract tech background",
-        },
         {
-          name: "Sophie Kim",
+          name: "Sophie Kim",          handle: "@skim",          testimonial: "The 3D integration is seamless and beautiful.",          rating: 5,
-          handle: "@skim",
+          imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-female-creative-designer-surrounded-by-her-works-confidently-looking-into-future_197531-30710.jpg",          imageAlt: "3d abstract tech background"},
-          testimonial: "The 3D integration is seamless and beautiful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-female-creative-designer-surrounded-by-her-works-confidently-looking-into-future_197531-30710.jpg",
-          imageAlt: "3d abstract tech background",
-        },
       ]}
       buttons={[
         {
-          text: "Enter the Studio",
+          text: "Enter the Studio",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-retouching-app-computer-empty-studio-nobody-photography-office-with-professional-editing-equipment-technology-pictures-photograph-retouch-work_482257-34138.jpg?_wi=2"
       imageAlt="Luxurious 3D developer dashboard"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
+          src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/low-angle-woman-developing-photos_23-2149893899.jpg",
+          src: "http://img.b2bpic.net/free-photo/low-angle-woman-developing-photos_23-2149893899.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg",
+          src: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
     />
   </div>
@@ -139,19 +94,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Zap,
-          label: "Active Studios",
+          label: "Active Studios",          value: "250+"},
-          value: "250+",
-        },
         {
           icon: Globe,
-          label: "Global Reach",
+          label: "Global Reach",          value: "40+"},
-          value: "40+",
-        },
         {
           icon: Award,
-          label: "Projects Shared",
+          label: "Projects Shared",          value: "10k+"},
-          value: "10k+",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -164,20 +113,11 @@ export default function LandingPage() {
       description="Our platform empowers creators with professional-grade tools designed for the modern 3D era."
       accordionItems={[
         {
-          id: "1",
+          id: "1",          title: "Immersive 3D Portfolios",          content: "Display your work in a fully interactive 3D environment."},
-          title: "Immersive 3D Portfolios",
-          content: "Display your work in a fully interactive 3D environment.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Creative Networking",          content: "Connect with top-tier agencies and studios worldwide."},
-          title: "Creative Networking",
-          content: "Connect with top-tier agencies and studios worldwide.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Developer Tools",          content: "Seamless integration with your existing dev stack."},
-          title: "Developer Tools",
-          content: "Seamless integration with your existing dev stack.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg?_wi=2"
       mediaAnimation="slide-up"
@@ -187,49 +127,26 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardOne
       animationType="slide-up"
-      textboxLayout="split"
+      textboxLayout="split-actions"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "3D Dashboard",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer-desk_23-2151004324.jpg"},
-          name: "3D Dashboard",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer-desk_23-2151004324.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Fluid UI Kit",          price: "Trending",          imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913304.jpg"},
-          name: "Fluid UI Kit",
-          price: "Trending",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913304.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Interactive Node",          price: "New",          imageSrc: "http://img.b2bpic.net/free-photo/man-using-notebook-optimizing-energy-supply-solar-panel-manufacturing-plant_482257-119573.jpg"},
-          name: "Interactive Node",
-          price: "New",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-notebook-optimizing-energy-supply-solar-panel-manufacturing-plant_482257-119573.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Glassmorphism Set",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884857.jpg"},
-          name: "Glassmorphism Set",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884857.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Space Station",          price: "Elite",          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-design_23-2148444703.jpg"},
-          name: "Space Station",
-          price: "Elite",
-          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-design_23-2148444703.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Cyber Port",          price: "New",          imageSrc: "http://img.b2bpic.net/free-photo/woman-water-with-red-bookcase-looking-up_1122-987.jpg"},
-          name: "Cyber Port",
-          price: "New",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-water-with-red-bookcase-looking-up_1122-987.jpg",
-        },
       ]}
       title="Spotlight Work"
       description="The best projects curated for the creative developer."
+      buttons={[{ text: "Submit Your Project", href: "#contact" }]}
     />
   </div>
 
@@ -241,20 +158,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "95%",          description: "Creative Satisfaction"},
-          value: "95%",
-          description: "Creative Satisfaction",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "120%",          description: "Community Growth"},
-          value: "120%",
-          description: "Community Growth",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "5k",          description: "Weekly Commits"},
-          value: "5k",
-          description: "Weekly Commits",
-        },
       ]}
       title="Growth Data"
       description="Visualizing our impact on the creator ecosystem."
@@ -269,25 +177,15 @@ export default function LandingPage() {
       author="Marcus Thorne"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
+          src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/low-angle-woman-developing-photos_23-2149893899.jpg",
+          src: "http://img.b2bpic.net/free-photo/low-angle-woman-developing-photos_23-2149893899.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg",
+          src: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="opacity"
@@ -299,20 +197,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How do I upload?",          content: "Simply drag and drop your 3D files directly into the studio panel."},
-          title: "How do I upload?",
-          content: "Simply drag and drop your 3D files directly into the studio panel.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Is it open source?",          content: "Our engine is proprietary, but we encourage open contributions."},
-          title: "Is it open source?",
-          content: "Our engine is proprietary, but we encourage open contributions.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Can I network here?",          content: "Yes, our community panel allows direct messaging and collaborations."},
-          title: "Can I network here?",
-          content: "Yes, our community panel allows direct messaging and collaborations.",
-        },
       ]}
       sideTitle="Frequently Asked"
       faqsAnimation="slide-up"
@@ -323,8 +212,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Get Started"
       title="Join the Future"
       description="Enter your email to receive an exclusive early access invitation for the AGCODE studio."
@@ -335,42 +223,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Platform",
+          title: "Platform",          items: [
-          items: [
             {
-              label: "Explore",
+              label: "Explore",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Studio",
+              label: "Studio",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Community",
+          title: "Community",          items: [
-          items: [
             {
-              label: "Discord",
+              label: "Discord",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}