Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Showcase",
+          name: "Showcase",          id: "showcase"},
-          id: "showcase",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Support",
+          name: "Support",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="DesignSuite"
     />
@@ -55,63 +47,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Unleash Your Creativity"
       description="The all-in-one design suite that empowers creators, designers, and teams to build stunning visuals in minutes."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-her-pet-dog_23-2149202492.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-her-pet-dog_23-2149202492.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg",
+          src: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-stylish-sexy-woman-pink-luxury-dress-summer-trend-chic-style-fashion-designer-working-office-computer_285396-2964.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-stylish-sexy-woman-pink-luxury-dress-summer-trend-chic-style-fashion-designer-working-office-computer_285396-2964.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-greenhouse-sitting_23-2148509935.jpg",
+          src: "http://img.b2bpic.net/free-photo/beautiful-woman-greenhouse-sitting_23-2148509935.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038907.jpg",
+          src: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038907.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
       buttons={[
         {
-          text: "Get Started",
+          text: "Get Started",          href: "#"},
-          href: "#",
-        },
         {
-          text: "See Showcase",
+          text: "See Showcase",          href: "#showcase"},
-          href: "#showcase",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Vector Graphics"},
-          text: "Vector Graphics",
-        },
         {
-          type: "text",
+          type: "text",          text: "UI/UX Prototyping"},
-          text: "UI/UX Prototyping",
-        },
         {
-          type: "text",
+          type: "text",          text: "Real-time Collaboration"},
-          text: "Real-time Collaboration",
-        },
         {
-          type: "text",
+          type: "text",          text: "Automated Export"},
-          text: "Automated Export",
-        },
         {
-          type: "text",
+          type: "text",          text: "Asset Management"},
-          text: "Asset Management",
-        },
       ]}
     />
   </div>
@@ -122,20 +89,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Precision Tools",
+          title: "Precision Tools",          description: "Achieve pixel-perfect designs with industry-leading vector tools.",          imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg"},
-          description: "Vector-based editing for perfect accuracy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg",
-        },
         {
-          title: "Asset Management",
+          title: "Asset Management",          description: "Boost productivity by organizing and reusing assets in seconds.",          imageSrc: "http://img.b2bpic.net/free-photo/pastel-crayons-high-quality-photo_72229-824.jpg"},
-          description: "Organize and reuse your assets instantly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pastel-crayons-high-quality-photo_72229-824.jpg",
-        },
         {
-          title: "Instant Export",
+          title: "Instant Export",          description: "Deliver high-quality assets to any platform with one click.",          imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-coarse-plaster-surface_23-2148252829.jpg"},
-          description: "High-quality exports for every platform.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-coarse-plaster-surface_23-2148252829.jpg",
-        },
       ]}
       title="Design Smarter"
       description="Everything you need to produce professional content at scale."
@@ -147,18 +105,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Built for "},
-          content: "Built for ",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/people-with-cloud-network-storage-symbols_53876-71519.jpg",          alt: "Team"},
-          src: "http://img.b2bpic.net/free-photo/people-with-cloud-network-storage-symbols_53876-71519.jpg",
-          alt: "Team",
-        },
         {
-          type: "text",
+          type: "text",          content: " seamless collaboration."},
-          content: " seamless collaboration.",
-        },
       ]}
     />
   </div>
@@ -170,20 +121,11 @@ export default function LandingPage() {
       tag="Milestones"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "1M+",          description: "Active Creators"},
-          value: "1M+",
-          description: "Active Creators",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "500M",          description: "Designs Created"},
-          value: "500M",
-          description: "Designs Created",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "99.9%",          description: "Uptime"},
-          value: "99.9%",
-          description: "Uptime",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -194,14 +136,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Microsoft",
+        "Microsoft",        "Google",        "Apple",        "Amazon",        "Tesla",        "Adobe",        "Nike"]}
-        "Google",
-        "Apple",
-        "Amazon",
-        "Tesla",
-        "Adobe",
-        "Nike",
-      ]}
       title="Industry Leaders"
       description="Used by top global teams."
     />
@@ -213,45 +148,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "Amazing Tool",          quote: "Changed my workflow entirely.",          name: "Sarah",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749875.jpg"},
-          title: "Amazing Tool",
-          quote: "Changed my workflow entirely.",
-          name: "Sarah",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749875.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Fast & Easy",          quote: "The speed is incredible.",          name: "Michael",          role: "PM",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg"},
-          title: "Fast & Easy",
-          quote: "The speed is incredible.",
-          name: "Michael",
-          role: "PM",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Professional Grade",          quote: "Better than legacy tools.",          name: "Emily",          role: "Creative",          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg"},
-          title: "Professional Grade",
-          quote: "Better than legacy tools.",
-          name: "Emily",
-          role: "Creative",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg",
-        },
         {
-          id: "4",
+          id: "4",          title: "Perfect Collaboration",          quote: "My team loves this suite.",          name: "David",          role: "Director",          imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg"},
-          title: "Perfect Collaboration",
-          quote: "My team loves this suite.",
-          name: "David",
-          role: "Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg",
-        },
         {
-          id: "5",
+          id: "5",          title: "Game Changer",          quote: "Essential for my daily work.",          name: "Lucy",          role: "Artist",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
-          title: "Game Changer",
-          quote: "Essential for my daily work.",
-          name: "Lucy",
-          role: "Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
-        },
       ]}
       title="Loved by Creators"
       description="What our users say."
@@ -264,20 +169,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Is it free?",          content: "Yes, we offer a free tier that includes all core design tools and export features at no cost."},
-          title: "Is it free?",
-          content: "Yes, we offer a free tier.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Any team plans?",          content: "Yes, our team plans allow real-time collaboration. See our pricing page for details."},
-          title: "Any team plans?",
-          content: "Yes, our team plans allow real-time collaboration.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Can I export PDFs?",          content: "Yes, high-resolution PDF exports are included in all subscription tiers."},
-          title: "Can I export PDFs?",
-          content: "Yes, PDF exports are included.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-132149.jpg"
       mediaAnimation="slide-up"
@@ -291,16 +187,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Ready to Start?"
       title="Let's Create Something Great"
       description="Start designing your masterpiece today."
       buttons={[
         {
-          text: "Get Started Now",
+          text: "Get Started Now",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -309,29 +202,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "Features",
+              label: "Features",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Help Center",
+              label: "Help Center",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}