From 16196c946f2aab0124e837ef2ae794e2a5f7d874 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 10:13:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 234 +++++++++++++++++++++++------------------------
 1 file changed, 117 insertions(+), 117 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f54e098..f253537 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { AlertTriangle, CheckCircle, Clock, Database, DollarSign, MessageSquare, TrendingUp, Zap, Smartphone } from "lucide-react";
+import { AlertTriangle, CheckCircle, Clock, Database, DollarSign, MessageSquare, TrendingUp, Zap, Smartphone, Repeat } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,129 +27,129 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Process", id: "#process" },
-        { name: "Services", id: "#services" },
-        { name: "Results", id: "#results" },
-        { name: "Contact", id: "#contact" },
-      ]}
-      brandName="Delulu"
-      button={{ text: "Book a Demo", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Process", id: "process" },
+              { name: "Services", id: "results" },
+              { name: "Results", id: "results" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Delulu"
+            button={{ text: "Book a Demo", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{ variant: "gradient-bars" }}
-      title="Turn More Leads Into Revenue — Automatically."
-      description="We design and implement AI systems that capture, qualify, and follow up with your leads — so you never miss an opportunity."
-      buttons={[{ text: "Book a Demo", href: "#contact" }, { text: "See How It Works", href: "#process" }]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/futuristic-3d-abstract-mesh-with-glowing-1774951916864-ba2cac50.png"
-      imageAlt="Futuristic AI automation concept"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Turn More Leads Into Revenue — Automatically."
+            description="We design and implement AI systems that capture, qualify, and follow up with your leads — so you never miss an opportunity."
+            buttons={[{ text: "Book a Demo", href: "#contact" }, { text: "See How It Works", href: "#process" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/futuristic-3d-abstract-mesh-with-glowing-1774951916864-ba2cac50.png"
+            imageAlt="Futuristic AI automation concept"
+          />
+        </div>
 
-  <div id="problem" data-section="problem">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Most businesses lose leads because:"
-      metrics={[
-        { icon: Clock, label: "Slow response times", value: "Kill sales" },
-        { icon: Repeat, label: "Inconsistent follow-ups", value: "Lose trust" },
-        { icon: Database, label: "Disorganized pipelines", value: "Leak revenue" },
-        { icon: Smartphone, label: "Missing mobile touchpoints", value: "Drop interest" },
-        { icon: AlertTriangle, label: "Data quality issues", value: "Waste budget" },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="problem" data-section="problem">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Most businesses lose leads because:"
+            metrics={[
+              { icon: Clock, label: "Slow response times", value: "Kill sales" },
+              { icon: Repeat, label: "Inconsistent follow-ups", value: "Lose trust" },
+              { icon: Database, label: "Disorganized pipelines", value: "Leak revenue" },
+              { icon: Smartphone, label: "Missing mobile touchpoints", value: "Drop interest" },
+              { icon: AlertTriangle, label: "Data quality issues", value: "Waste budget" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <FeatureCardTwentyFive
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Intelligent Lead Capture",          description: "Forms that qualify leads instantly based on your ideal customer profile.",          icon: Zap,
-          mediaItems: [
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/dashboard-preview-screen-showing-lead-qu-1774951916700-a9cbc240.png" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/dashboard-preview-screen-showing-lead-qu-1774951916700-a9cbc240.png" },
-          ]
-        },
-        {
-          title: "Automated Multi-Channel Follow-Up",          description: "Trigger personalized outreach across email, SMS, and WhatsApp.",          icon: MessageSquare,
-          mediaItems: [
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/automated-messaging-notification-system--1774951917452-a0aea228.png" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/automated-messaging-notification-system--1774951917452-a0aea228.png" },
-          ]
-        },
-        {
-          title: "Real-Time CRM Sync",          description: "Data automatically pushed to your existing pipeline tools.",          icon: Database,
-          mediaItems: [
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/crm-integration-visualization-nodes-conn-1774951926504-86f20ab0.png" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/crm-integration-visualization-nodes-conn-1774951926504-86f20ab0.png" },
-          ]
-        },
-      ]}
-      title="Lead → AI Capture → Conversion"
-      description="Our seamless workflow ensures every lead is captured, verified, and nurtured until they are ready to close."
-    />
-  </div>
+        <div id="process" data-section="process">
+          <FeatureCardTwentyFive
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Intelligent Lead Capture",                description: "Forms that qualify leads instantly based on your ideal customer profile.",                icon: Zap,
+                mediaItems: [
+                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/dashboard-preview-screen-showing-lead-qu-1774951916700-a9cbc240.png" },
+                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/dashboard-preview-screen-showing-lead-qu-1774951916700-a9cbc240.png" },
+                ]
+              },
+              {
+                title: "Automated Multi-Channel Follow-Up",                description: "Trigger personalized outreach across email, SMS, and WhatsApp.",                icon: MessageSquare,
+                mediaItems: [
+                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/automated-messaging-notification-system--1774951917452-a0aea228.png" },
+                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/automated-messaging-notification-system--1774951917452-a0aea228.png" },
+                ]
+              },
+              {
+                title: "Real-Time CRM Sync",                description: "Data automatically pushed to your existing pipeline tools.",                icon: Database,
+                mediaItems: [
+                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/crm-integration-visualization-nodes-conn-1774951926504-86f20ab0.png" },
+                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/crm-integration-visualization-nodes-conn-1774951926504-86f20ab0.png" },
+                ]
+              },
+            ]}
+            title="Lead → AI Capture → Conversion"
+            description="Our seamless workflow ensures every lead is captured, verified, and nurtured until they are ready to close."
+          />
+        </div>
 
-  <div id="results" data-section="results">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "10x", title: "Faster response", description: "Compared to manual teams", icon: Zap },
-        { id: "m2", value: "45%", title: "Conversion rate boost", description: "Through qualified outreach", icon: TrendingUp },
-        { id: "m3", value: "20+", title: "Hours saved", description: "Per week per representative", icon: Clock },
-        { id: "m4", value: "300%", title: "ROI on ad spend", description: "More leads contacted faster", icon: DollarSign },
-        { id: "m5", value: "98%", title: "Accuracy rate", description: "In lead qualification", icon: CheckCircle },
-      ]}
-      title="Outcomes That Scale"
-      description="Proven results for ambitious businesses."
-    />
-  </div>
+        <div id="results" data-section="results">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "10x", title: "Faster response", description: "Compared to manual teams", icon: Zap },
+              { id: "m2", value: "45%", title: "Conversion rate boost", description: "Through qualified outreach", icon: TrendingUp },
+              { id: "m3", value: "20+", title: "Hours saved", description: "Per week per representative", icon: Clock },
+              { id: "m4", value: "300%", title: "ROI on ad spend", description: "More leads contacted faster", icon: DollarSign },
+              { id: "m5", value: "98%", title: "Accuracy rate", description: "In lead qualification", icon: CheckCircle },
+            ]}
+            title="Outcomes That Scale"
+            description="Proven results for ambitious businesses."
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalLead", "VelocityAI", "RevenueFlow"]}
-      title="Trusted by scaling businesses"
-      description="Companies that automate to lead the market."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalLead", "VelocityAI", "RevenueFlow"]}
+            title="Trusted by scaling businesses"
+            description="Companies that automate to lead the market."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "rotated-rays-animated" }}
-      tag="Ready to scale?"
-      title="Stop Losing Opportunities. Start Scaling Smarter."
-      description="Book a demo today to see how our systems transform your lead capture."
-      inputPlaceholder="Enter your email for a demo"
-      buttonText="Book Your Demo"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "rotated-rays-animated" }}
+            tag="Ready to scale?"
+            title="Stop Losing Opportunities. Start Scaling Smarter."
+            description="Book a demo today to see how our systems transform your lead capture."
+            inputPlaceholder="Enter your email for a demo"
+            buttonText="Book Your Demo"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/professional-ai-automation-workflow-diag-1774951918657-3ba223b2.png"
-      columns={[
-        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Case Studies", href: "#" }, { label: "Careers", href: "#" }] },
-        { title: "Product", items: [{ label: "Automation", href: "#" }, { label: "Pricing", href: "#" }, { label: "Integrations", href: "#" }] },
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Security", href: "#" }] },
-      ]}
-      copyrightText="© 2025 | Delulu Agency"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/professional-ai-automation-workflow-diag-1774951918657-3ba223b2.png"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Case Studies", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Product", items: [{ label: "Automation", href: "#" }, { label: "Pricing", href: "#" }, { label: "Integrations", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Security", href: "#" }] },
+            ]}
+            copyrightText="© 2025 | Delulu Agency"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1