Merge version_1 into main #2
336
src/app/page.tsx
336
src/app/page.tsx
@@ -32,69 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AI Startup"
|
||||
button={{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Start Free Trial", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Artificial Intelligence, Simplified"
|
||||
description="Unlock smarter workflows with AI built for teams. No complexity. No code required."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Free Trial", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-background-with-low-poly-design_1048-15565.jpg?_wi=1",
|
||||
imageAlt: "abstract digital network lines",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg?_wi=1",
|
||||
imageAlt: "futuristic neural network digital",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-bowl_23-2147982605.jpg?_wi=1",
|
||||
imageAlt: "software UI interface conceptual",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-close-up-ferromagnetic-metal_23-2148253626.jpg?_wi=1",
|
||||
imageAlt: "silicon chip glowing pathway",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499115.jpg?_wi=1",
|
||||
imageAlt: "abstract machine learning geometry",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-1074.jpg",
|
||||
imageAlt: "cloud computing network nodes",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-background-with-low-poly-design_1048-15565.jpg", imageAlt: "abstract digital network lines" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg", imageAlt: "futuristic neural network digital" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-bowl_23-2147982605.jpg", imageAlt: "software UI interface conceptual" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-close-up-ferromagnetic-metal_23-2148253626.jpg", imageAlt: "silicon chip glowing pathway" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499115.jpg", imageAlt: "abstract machine learning geometry" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-1074.jpg", imageAlt: "cloud computing network nodes" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,18 +65,9 @@ export default function LandingPage() {
|
||||
title="Built for High-Performance Teams"
|
||||
description="Our AI integrates seamlessly with your existing tech stack, automating repetitive tasks so you can focus on building the future. We empower teams to achieve more with less friction."
|
||||
metrics={[
|
||||
{
|
||||
value: "40%",
|
||||
title: "Workflow efficiency gain",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Daily automated tasks",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Continuous integration",
|
||||
},
|
||||
{ value: "40%", title: "Workflow efficiency gain" },
|
||||
{ value: "10k+", title: "Daily automated tasks" },
|
||||
{ value: "24/7", title: "Continuous integration" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiting-area-hotel-blur_1203-1405.jpg"
|
||||
imageAlt="modern office environment blur"
|
||||
@@ -132,55 +83,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Automation",
|
||||
description: "Trigger complex workflows with simple commands.",
|
||||
icon: Zap,
|
||||
title: "Smart Automation", description: "Trigger complex workflows with simple commands.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-blue-menu-icon-within-circle_187299-47754.jpg",
|
||||
imageAlt: "3d automation icon minimal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869043.jpg",
|
||||
imageAlt: "3d automation icon minimal",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-background-with-low-poly-design_1048-15565.jpg?_wi=2",
|
||||
imageAlt: "3d automation icon minimal",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-blue-menu-icon-within-circle_187299-47754.jpg", imageAlt: "3d automation icon minimal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869043.jpg", imageAlt: "3d automation icon minimal" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Real-time Insights",
|
||||
description: "Make data-driven decisions with built-in analytics.",
|
||||
icon: BarChart2,
|
||||
title: "Real-time Insights", description: "Make data-driven decisions with built-in analytics.", icon: BarChart2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-data-science-cyber-security-flat-color-icon-pack-like-data-info-measure-diary-phone_1142-17112.jpg",
|
||||
imageAlt: "minimal digital chart icon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-graphs-charts-diagrams_1257-356.jpg",
|
||||
imageAlt: "minimal digital chart icon",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg?_wi=2",
|
||||
imageAlt: "3d automation icon minimal",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/20-data-science-cyber-security-flat-color-icon-pack-like-data-info-measure-diary-phone_1142-17112.jpg", imageAlt: "minimal digital chart icon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/linear-graphs-charts-diagrams_1257-356.jpg", imageAlt: "minimal digital chart icon" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Secure Infrastructure",
|
||||
description: "Enterprise-grade protection for your sensitive data.",
|
||||
icon: Shield,
|
||||
title: "Secure Infrastructure", description: "Enterprise-grade protection for your sensitive data.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hacker-flat-icons-badges-colorful-circles-white-background-vector-illustration_1284-41476.jpg",
|
||||
imageAlt: "minimal tech shield icon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg",
|
||||
imageAlt: "minimal tech shield icon",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-bowl_23-2147982605.jpg?_wi=2",
|
||||
imageAlt: "3d automation icon minimal",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/hacker-flat-icons-badges-colorful-circles-white-background-vector-illustration_1284-41476.jpg", imageAlt: "minimal tech shield icon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg", imageAlt: "minimal tech shield icon" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Features That Drive Success"
|
||||
@@ -195,66 +116,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Module",
|
||||
name: "Deep Analytics",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-green-blue-infographic-elements_23-2147610425.jpg",
|
||||
imageAlt: "minimal digital chart icon",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Module",
|
||||
name: "Content Generator",
|
||||
price: "Custom",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-electronics-logo-templates_23-2148985012.jpg",
|
||||
imageAlt: "3d automation icon minimal",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Module",
|
||||
name: "Workflow Sync",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148527824.jpg",
|
||||
imageAlt: "minimal tech shield icon",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Module",
|
||||
name: "Predictive AI",
|
||||
price: "Custom",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/illustration-data-analysis-graph_53876-5866.jpg",
|
||||
imageAlt: "minimal digital chart icon",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Module",
|
||||
name: "Admin Control",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-puzzle-pieces-blue-background_23-2149299057.jpg",
|
||||
imageAlt: "3d automation icon minimal",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Module",
|
||||
name: "Team Brain",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "340",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shield-teamwork-protect-defense-logo-linear-style_126523-2745.jpg",
|
||||
imageAlt: "minimal tech shield icon",
|
||||
},
|
||||
{ id: "p1", brand: "Module", name: "Deep Analytics", price: "Custom", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-vector/collection-green-blue-infographic-elements_23-2147610425.jpg" },
|
||||
{ id: "p2", brand: "Module", name: "Content Generator", price: "Custom", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-electronics-logo-templates_23-2148985012.jpg" },
|
||||
{ id: "p3", brand: "Module", name: "Workflow Sync", price: "Custom", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148527824.jpg" },
|
||||
{ id: "p4", brand: "Module", name: "Predictive AI", price: "Custom", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-vector/illustration-data-analysis-graph_53876-5866.jpg" },
|
||||
{ id: "p5", brand: "Module", name: "Admin Control", price: "Custom", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/view-puzzle-pieces-blue-background_23-2149299057.jpg" },
|
||||
{ id: "p6", brand: "Module", name: "Team Brain", price: "Custom", rating: 5, reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-vector/shield-teamwork-protect-defense-logo-linear-style_126523-2745.jpg" },
|
||||
]}
|
||||
title="Our AI Modules"
|
||||
description="Specialized tools designed for specific business challenges."
|
||||
@@ -265,15 +132,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Amazon",
|
||||
"Apple",
|
||||
"Tesla",
|
||||
"Meta",
|
||||
"Nvidia",
|
||||
]}
|
||||
names={["Google", "Microsoft", "Amazon", "Apple", "Tesla", "Meta", "Nvidia"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join companies optimizing their future with AI."
|
||||
/>
|
||||
@@ -284,61 +143,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "2024-01-10",
|
||||
title: "CEO, TechCorp",
|
||||
quote: "Incredible impact on our workflow speed.",
|
||||
tag: "Enterprise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-background-with-low-poly-design_1048-15565.jpg?_wi=3",
|
||||
imageAlt: "professional cto portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "2024-02-15",
|
||||
title: "CTO, Labs",
|
||||
quote: "The API documentation is world-class.",
|
||||
tag: "Dev",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg?_wi=3",
|
||||
imageAlt: "professional cto portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2024-03-20",
|
||||
title: "Marketing Director",
|
||||
quote: "I saved 10 hours a week using the tool.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-bowl_23-2147982605.jpg?_wi=3",
|
||||
imageAlt: "professional cto portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "2024-04-05",
|
||||
title: "Founder, XYZ",
|
||||
quote: "Fast integration, immediate ROI results.",
|
||||
tag: "Startup",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-close-up-ferromagnetic-metal_23-2148253626.jpg?_wi=2",
|
||||
imageAlt: "professional cto portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
date: "2024-05-12",
|
||||
title: "PM, GrowthCo",
|
||||
quote: "Invaluable asset to our design operations.",
|
||||
tag: "Product",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499115.jpg?_wi=2",
|
||||
imageAlt: "professional cto portrait",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", date: "2024-01-10", title: "CEO, TechCorp", quote: "Incredible impact on our workflow speed.", tag: "Enterprise", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg" },
|
||||
{ id: "2", name: "Michael Chen", date: "2024-02-15", title: "CTO, Labs", quote: "The API documentation is world-class.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "2024-03-20", title: "Marketing Director", quote: "I saved 10 hours a week using the tool.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg" },
|
||||
{ id: "4", name: "David Kim", date: "2024-04-05", title: "Founder, XYZ", quote: "Fast integration, immediate ROI results.", tag: "Startup", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ id: "5", name: "Jane Doe", date: "2024-05-12", title: "PM, GrowthCo", quote: "Invaluable asset to our design operations.", tag: "Product", avatarSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg" },
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Real results from real teams using our platform daily."
|
||||
@@ -350,21 +159,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is technical knowledge required?",
|
||||
content: "No, our interface is designed for teams of all technical levels.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I integrate with my existing stack?",
|
||||
content: "Absolutely, we support hundreds of common business integrations.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How secure is my data?",
|
||||
content: "Your security is our priority. We use industry-standard encryption.",
|
||||
},
|
||||
{ id: "f1", title: "Is technical knowledge required?", content: "No, our interface is designed for teams of all technical levels." },
|
||||
{ id: "f2", title: "Can I integrate with my existing stack?", content: "Absolutely, we support hundreds of common business integrations." },
|
||||
{ id: "f3", title: "How secure is my data?", content: "Your security is our priority. We use industry-standard encryption." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/robots-love-valentine-s-day-celebration_23-2151932789.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -377,61 +174,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Start?"
|
||||
description="Unlock smarter workflows today. No complexity."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg"
|
||||
inputPlaceholder="Enter your work email"
|
||||
buttonText="Get Access"
|
||||
imageAlt="minimal collaboration abstract"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Modules",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Modules", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="AI Startup"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user