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

---
 src/app/page.tsx | 93 ++++++++++++++++--------------------------------
 1 file changed, 31 insertions(+), 62 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index df3f597..86dc14a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,11 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import { BarChart, TrendingUp, Users } from "lucide-react";
+import { BarChart, TrendingUp, Users, Github, Twitter, Linkedin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -15,46 +15,35 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
-        contentWidth="small"
-        sizing="largeSmallSizeLargeTitles"
-        background="floatingGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Dashboard",          id: "dashboard"},
-        {
-          name: "Generator",          id: "generator"},
-        {
-          name: "Analytics",          id: "analytics"},
-        {
-          name: "Script AI",          id: "script-ai"},
+        { name: "Generator", id: "generator" },
+        { name: "Analytics", id: "analytics" },
       ]}
       brandName="AI Suite"
-      button={{
-        text: "15/50 Credits Left"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars"}}
+      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: "/auth"},
-        {
-          text: "See How It Works",          href: "#generator"},
+        { 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"
     />
@@ -67,13 +56,16 @@ export default function LandingPage() {
       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"},
+          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"},
+          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: "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."
@@ -86,15 +78,9 @@ export default function LandingPage() {
       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%"},
+        { 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."
@@ -102,34 +88,17 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Product",          items: [
-            {
-              label: "AI Generator",              href: "#generator"},
-            {
-              label: "Analytics",              href: "#analytics"},
-            {
-              label: "Script AI",              href: "#script-ai"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
+      <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" },
       ]}
-      bottomLeftText="© 2024 AI Creator Suite. All rights reserved."
-      bottomRightText="Built for Creators."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file