Merge version_1 into main #3
234
src/app/page.tsx
234
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user