From 03cdf1bcf29b46470ccc3871b420f08b6b06748b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 12:53:18 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 244721e..ce8942b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,52 +17,46 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Platform",
-          id: "platform",
-        },
+          name: "Platform",          id: "platform"},
         {
-          name: "Workflow",
-          id: "workflow",
-        },
+          name: "Workflow",          id: "workflow"},
         {
-          name: "Agency",
-          id: "agency",
-        },
+          name: "Agency",          id: "agency"},
       ]}
       brandName="Call AI Studio"
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Build, Launch, and Sell AI Call Agents"
       description="Create professional AI call-answering agents for any business, connect them to real phone numbers, charge clients, and manage everything from one dashboard."
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
         {
-          text: "See How It Works",
-          href: "#workflow",
-        },
+          text: "See How It Works",          href: "#workflow"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZh59igZmg6IupAv7WgtcVL7BE/a-professional-ai-driven-dashboard-showi-1774702360760-f88e1291.png"
       mediaAnimation="blur-reveal"
-      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4?_wi=1"
+      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
     />
   </div>
 
@@ -73,22 +67,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Create AI Agents",
-          description: "Create AI agents for any industry with custom prompts and voices.",
-          bentoComponent: "reveal-icon",
-          icon: Star,
+          title: "Create AI Agents",          description: "Create AI agents for any industry with custom prompts and voices.",          bentoComponent: "reveal-icon",          icon: Star,
         },
         {
-          title: "Handle Real Calls",
-          description: "Handle real inbound phone calls with sub-second latency.",
-          bentoComponent: "reveal-icon",
-          icon: Phone,
+          title: "Handle Real Calls",          description: "Handle real inbound phone calls with sub-second latency.",          bentoComponent: "reveal-icon",          icon: Phone,
         },
         {
-          title: "Smart Actions",
-          description: "Transfer calls and send automated SMS follow-ups instantly.",
-          bentoComponent: "reveal-icon",
-          icon: MessageSquare,
+          title: "Smart Actions",          description: "Transfer calls and send automated SMS follow-ups instantly.",          bentoComponent: "reveal-icon",          icon: MessageSquare,
         },
       ]}
       title="One Platform. One Workflow. Full Control."
@@ -103,22 +88,16 @@ export default function LandingPage() {
       description="Your roadmap to building an AI agency. Create, connect, and start generating revenue."
       metrics={[
         {
-          value: "01",
-          title: "Create an AI Agent",
-        },
+          value: "01",          title: "Create an AI Agent"},
         {
-          value: "02",
-          title: "Connect & Launch",
-        },
+          value: "02",          title: "Connect & Launch"},
         {
-          value: "03",
-          title: "Get Paid",
-        },
+          value: "03",          title: "Get Paid"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZh59igZmg6IupAv7WgtcVL7BE/stylized-icon-representing-ai-agent-crea-1774702362984-cfa6b175.png"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
-      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4?_wi=2"
+      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
     />
   </div>
 
@@ -129,25 +108,13 @@ export default function LandingPage() {
       tag="Infrastructure"
       metrics={[
         {
-          id: "m1",
-          value: "248",
-          description: "Agents Created",
-        },
+          id: "m1",          value: "248",          description: "Agents Created"},
         {
-          id: "m2",
-          value: "156",
-          description: "Active Clients",
-        },
+          id: "m2",          value: "156",          description: "Active Clients"},
         {
-          id: "m3",
-          value: "$12.5K",
-          description: "Monthly Revenue",
-        },
+          id: "m3",          value: "$12.5K",          description: "Monthly Revenue"},
         {
-          id: "m4",
-          value: "8.2K",
-          description: "Calls Handled",
-        },
+          id: "m4",          value: "8.2K",          description: "Calls Handled"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -157,16 +124,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get Started"
       title="Start Building AI Call Agents Today"
       description="Create your account, build your first agent, and launch your AI business in minutes."
       buttons={[
         {
-          text: "Create Account",
-          href: "#",
-        },
+          text: "Create Account",          href: "#"},
       ]}
     />
   </div>
@@ -177,13 +141,9 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Platform Overview",
-              href: "#platform",
-            },
+              label: "Platform Overview",              href: "#platform"},
             {
-              label: "Terms & Privacy",
-              href: "#",
-            },
+              label: "Terms & Privacy",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1