From 9fb046c2f8071d62f4fa4f0862fd4b5b3ab25bf3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 16:46:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 209 ++++++++++-------------------------------------
 1 file changed, 43 insertions(+), 166 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0647810..169e39a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
       ]}
       brandName="Lovable"
     />
@@ -48,41 +42,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Build beautiful apps in minutes, not months"
       description="AI-powered web development that combines stunning design with production-ready code. Ship faster without sacrificing quality or your creative vision."
       buttons={[
         {
-          text: "Start Building Free",
-          href: "#",
-        },
+          text: "Start Building Free",          href: "#"},
       ]}
       carouselItems={[
         {
-          id: "c1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/professional-software-interface-showing--1774629920038-608dc6e2.png",
-        },
+          id: "c1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/professional-software-interface-showing--1774629920038-608dc6e2.png"},
         {
-          id: "c2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/close-up-of-code-syntax-highlighting-wit-1774629918375-2ceadacd.png",
-        },
+          id: "c2",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/close-up-of-code-syntax-highlighting-wit-1774629918375-2ceadacd.png"},
         {
-          id: "c3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/abstract-data-visualization-with-flowing-1774629917674-391b8515.png",
-        },
+          id: "c3",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/abstract-data-visualization-with-flowing-1774629917674-391b8515.png"},
         {
-          id: "c4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/sleek-web-design-showcase-on-a-high-reso-1774629918002-4a4e5e50.png",
-        },
+          id: "c4",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/sleek-web-design-showcase-on-a-high-reso-1774629918002-4a4e5e50.png"},
         {
-          id: "c5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/futuristic-ui-components-floating-glass--1774629918779-4f834d38.png",
-        },
+          id: "c5",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/futuristic-ui-components-floating-glass--1774629918779-4f834d38.png"},
         {
-          id: "c6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/high-tech-workspace-with-clean-setup-art-1774629918441-dff7b7f1.png",
-        },
+          id: "c6",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/high-tech-workspace-with-clean-setup-art-1774629918441-dff7b7f1.png"},
       ]}
     />
   </div>
@@ -94,26 +73,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Rapid Prototyping",
-          description: "Generate full UI components instantly using natural language prompts.",
-          tag: "Speed",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/lightning-speed-icon-on-tech-platform-bl-1774629919044-2c2f42f5.png",
-        },
+          id: "f1",          title: "Rapid Prototyping",          description: "Generate full UI components instantly using natural language prompts.",          tag: "Speed",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/lightning-speed-icon-on-tech-platform-bl-1774629919044-2c2f42f5.png"},
         {
-          id: "f2",
-          title: "AI-Native Logic",
-          description: "Seamless integration of complex logic without backend boilerplate.",
-          tag: "Intelligence",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/ai-brain-icon-with-integrated-circuit-de-1774629917970-58cf5e8f.png",
-        },
+          id: "f2",          title: "AI-Native Logic",          description: "Seamless integration of complex logic without backend boilerplate.",          tag: "Intelligence",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/ai-brain-icon-with-integrated-circuit-de-1774629917970-58cf5e8f.png"},
         {
-          id: "f3",
-          title: "Production Ready",
-          description: "Clean, optimized code that scales from MVP to enterprise scale.",
-          tag: "Reliability",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/production-ready-icon-with-shield-and-ch-1774629917391-64e89ca8.png",
-        },
+          id: "f3",          title: "Production Ready",          description: "Clean, optimized code that scales from MVP to enterprise scale.",          tag: "Reliability",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/production-ready-icon-with-shield-and-ch-1774629917391-64e89ca8.png"},
       ]}
       title="Built for Velocity"
       description="Powerful AI capabilities to accelerate every part of your development lifecycle."
@@ -122,30 +86,16 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "10x",
-          title: "Speed",
-          description: "Faster delivery to market",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/dashboard-chart-showing-explosive-growth-1774629919031-9d619cd9.png",
-        },
+          id: "m1",          value: "10x",          title: "Speed",          description: "Faster delivery to market",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/dashboard-chart-showing-explosive-growth-1774629919031-9d619cd9.png"},
         {
-          id: "m2",
-          value: "75%",
-          title: "Efficiency",
-          description: "Reduction in boilerplate",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/efficiency-metric-icon-showing-10x-outpu-1774629917481-f1bfea4b.png",
-        },
+          id: "m2",          value: "75%",          title: "Efficiency",          description: "Reduction in boilerplate",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/efficiency-metric-icon-showing-10x-outpu-1774629917481-f1bfea4b.png"},
         {
-          id: "m3",
-          value: "100+",
-          title: "Launched",
-          description: "Apps powered by Lovable",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/global-impact-metric-icon-earth-with-net-1774629917650-a7f2ca8c.png",
-        },
+          id: "m3",          value: "100+",          title: "Launched",          description: "Apps powered by Lovable",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/global-impact-metric-icon-earth-with-net-1774629917650-a7f2ca8c.png"},
       ]}
       title="Efficiency Unleashed"
       description="Real impact metrics from real startup stories."
@@ -159,40 +109,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "Lovable changed my workflow forever. Built a production SaaS in just 48 hours.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/beautiful-app-interface-screenshot-showi-1774629918420-b74eaca3.png",
-        },
+          id: "t1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "Lovable changed my workflow forever. Built a production SaaS in just 48 hours.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/beautiful-app-interface-screenshot-showi-1774629918420-b74eaca3.png"},
         {
-          id: "t2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "The quality of code is unmatched in the low-code space. Finally, a tool that respects developers.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/dashboard-ui-showing-complex-data-visual-1774629918798-43747982.png",
-        },
+          id: "t2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "The quality of code is unmatched in the low-code space. Finally, a tool that respects developers.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/dashboard-ui-showing-complex-data-visual-1774629918798-43747982.png"},
         {
-          id: "t3",
-          name: "Elena Rodriguez",
-          handle: "@elenadev",
-          testimonial: "Incredible speed and design elegance. My clients love the aesthetic polish.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/clean-website-layout-showing-minimalist--1774629922389-f1278410.png",
-        },
+          id: "t3",          name: "Elena Rodriguez",          handle: "@elenadev",          testimonial: "Incredible speed and design elegance. My clients love the aesthetic polish.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/clean-website-layout-showing-minimalist--1774629922389-f1278410.png"},
         {
-          id: "t4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "The AI is actually helpful, not just another wrapper. It understands architectural patterns.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/sleek-dark-theme-mobile-app-mock-up-1774629919134-045108e8.png",
-        },
+          id: "t4",          name: "David Kim",          handle: "@dkim",          testimonial: "The AI is actually helpful, not just another wrapper. It understands architectural patterns.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/sleek-dark-theme-mobile-app-mock-up-1774629919134-045108e8.png"},
         {
-          id: "t5",
-          name: "Alex Rivera",
-          handle: "@arivera",
-          testimonial: "An absolute game changer for building MVPs. Saved us weeks of development effort.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/portrait-of-a-tech-startup-founder-smili-1774629918350-55f8f2fb.png",
-        },
+          id: "t5",          name: "Alex Rivera",          handle: "@arivera",          testimonial: "An absolute game changer for building MVPs. Saved us weeks of development effort.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/portrait-of-a-tech-startup-founder-smili-1774629918350-55f8f2fb.png"},
       ]}
       title="Loved by Builders"
       description="See why top developers choose Lovable for their creative vision."
@@ -206,57 +131,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
-          badge: "Free",
-          price: "$0",
-          subtitle: "For personal side projects",
-          buttons: [
+          id: "p1",          badge: "Free",          price: "$0",          subtitle: "For personal side projects",          buttons: [
             {
-              text: "Get Started",
-              href: "#",
-            },
+              text: "Get Started",              href: "#"},
           ],
           features: [
-            "Limited generations",
-            "Community support",
-            "Public repos",
-          ],
+            "Limited generations",            "Community support",            "Public repos"],
         },
         {
-          id: "p2",
-          badge: "Pro",
-          price: "$49/mo",
-          subtitle: "For rapid builders",
-          buttons: [
+          id: "p2",          badge: "Pro",          price: "$49/mo",          subtitle: "For rapid builders",          buttons: [
             {
-              text: "Go Pro",
-              href: "#",
-            },
+              text: "Go Pro",              href: "#"},
           ],
           features: [
-            "Unlimited generations",
-            "Priority AI model",
-            "Commercial license",
-            "GitHub sync",
-          ],
+            "Unlimited generations",            "Priority AI model",            "Commercial license",            "GitHub sync"],
         },
         {
-          id: "p3",
-          badge: "Team",
-          price: "$199/mo",
-          subtitle: "For scaling teams",
-          buttons: [
+          id: "p3",          badge: "Team",          price: "$199/mo",          subtitle: "For scaling teams",          buttons: [
             {
-              text: "Contact Sales",
-              href: "#",
-            },
+              text: "Contact Sales",              href: "#"},
           ],
           features: [
-            "Team collaboration",
-            "Custom integrations",
-            "SSO & security",
-            "Priority support",
-          ],
+            "Team collaboration",            "Custom integrations",            "SSO & security",            "Priority support"],
         },
       ]}
       title="Start your journey today"
@@ -268,50 +164,31 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
             {
-              label: "Updates",
-              href: "#",
-            },
+              label: "Updates",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
             {
-              label: "Contact",
-              href: "#",
-            },
+              label: "Contact",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1