Update src/app/page.tsx
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -3,9 +3,9 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="AgentFlow"
|
||||
/>
|
||||
@@ -58,51 +48,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Automate Your Social Presence with AI Agents"
|
||||
description="We build autonomous social media agents that scale your brand, engage your audience, and drive conversions 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View Plans",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Plans", href: "#pricing"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg",
|
||||
imageAlt: "AI Social Network Connectivity",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg", imageAlt: "AI Social Network Connectivity"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswomen-working-with-laptops_74855-2591.jpg",
|
||||
imageAlt: "Social Media Dashboard Interface",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswomen-working-with-laptops_74855-2591.jpg", imageAlt: "Social Media Dashboard Interface"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg",
|
||||
imageAlt: "Neural Communication Network",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg", imageAlt: "Neural Communication Network"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/grid-horizontal-banner-template_52683-129682.jpg",
|
||||
imageAlt: "Growth Sculpture",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-vector/grid-horizontal-banner-template_52683-129682.jpg", imageAlt: "Growth Sculpture"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111243.jpg",
|
||||
imageAlt: "Liquid Tech Fluidity",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111243.jpg", imageAlt: "Liquid Tech Fluidity"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg",
|
||||
imageAlt: "Network Nodes",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg", imageAlt: "Network Nodes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,19 +81,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Social Reach",
|
||||
value: "1.2M+",
|
||||
},
|
||||
label: "Social Reach", value: "1.2M+"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Engagement Rate",
|
||||
value: "18.5%",
|
||||
},
|
||||
label: "Engagement Rate", value: "18.5%"},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Conversion Boost",
|
||||
value: "450%",
|
||||
},
|
||||
label: "Conversion Boost", value: "450%"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -139,17 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Slow Manual Publishing",
|
||||
"Missed Engagement Windows",
|
||||
"Generic Content Scaling",
|
||||
],
|
||||
"Slow Manual Publishing", "Missed Engagement Windows", "Generic Content Scaling"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"24/7 Auto-Content Posting",
|
||||
"Intelligent Comment Responses",
|
||||
"Real-Time Trend Analysis",
|
||||
],
|
||||
"24/7 Auto-Content Posting", "Intelligent Comment Responses", "Real-Time Trend Analysis"],
|
||||
}}
|
||||
title="The Evolution of Agency Workflow"
|
||||
description="Moving beyond legacy manual management to autonomous intelligent systems."
|
||||
@@ -163,50 +118,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Standard Agent",
|
||||
price: "$999/mo",
|
||||
features: [
|
||||
"1 Agent Instance",
|
||||
"LinkedIn/Twitter Setup",
|
||||
"Weekly Analytics",
|
||||
],
|
||||
id: "starter", name: "Standard Agent", price: "$999/mo", features: [
|
||||
"1 Agent Instance", "LinkedIn/Twitter Setup", "Weekly Analytics"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Starter",
|
||||
},
|
||||
text: "Choose Starter"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Pro Agent",
|
||||
price: "$2,499/mo",
|
||||
features: [
|
||||
"3 Agent Instances",
|
||||
"Omnichannel Mastery",
|
||||
"Predictive Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", name: "Pro Agent", price: "$2,499/mo", features: [
|
||||
"3 Agent Instances", "Omnichannel Mastery", "Predictive Analytics", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
},
|
||||
text: "Choose Pro"},
|
||||
],
|
||||
badge: "Most Popular",
|
||||
},
|
||||
badge: "Most Popular"},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Enterprise AI",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"Unlimited Instances",
|
||||
"Custom AI Model Fine-tuning",
|
||||
"Dedicated Agent Engineer",
|
||||
],
|
||||
id: "enterprise", name: "Enterprise AI", price: "Custom", features: [
|
||||
"Unlimited Instances", "Custom AI Model Fine-tuning", "Dedicated Agent Engineer"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
text: "Contact Sales"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -221,45 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Chen",
|
||||
role: "CMO",
|
||||
title: "TechFlow Systems",
|
||||
quote: "The agent workflows saved us 40 hours of manual management a week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-21996.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Chen", role: "CMO", title: "TechFlow Systems", quote: "The agent workflows saved us 40 hours of manual management a week.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-21996.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Miller",
|
||||
role: "Founder",
|
||||
title: "InnovateLabs",
|
||||
quote: "Best investment we made for our social scaling efforts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-person-work_23-2150617684.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Miller", role: "Founder", title: "InnovateLabs", quote: "Best investment we made for our social scaling efforts.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-person-work_23-2150617684.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Jones",
|
||||
role: "Growth Lead",
|
||||
title: "StartUp HQ",
|
||||
quote: "The predictive engagement is absolutely incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Jones", role: "Growth Lead", title: "StartUp HQ", quote: "The predictive engagement is absolutely incredible.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "VP Marketing",
|
||||
title: "GrowthCo",
|
||||
quote: "Seamless integration and immediate performance boost.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1078.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "VP Marketing", title: "GrowthCo", quote: "Seamless integration and immediate performance boost.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1078.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elise Wang",
|
||||
role: "Content Lead",
|
||||
title: "MediaSphere",
|
||||
quote: "Professional, efficient, and highly intelligent agents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg",
|
||||
},
|
||||
id: "5", name: "Elise Wang", role: "Content Lead", title: "MediaSphere", quote: "Professional, efficient, and highly intelligent agents.", imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg"},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Hear from companies scaling effortlessly."
|
||||
@@ -267,59 +169,38 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
<ContactSplit
|
||||
tag="Ready to Scale?"
|
||||
title="Launch Your AI Agents"
|
||||
description="Sign up for a custom strategy session for your agency."
|
||||
inputPlaceholder="Work email address"
|
||||
description="Partner with us to deploy autonomous agents that transform your agency operations. Reach out for a bespoke strategy session."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg"
|
||||
buttonText="Consult With Us"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
<FooterBase
|
||||
logoText="AgentFlow"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Company",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "About", href: "#about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="AgentFlow"
|
||||
copyrightText="© 2025 AgentFlow. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user