Update src/app/page.tsx

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="AutoSite"
     />
@@ -55,23 +47,16 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Build Your Website in Seconds"
       description="Transform a simple text prompt into a professional, fully functional website with our AI-powered generation platform."
       kpis={[
         {
-          value: "10s",
+          value: "10s",          label: "Build Time"},
-          label: "Build Time",
-        },
         {
-          value: "5k+",
+          value: "5k+",          label: "Sites Created"},
-          label: "Sites Created",
-        },
         {
-          value: "99.9%",
+          value: "99.9%",          label: "Uptime"},
-          label: "Uptime",
-        },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg"
@@ -79,50 +64,30 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          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 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
+          src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
       avatarText="Loved by 5,000+ developers"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Ultra-Fast Deployment"},
-          text: "Ultra-Fast Deployment",
+        {
+          type: "text-icon",          text: "Secure Infrastructure",          icon: Shield,
         },
         {
-          type: "text-icon",
+          type: "text",          text: "AI-Driven Design"},
-          text: "Secure Infrastructure",
+        {
-          icon: Shield,
+          type: "text-icon",          text: "Optimized Performance",          icon: Zap,
         },
         {
-          type: "text",
+          type: "text",          text: "Global Scaling"},
-          text: "AI-Driven Design",
-        },
-        {
-          type: "text-icon",
-          text: "Optimized Performance",
-          icon: Zap,
-        },
-        {
-          type: "text",
-          text: "Global Scaling",
-        },
       ]}
     />
   </div>
@@ -132,9 +97,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="The Future of Web Development"
       description={[
-        "Our platform leverages advanced AI models to interpret natural language, translating your ideas into clean, professional code structure.",
+        "Our platform leverages advanced AI models to interpret natural language, translating your ideas into clean, professional code structure.",        "Forget long development cycles. Our system automates the design, deployment, and optimization process, giving you back time to focus on your core business."]}
-        "Forget long development cycles. Our system automates the design, deployment, and optimization process, giving you back time to focus on your core business.",
-      ]}
     />
   </div>
 
@@ -145,20 +108,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Instant Deployment",
+          title: "Instant Deployment",          description: "Go live in seconds with built-in hosting and global CDN integration.",          imageSrc: "http://img.b2bpic.net/free-photo/data-center-admin-using-virtual-reality-setup-machine-learning-systems_482257-126322.jpg"},
-          description: "Go live in seconds with built-in hosting and global CDN integration.",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-center-admin-using-virtual-reality-setup-machine-learning-systems_482257-126322.jpg",
-        },
         {
-          title: "Auto-UX Design",
+          title: "Auto-UX Design",          description: "Our AI handles responsive layout, typography, and accessibility best practices automatically.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg"},
-          description: "Our AI handles responsive layout, typography, and accessibility best practices automatically.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg",
-        },
         {
-          title: "Dynamic Content",
+          title: "Dynamic Content",          description: "Easily update content and manage sections with our intuitive dashboard.",          imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896830.jpg"},
-          description: "Easily update content and manage sections with our intuitive dashboard.",
-          imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896830.jpg",
-        },
       ]}
       title="Powerful Features"
       description="Everything you need to launch professional web projects at scale."
@@ -167,27 +121,19 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardThree
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Zap,
-          icon: Zap,
+          title: "Time Saved",          value: "95%"},
-          title: "Time Saved",
-          value: "95%",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Shield,
-          icon: Shield,
+          title: "Security Rate",          value: "99.9%"},
-          title: "Security Rate",
-          value: "99.9%",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Award,
-          icon: Award,
+          title: "User Rating",          value: "4.9/5"},
-          title: "User Rating",
-          value: "4.9/5",
-        },
       ]}
       title="Proven Results"
       description="Our platform has accelerated project timelines for thousands of businesses."
@@ -201,59 +147,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah Miller",          role: "CTO",          company: "TechInnovate",          rating: 5,
-          name: "Sarah Miller",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
-          role: "CTO",
-          company: "TechInnovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Jessica Chen",          role: "Lead Designer",          company: "CreativeOps",          rating: 5,
-          name: "Jessica Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg"},
-          role: "Lead Designer",
-          company: "CreativeOps",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "David Smith",          role: "Product Manager",          company: "GrowthLogic",          rating: 5,
-          name: "David Smith",
+          imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg"},
-          role: "Product Manager",
-          company: "GrowthLogic",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Emily Davis",          role: "UX Researcher",          company: "UserFlow",          rating: 5,
-          name: "Emily Davis",
+          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg"},
-          role: "UX Researcher",
-          company: "UserFlow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Mark Wilson",          role: "CEO",          company: "StartUpDirect",          rating: 5,
-          name: "Mark Wilson",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
-          role: "CEO",
-          company: "StartUpDirect",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "10k+",
+          value: "10k+",          label: "Projects"},
-          label: "Projects",
-        },
         {
-          value: "450+",
+          value: "450+",          label: "Agencies"},
-          label: "Agencies",
-        },
         {
-          value: "1M+",
+          value: "1M+",          label: "Components"},
-          label: "Components",
-        },
       ]}
       title="Trusted by Professionals"
       description="See why industry leaders trust us for their web development needs."
@@ -266,20 +181,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Is the code exportable?",          content: "Yes, you can export your site code at any time for custom hosting."},
-          title: "Is the code exportable?",
-          content: "Yes, you can export your site code at any time for custom hosting.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Do I need coding skills?",          content: "Absolutely not. Our platform generates production-ready code based on your prompt."},
-          title: "Do I need coding skills?",
-          content: "Absolutely not. Our platform generates production-ready code based on your prompt.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Can I customize the design?",          content: "Yes, you can refine any generated section using our intuitive design editor."},
-          title: "Can I customize the design?",
-          content: "Yes, you can refine any generated section using our intuitive design editor.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Quick answers to help you get started."
@@ -294,22 +200,14 @@ export default function LandingPage() {
       description="Ready to build your next project? Reach out and we'll help you start your journey."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Tell us about your project...",        rows: 4,
-        placeholder: "Tell us about your project...",
-        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/computer-keyboard-cup-tea-wooden-table-night_169016-50573.jpg"
@@ -320,37 +218,23 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "Features",
+              label: "Features",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#pricing"},
-              href: "#pricing",
-            },
             {
-              label: "Security",
+              label: "Security",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}