From b07edc2f2a5306a6642d83964b74d59189ac30d7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 12:10:43 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 232 ++++++++++++-----------------------------------
 1 file changed, 58 insertions(+), 174 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 88e5fe1..418a6b1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "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",
-          label: "Build Time",
-        },
+          value: "10s",          label: "Build Time"},
         {
-          value: "5k+",
-          label: "Sites Created",
-        },
+          value: "5k+",          label: "Sites Created"},
         {
-          value: "99.9%",
-          label: "Uptime",
-        },
+          value: "99.9%",          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",
-          alt: "User 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",          alt: "User 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
-          alt: "User 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",          alt: "User 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
-          alt: "User 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",          alt: "User 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
-          alt: "User 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",          alt: "User 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-          alt: "User 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",          alt: "User 5"},
       ]}
       avatarText="Loved by 5,000+ developers"
       marqueeItems={[
         {
-          type: "text",
-          text: "Ultra-Fast Deployment",
+          type: "text",          text: "Ultra-Fast Deployment"},
+        {
+          type: "text-icon",          text: "Secure Infrastructure",          icon: Shield,
         },
         {
-          type: "text-icon",
-          text: "Secure Infrastructure",
-          icon: Shield,
+          type: "text",          text: "AI-Driven Design"},
+        {
+          type: "text-icon",          text: "Optimized Performance",          icon: Zap,
         },
         {
-          type: "text",
-          text: "AI-Driven Design",
-        },
-        {
-          type: "text-icon",
-          text: "Optimized Performance",
-          icon: Zap,
-        },
-        {
-          type: "text",
-          text: "Global Scaling",
-        },
+          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.",
-        "Forget long development cycles. Our system automates the design, deployment, and optimization process, giving you back time to focus on your core business.",
-      ]}
+        "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."]}
     />
   </div>
 
@@ -145,20 +108,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
         {
-          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",
-        },
+          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"},
       ]}
       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",
-          icon: Zap,
-          title: "Time Saved",
-          value: "95%",
-        },
+          id: "m1",          icon: Zap,
+          title: "Time Saved",          value: "95%"},
         {
-          id: "m2",
-          icon: Shield,
-          title: "Security Rate",
-          value: "99.9%",
-        },
+          id: "m2",          icon: Shield,
+          title: "Security Rate",          value: "99.9%"},
         {
-          id: "m3",
-          icon: Award,
-          title: "User Rating",
-          value: "4.9/5",
-        },
+          id: "m3",          icon: Award,
+          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",
-          name: "Sarah Miller",
-          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: "t1",          name: "Sarah Miller",          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",
-          name: "Jessica Chen",
-          role: "Lead Designer",
-          company: "CreativeOps",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
-        },
+          id: "t2",          name: "Jessica Chen",          role: "Lead Designer",          company: "CreativeOps",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg"},
         {
-          id: "t3",
-          name: "David Smith",
-          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: "t3",          name: "David Smith",          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",
-          name: "Emily Davis",
-          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: "t4",          name: "Emily Davis",          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",
-          name: "Mark Wilson",
-          role: "CEO",
-          company: "StartUpDirect",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-        },
+          id: "t5",          name: "Mark Wilson",          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+",
-          label: "Projects",
-        },
+          value: "10k+",          label: "Projects"},
         {
-          value: "450+",
-          label: "Agencies",
-        },
+          value: "450+",          label: "Agencies"},
         {
-          value: "1M+",
-          label: "Components",
-        },
+          value: "1M+",          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",
-          title: "Is the code exportable?",
-          content: "Yes, you can export your site code at any time for custom hosting.",
-        },
+          id: "q1",          title: "Is the code exportable?",          content: "Yes, you can export your site code at any time for custom hosting."},
         {
-          id: "q2",
-          title: "Do I need coding skills?",
-          content: "Absolutely not. Our platform generates production-ready code based on your prompt.",
-        },
+          id: "q2",          title: "Do I need coding skills?",          content: "Absolutely not. Our platform generates production-ready code based on your prompt."},
         {
-          id: "q3",
-          title: "Can I customize the design?",
-          content: "Yes, you can refine any generated section using our intuitive design editor.",
-        },
+          id: "q3",          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",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Tell us about your project...",
-        rows: 4,
+        name: "message",        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",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
             {
-              label: "Security",
-              href: "#",
-            },
+              label: "Security",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
-- 
2.49.1