Merge version_1 into main #2
270
src/app/page.tsx
270
src/app/page.tsx
@@ -22,7 +22,7 @@ export default function LandingPage() {
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="AutomateAI"
|
||||
/>
|
||||
@@ -53,110 +41,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Automate Your Workflow, Multiply Your Impact."
|
||||
description="Deploy advanced AI agents to handle repetitive tasks, data processing, and customer support, allowing your team to focus on high-value strategy."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=1",
|
||||
imageAlt: "AI Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=1",
|
||||
imageAlt: "Network",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=2",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=2",
|
||||
imageAlt: "Neural Flow",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=3",
|
||||
imageAlt: "Automation Nodes",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "AI Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "Network" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "Dashboard" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "Neural Flow" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "Automation Nodes" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=3",
|
||||
imageAlt: "Network",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=4",
|
||||
imageAlt: "AI Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=4",
|
||||
imageAlt: "Data Streams",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=5",
|
||||
imageAlt: "Tech Connectivity",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=5",
|
||||
imageAlt: "System Architecture",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "Network" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "AI Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "Data Streams" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "Tech Connectivity" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "System Architecture" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Features",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Explore Features", href: "#features" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ innovative tech companies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Integration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated CRM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Predictive Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Data",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Workflow Optimization",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,35 +80,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Predictive Analytics",
|
||||
description: "Harness historical data to forecast trends and optimize resource allocation.",
|
||||
bentoComponent: "line-chart",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=6",
|
||||
imageAlt: "Futuristic AI automation dashboard, glowing nodes and connections, deep dark background with cyan an",
|
||||
},
|
||||
title: "Predictive Analytics", description: "Harness historical data to forecast trends and optimize resource allocation.", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "Automated CRM",
|
||||
description: "Sync customer interactions across platforms instantly.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Star,
|
||||
title: "Automated CRM", description: "Sync customer interactions across platforms instantly.", bentoComponent: "chat", aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Update client record",
|
||||
aiResponse: "Updating CRM record now.",
|
||||
},
|
||||
],
|
||||
placeholder: "Agent active...",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=6",
|
||||
imageAlt: "Abstract AI neural network structure, data flow lines moving across a dark space, professional, high",
|
||||
exchanges: [{ userMessage: "Update client record", aiResponse: "Updating CRM record now." }],
|
||||
placeholder: "Agent active..."
|
||||
},
|
||||
{
|
||||
title: "Global Infrastructure",
|
||||
description: "Deploy agents across multiple time zones with zero latency.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
imageAlt: "Professional headshot of a diverse tech executive, clean studio lighting, neutral background.",
|
||||
},
|
||||
title: "Global Infrastructure", description: "Deploy agents across multiple time zones with zero latency.", bentoComponent: "globe"},
|
||||
]}
|
||||
title="Smart Automation Architecture"
|
||||
description="Our platform integrates seamlessly with your existing stack to drive efficiency."
|
||||
@@ -207,28 +100,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "Efficiency Increase",
|
||||
description: "Across operational cycles.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40hrs",
|
||||
title: "Weekly Time Saved",
|
||||
description: "For core internal teams.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12x",
|
||||
title: "Data Processing",
|
||||
description: "Speed improvements.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{ id: "m1", value: "95%", title: "Efficiency Increase", description: "Across operational cycles.", icon: Zap },
|
||||
{ id: "m2", value: "40hrs", title: "Weekly Time Saved", description: "For core internal teams.", icon: Clock },
|
||||
{ id: "m3", value: "12x", title: "Data Processing", description: "Speed improvements.", icon: TrendingUp },
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Quantifiable results achieved by our partners."
|
||||
@@ -242,26 +118,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Chen, CTO at TechStream"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "Marcus",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
|
||||
alt: "Jordan",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "Sarah" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "David" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "Elena" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "Marcus" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "Jordan" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -273,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does implementation take?",
|
||||
content: "Most integrations take less than 48 hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data secure?",
|
||||
content: "We use enterprise-grade end-to-end encryption.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I need technical skills?",
|
||||
content: "Not at all, our interface is designed for non-technical users.",
|
||||
},
|
||||
{ id: "f1", title: "How long does implementation take?", content: "Most integrations take less than 48 hours." },
|
||||
{ id: "f2", title: "Is my data secure?", content: "We use enterprise-grade end-to-end encryption." },
|
||||
{ id: "f3", title: "Do I need technical skills?", content: "Not at all, our interface is designed for non-technical users." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our AI implementation process."
|
||||
@@ -298,50 +147,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to scale?"
|
||||
title="Let's automate your future."
|
||||
description="Our specialists are ready to discuss your unique workflows and identify high-impact automation opportunities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user