Merge version_1_1782235104557 into main #2

Merged
bender merged 2 commits from version_1_1782235104557 into main 2026-06-23 17:19:32 +00:00
2 changed files with 152 additions and 348 deletions

View File

@@ -1,100 +1,55 @@
import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
import { Outlet } from 'react-router-dom';
import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Home",
"href": "#"
},
{
"name": "Features",
"href": "#features"
},
{
"name": "Capabilities",
"href": "#capabilities"
},
{
"name": "Testimonials",
"href": "#testimonials"
},
{
"name": "Hero",
"href": "#hero"
},
{
"name": "About",
"href": "#about"
},
{
"name": "Metrics",
"href": "#metrics"
}
];
{ name: "Home", href: "#" },
{ name: "Features", href: "#features" },
{ name: "Capabilities", href: "#capabilities" },
{ name: "Testimonials", href: "#testimonials" },
{ name: "About", href: "#about" },
{ name: "Metrics", href: "#metrics" }
];
return (
<StyleProvider buttonVariant="magnetic" siteBackground="gridDots" heroBackground="lightRaysCenter">
<SiteBackgroundSlot />
<StyleProvider>
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="LeadsFlowAI"
ctaButton={{
text: "Get Started",
href: "#contact",
}}
navItems={navItems} />
logo="LeadsFlowAI"
logoImageSrc="http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg"
ctaButton={{ text: "Get Started", href: "#contact" }}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleCard
brand="LeadsFlowAI"
columns={[
{
title: "Company",
items: [
brand="LeadsFlowAI"
columns={[
{
label: "About",
href: "#",
title: "Company", items: [
{ label: "About", href: "#" },
{ label: "Careers", href: "#" }
]
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Automation",
href: "#",
},
{
label: "Consulting",
href: "#",
},
],
},
]}
copyright="© 2024 LeadsFlowAI. All rights reserved."
links={[
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
]}
/>
title: "Services", items: [
{ label: "Automation", href: "#" },
{ label: "Consulting", href: "#" }
]
}
]}
copyright="© 2024 LeadsFlowAI. All rights reserved."
links={[
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" }
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -12,293 +12,142 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardTiltedCarousel
tag="AI Consulting Excellence"
title="Scale Your Leads With Intelligence"
description="LeadsFlowAI transforms your business pipeline using predictive analytics and automated AI orchestration."
primaryButton={{
text: "Start Consultation",
href: "#contact",
}}
secondaryButton={{
text: "See How It Works",
href: "#features",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/robots-analyzing-data-computer-screens_23-2151966705.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-biorobots-concept_23-2149524396.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/engineer-writes-ai-code-laptop_482257-96435.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473185.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/online-cloud-data-storage-concept-cloudscape-digital-online-server-global-network-business-web-database-backup-computer-private-infrastructure-technology_90220-1345.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="AI Consulting Excellence"
title="Scale Your Leads With Intelligence"
description="LeadsFlowAI transforms your business pipeline using predictive analytics and automated AI orchestration."
primaryButton={{ text: "Start Consultation", href: "#contact" }}
secondaryButton={{ text: "See How It Works", href: "#features" }}
items={[
{ imageSrc: "http://img.b2bpic.net/free-photo/robots-analyzing-data-computer-screens_23-2151966705.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-biorobots-concept_23-2149524396.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-writes-ai-code-laptop_482257-96435.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473185.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/online-cloud-data-storage-concept-cloudscape-digital-online-server-global-network-business-web-database-backup-computer-private-infrastructure-technology_90220-1345.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Mission"
quote="LeadsFlowAI doesn't just provide software; we engineer growth intelligence that adapts to your unique customer journey."
author="Jane D. Sterling"
role="Lead Strategy Consultant"
imageSrc="http://img.b2bpic.net/free-photo/happy-elegant-business-woman-office-hall_1262-3017.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Our Mission"
quote="LeadsFlowAI doesn't just provide software; we engineer growth intelligence that adapts to your unique customer journey."
author="Jane D. Sterling"
role="Lead Strategy Consultant"
imageSrc="http://img.b2bpic.net/free-photo/happy-elegant-business-woman-office-hall_1262-3017.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBento
tag="Powerful Features"
title="Built for High-Growth Teams"
description="Enterprise-grade AI, accessible to any business."
features={[
{
title: "Chat Intelligence",
description: "AI-driven conversations.",
bentoComponent: "chat-marquee",
aiIcon: Star,
userIcon: User,
exchanges: [
{
userMessage: "How do I grow?",
aiResponse: "Use our predictive model.",
},
],
placeholder: "Ask AI...",
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
imageAlt: "ai technology logo",
},
{
title: "Data Orbiting",
description: "Always-on data monitoring.",
bentoComponent: "orbiting-icons",
centerIcon: Database,
orbitIcons: [
"Zap",
"TrendingUp",
"Shield",
],
imageSrc: "http://img.b2bpic.net/free-photo/robots-analyzing-data-computer-screens_23-2151966705.jpg?_wi=2",
imageAlt: "ai technology logo",
},
{
title: "Action Roadmap",
description: "Clear step-by-step guidance.",
bentoComponent: "checklist-timeline",
heading: "Implementation",
subheading: "Get started in 3 days",
checklistItems: [
{
label: "Data audit",
detail: "1 day",
},
{
label: "Model training",
detail: "1 day",
},
{
label: "Go live",
detail: "1 day",
},
],
completedLabel: "Growth Active",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-biorobots-concept_23-2149524396.jpg?_wi=2",
imageAlt: "ai technology logo",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Powerful Features"
title="Built for High-Growth Teams"
description="Enterprise-grade AI, accessible to any business."
features={[
{
title: "Chat Intelligence", description: "AI-driven conversations.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [{ userMessage: "How do I grow?", aiResponse: "Use our predictive model." }],
placeholder: "Ask AI..."
},
{
title: "Data Orbiting", description: "Always-on data monitoring.", bentoComponent: "orbiting-icons", centerIcon: "Database", orbitIcons: ["Zap", "TrendingUp", "Shield"]
},
{
title: "Action Roadmap", description: "Clear step-by-step guidance.", bentoComponent: "checklist-timeline", heading: "Implementation", subheading: "Get started in 3 days", checklistItems: [
{ label: "Data audit", detail: "1 day" },
{ label: "Model training", detail: "1 day" },
{ label: "Go live", detail: "1 day" }
],
completedLabel: "Growth Active"
}
]}
/>
</SectionErrorBoundary>
</div>
<div id="capabilities" data-section="capabilities">
<SectionErrorBoundary name="capabilities">
<div id="capabilities" data-section="capabilities">
<SectionErrorBoundary name="capabilities">
<FeaturesImageBento
tag="Our Capabilities"
title="Comprehensive AI Services"
description="Full-spectrum consulting and automation solutions."
items={[
{
title: "Auto-Email",
description: "Scalable reach.",
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg",
},
{
title: "Content Engine",
description: "AI-written content.",
imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13617.jpg",
},
{
title: "Support Bots",
description: "24/7 service.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-timeline-infographic_23-2148394287.jpg",
},
{
title: "Sales Funnel",
description: "Smart conversion.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-red-thread-connection_23-2149870884.jpg",
},
{
title: "Predictions",
description: "Future insights.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996795.jpg",
},
{
title: "Behavior Analysis",
description: "Deep understanding.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-lady-using-tablet-while-examining-data_1262-17805.jpg",
},
{
title: "Revenue Ops",
description: "Maximized returns.",
imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Capabilities"
title="Comprehensive AI Services"
description="Full-spectrum consulting and automation solutions."
items={[
{ title: "Auto-Email", description: "Scalable reach.", imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg" },
{ title: "Content Engine", description: "AI-written content.", imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13617.jpg" },
{ title: "Support Bots", description: "24/7 service.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-timeline-infographic_23-2148394287.jpg" },
{ title: "Sales Funnel", description: "Smart conversion.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-red-thread-connection_23-2149870884.jpg" },
{ title: "Predictions", description: "Future insights.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996795.jpg" },
{ title: "Behavior Analysis", description: "Deep understanding.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-lady-using-tablet-while-examining-data_1262-17805.jpg" },
{ title: "Revenue Ops", description: "Maximized returns.", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Performance Driven"
title="Measurable Results"
description="Standardized success metrics for AI transformation."
metrics={[
{
value: "45%",
title: "Lead Conversion Increase",
features: [
"Predictive analysis",
"Smart routing",
"Automation",
],
},
{
value: "3x",
title: "Efficiency Gain",
features: [
"Orchestrated tasks",
"AI workflows",
"Data sync",
],
},
{
value: "99%",
title: "System Uptime",
features: [
"Reliable APIs",
"Cloud scale",
"Global nodes",
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Performance Driven"
title="Measurable Results"
description="Standardized success metrics for AI transformation."
metrics={[
{ value: "45%", title: "Lead Conversion Increase", features: ["Predictive analysis", "Smart routing", "Automation"] },
{ value: "3x", title: "Efficiency Gain", features: ["Orchestrated tasks", "AI workflows", "Data sync"] },
{ value: "99%", title: "System Uptime", features: ["Reliable APIs", "Cloud scale", "Global nodes"] }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Client Success"
title="Trusted by Industry Leaders"
description="Join companies transforming their growth trajectory."
testimonials={[
{
name: "John Doe",
role: "CEO",
quote: "Fantastic results, truly.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident_1258-194088.jpg",
},
{
name: "Alice Smith",
role: "PM",
quote: "Seamless automation integration.",
imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg",
},
{
name: "Bob Jones",
role: "Director",
quote: "The best AI partner ever.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
},
{
name: "Carol White",
role: "Marketing",
quote: "Game-changer for our leads.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
},
{
name: "David Brown",
role: "CTO",
quote: "Engineered for success.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Client Success"
title="Trusted by Industry Leaders"
description="Join companies transforming their growth trajectory."
testimonials={[
{ name: "John Doe", role: "CEO", quote: "Fantastic results, truly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident_1258-194088.jpg" },
{ name: "Alice Smith", role: "PM", quote: "Seamless automation integration.", imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg" },
{ name: "Bob Jones", role: "Director", quote: "The best AI partner ever.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg" },
{ name: "Carol White", role: "Marketing", quote: "Game-changer for our leads.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" },
{ name: "David Brown", role: "CTO", quote: "Engineered for success.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Support"
title="Frequently Asked"
description="Get answers about LeadsFlowAI consulting."
items={[
{
question: "What is AI consulting?",
answer: "Strategic application of machine learning to business.",
},
{
question: "Can I use it now?",
answer: "Yes, we integrate with your stack immediately.",
},
{
question: "Is security guaranteed?",
answer: "Yes, SOC2 compliant and encrypted.",
},
{
question: "Do I need technical skills?",
answer: "No, we handle the orchestration.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Support"
title="Frequently Asked"
description="Get answers about LeadsFlowAI consulting."
items={[
{ question: "What is AI consulting?", answer: "Strategic application of machine learning to business." },
{ question: "Can I use it now?", answer: "Yes, we integrate with your stack immediately." },
{ question: "Is security guaranteed?", answer: "Yes, SOC2 compliant and encrypted." },
{ question: "Do I need technical skills?", answer: "No, we handle the orchestration." }
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready to Start?"
text="Get an audit of your current lead flow pipeline from our AI experts today."
primaryButton={{
text: "Book Consultation",
href: "#",
}}
secondaryButton={{
text: "Contact Support",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
tag="Ready to Start?"
text="Get an audit of your current lead flow pipeline from our AI experts today."
primaryButton={{ text: "Book Consultation", href: "#" }}
secondaryButton={{ text: "Contact Support", href: "#" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}