Merge version_1 into main #2
100
src/app/page.tsx
100
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user