Merge version_1 into main #2
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, Repeat, Smartphone, TrendingUp, Zap } from "lucide-react";
|
||||
import { AlertTriangle, CheckCircle, Clock, Database, DollarSign, MessageSquare, TrendingUp, Zap, Smartphone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,49 +30,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ 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",
|
||||
}}
|
||||
button={{ text: "Book a Demo", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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?_wi=1"
|
||||
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>
|
||||
@@ -82,31 +56,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -119,49 +73,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Intelligent Lead Capture",
|
||||
description: "Forms that qualify leads instantly based on your ideal customer profile.",
|
||||
icon: Zap,
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/dashboard-preview-screen-showing-lead-qu-1774951916700-a9cbc240.png?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/futuristic-3d-abstract-mesh-with-glowing-1774951916864-ba2cac50.png?_wi=2",
|
||||
imageAlt: "Futuristic 3D abstract mesh with glowing electric blue and purple particles, floating in a dark cine",
|
||||
{ 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,
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/automated-messaging-notification-system--1774951917452-a0aea228.png?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/professional-ai-automation-workflow-diag-1774951918657-3ba223b2.png?_wi=1",
|
||||
imageAlt: "Professional AI automation workflow diagram with clean nodes and glowing lines, dark UI theme, high ",
|
||||
{ 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,
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/crm-integration-visualization-nodes-conn-1774951926504-86f20ab0.png?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhqm1aPoPuyRgha5eR2nuZzma9/dashboard-preview-screen-showing-lead-qu-1774951916700-a9cbc240.png?_wi=3",
|
||||
imageAlt: "Dashboard preview screen showing lead qualification analytics, glowing neon charts on dark glassmorp",
|
||||
{ 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"
|
||||
@@ -176,41 +106,11 @@ export default function LandingPage() {
|
||||
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,
|
||||
},
|
||||
{ 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."
|
||||
@@ -221,15 +121,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DigitalLead",
|
||||
"VelocityAI",
|
||||
"RevenueFlow",
|
||||
]}
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalLead", "VelocityAI", "RevenueFlow"]}
|
||||
title="Trusted by scaling businesses"
|
||||
description="Companies that automate to lead the market."
|
||||
/>
|
||||
@@ -238,9 +130,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
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."
|
||||
@@ -251,59 +141,11 @@ export default function LandingPage() {
|
||||
|
||||
<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?_wi=2"
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -311,4 +153,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user