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

---
 src/app/page.tsx | 141 ++++++++++++++++++++++++-----------------------
 1 file changed, 71 insertions(+), 70 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86dc14a..cb02ce0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -24,80 +24,81 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Generator", id: "generator" },
-        { name: "Analytics", id: "analytics" },
-      ]}
-      brandName="AI Suite"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Generator", id: "generator" },
+              { name: "Analytics", id: "analytics" },
+            ]}
+            brandName="AI Suite"
+            button={{ text: "Contact", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={true}
-      background={{ variant: "gradient-bars" }}
-      title="All-in-One AI Creator Suite"
-      description="Generate viral UGC content, track analytics, and automate scripts. Everything you need to scale your creator business in one place."
-      testimonials={[]}
-      buttons={[
-        { text: "Get Started", href: "#" },
-        { text: "See How It Works", href: "#generator" },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/a-professional-ai-creator-suite-dashboar-1774609900956-19ba42e1.png"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            title="All-in-One AI Creator Suite"
+            description="Generate viral UGC content, track analytics, and automate scripts. Everything you need to scale your creator business in one place."
+            testimonials={[]}
+            buttons={[
+              { text: "Get Started", href: "#" },
+              { text: "See How It Works", href: "#generator" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/a-professional-ai-creator-suite-dashboar-1774609900956-19ba42e1.png"
+          />
+        </div>
 
-  <div id="generator" data-section="generator">
-      <FeatureCardSix
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Base Image Upload",          description: "Upload high-quality character references for consistent video output.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=1"
-        },
-        {
-          id: 2,
-          title: "Motion Transfer",          description: "Upload reference MP4s to define the movement of your AI character.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=2"
-        },
-        {
-          id: 3,
-          title: "Instant Generation",          description: "Process your content in seconds with our high-performance GPU cluster.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=3"
-        },
-      ]}
-      title="AI UGC Video Generator"
-      description="Transform base images into realistic UGC videos using motion transfer technology."
-    />
-  </div>
+        <div id="generator" data-section="generator">
+          <FeatureCardSix
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: 1,
+                title: "Base Image Upload",                description: "Upload high-quality character references for consistent video output.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=1"
+              },
+              {
+                id: 2,
+                title: "Motion Transfer",                description: "Upload reference MP4s to define the movement of your AI character.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=2"
+              },
+              {
+                id: 3,
+                title: "Instant Generation",                description: "Process your content in seconds with our high-performance GPU cluster.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=3"
+              },
+            ]}
+            title="AI UGC Video Generator"
+            description="Transform base images into realistic UGC videos using motion transfer technology."
+          />
+        </div>
 
-  <div id="analytics" data-section="analytics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "views", icon: BarChart, title: "Total Views", value: "2.4M+" },
-        { id: "subs", icon: Users, title: "Subscribers", value: "150K" },
-        { id: "eng", icon: TrendingUp, title: "Engagement Rate", value: "8.4%" },
-      ]}
-      title="Analytics Hub"
-      description="Master your niche with data-driven insights."
-    />
-  </div>
+        <div id="analytics" data-section="analytics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "views", icon: BarChart, title: "Total Views", value: "2.4M+" },
+              { id: "subs", icon: Users, title: "Subscribers", value: "150K" },
+              { id: "eng", icon: TrendingUp, title: "Engagement Rate", value: "8.4%" },
+            ]}
+            title="Analytics Hub"
+            description="Master your niche with data-driven insights."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="AI Suite"
-      copyrightText="© 2025 AI Suite. All rights reserved."
-      socialLinks={[
-        { icon: Github, href: "#", ariaLabel: "Github" },
-        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="AI Suite"
+            copyrightText="© 2025 AI Suite. All rights reserved."
+            socialLinks={[
+              { icon: Github, href: "#", ariaLabel: "Github" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );