Merge version_2 into main #2
273
src/app/page.tsx
273
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Support", id: "faq" }
|
||||
]}
|
||||
brandName="AutoFlow"
|
||||
/>
|
||||
@@ -55,36 +46,15 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1"
|
||||
imageAlt="Automation Dashboard Interface"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#pricing" },
|
||||
{ text: "View Demo", href: "#features" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112100.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-young-businessman-trendy-suit-smiling-standing-against-white-background_1258-170863.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-glasses-looking-satisfied-smiling-holding-hands-waist-standing-w_1258-113634.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-118692.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-positive-young-woman-wearing-blouse_1262-2298.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112100.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-young-businessman-trendy-suit-smiling-standing-against-white-background_1258-170863.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-businessman-glasses-looking-satisfied-smiling-holding-hands-waist-standing-w_1258-113634.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-118692.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-positive-young-woman-wearing-blouse_1262-2298.jpg", alt: "Team member 5" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ teams"
|
||||
/>
|
||||
@@ -97,18 +67,9 @@ export default function LandingPage() {
|
||||
title="Automate More, Worry Less"
|
||||
description="Our dashboard provides a centralized view of your entire automation ecosystem. Eliminate manual tasks and focus on strategic initiatives."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Real-time Monitoring",
|
||||
description: "Keep track of all your active processes instantly.",
|
||||
},
|
||||
{
|
||||
title: "Smart Scaling",
|
||||
description: "Scale your automations effortlessly as your business grows.",
|
||||
},
|
||||
{
|
||||
title: "Secure Integrations",
|
||||
description: "Industry-standard security for all your connected apps.",
|
||||
},
|
||||
{ title: "Real-time Monitoring", description: "Keep track of all your active processes instantly." },
|
||||
{ title: "Smart Scaling", description: "Scale your automations effortlessly as your business grows." },
|
||||
{ title: "Secure Integrations", description: "Industry-standard security for all your connected apps." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977493.jpg?_wi=1"
|
||||
/>
|
||||
@@ -119,21 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Seamless Sync",
|
||||
description: "Data flows perfectly across your stack.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-blue-gradient-background_53876-119510.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Precision Scheduling",
|
||||
description: "Trigger actions exactly when needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-businesswoman-using-laptop-office_1262-3214.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Global Integration",
|
||||
description: "Connect to thousands of external APIs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-applications_1134-123.jpg?_wi=1",
|
||||
},
|
||||
{ title: "Seamless Sync", description: "Data flows perfectly across your stack.", imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-blue-gradient-background_53876-119510.jpg?_wi=1" },
|
||||
{ title: "Precision Scheduling", description: "Trigger actions exactly when needed.", imageSrc: "http://img.b2bpic.net/free-photo/hands-businesswoman-using-laptop-office_1262-3214.jpg?_wi=1" },
|
||||
{ title: "Global Integration", description: "Connect to thousands of external APIs.", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-applications_1134-123.jpg?_wi=1" }
|
||||
]}
|
||||
title="Built for Modern Teams"
|
||||
description="Experience power-packed features designed to simplify complex workflows."
|
||||
@@ -146,27 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always available for you",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k+",
|
||||
title: "Tasks Run",
|
||||
description: "Automated successfully",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-office_53876-31544.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Monitoring",
|
||||
description: "Active observation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/time-clock-graphics-icon-symbol_53876-133689.jpg",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", title: "Uptime", description: "Always available for you", imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg" },
|
||||
{ id: "m2", value: "500k+", title: "Tasks Run", description: "Automated successfully", imageSrc: "http://img.b2bpic.net/free-photo/people-working-office_53876-31544.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Monitoring", description: "Active observation", imageSrc: "http://img.b2bpic.net/free-photo/time-clock-graphics-icon-symbol_53876-133689.jpg" }
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Track the impact of your automations."
|
||||
@@ -179,51 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Starter",
|
||||
price: "$49",
|
||||
subtitle: "For small teams",
|
||||
features: [
|
||||
"10 workflows",
|
||||
"Standard support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$199",
|
||||
subtitle: "For growing businesses",
|
||||
features: [
|
||||
"100 workflows",
|
||||
"Priority support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "For large organizations",
|
||||
features: [
|
||||
"Unlimited workflows",
|
||||
"Dedicated manager",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Starter", price: "$49", subtitle: "For small teams", features: ["10 workflows", "Standard support"], buttons: [{ text: "Get Started" }] },
|
||||
{ id: "p2", badge: "Pro", price: "$199", subtitle: "For growing businesses", features: ["100 workflows", "Priority support"], buttons: [{ text: "Choose Pro" }] },
|
||||
{ id: "p3", badge: "Enterprise", price: "Custom", subtitle: "For large organizations", features: ["Unlimited workflows", "Dedicated manager"], buttons: [{ text: "Contact Sales" }] }
|
||||
]}
|
||||
title="Flexible Plans"
|
||||
description="Select the plan that matches your team's needs."
|
||||
@@ -235,61 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
date: "2023-10-01",
|
||||
title: "Product Lead",
|
||||
quote: "Incredible efficiency boost for our team.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-with-arms-crossed-looking-camera-isolated-against-white-background_23-2148073336.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait white background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
date: "2023-11-15",
|
||||
title: "Founder",
|
||||
quote: "Saved us hundreds of hours every month.",
|
||||
tag: "SaaS",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-female-entrepreneur-asian-business-woman-standing-power-pose-professional-business-person-cross-arms-chest-standing-white-background_1258-90880.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977493.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait white background",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Wilson",
|
||||
date: "2023-12-05",
|
||||
title: "Engineer",
|
||||
quote: "The integration capabilities are unmatched.",
|
||||
tag: "Startup",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-1267.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-blue-gradient-background_53876-119510.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait white background",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Davis",
|
||||
date: "2024-01-10",
|
||||
title: "Product Mgr",
|
||||
quote: "Absolutely essential for our daily operations.",
|
||||
tag: "Marketing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-professional-successful-ceo-office-woman-wearing-business-white-suit-cross-arms-chest-look-aside-promotional-text-logo-stands-studio-background_176420-54945.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-businesswoman-using-laptop-office_1262-3214.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait white background",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris Lee",
|
||||
date: "2024-02-20",
|
||||
title: "DevOps",
|
||||
quote: "Reliable and extremely easy to set up.",
|
||||
tag: "IT",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-applications_1134-123.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait white background",
|
||||
},
|
||||
{ id: "1", name: "John Doe", date: "2023-10-01", title: "Product Lead", quote: "Incredible efficiency boost for our team.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-with-arms-crossed-looking-camera-isolated-against-white-background_23-2148073336.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2" },
|
||||
{ id: "2", name: "Jane Smith", date: "2023-11-15", title: "Founder", quote: "Saved us hundreds of hours every month.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/confident-female-entrepreneur-asian-business-woman-standing-power-pose-professional-business-person-cross-arms-chest-standing-white-background_1258-90880.jpg", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977493.jpg?_wi=2" },
|
||||
{ id: "3", name: "Mark Wilson", date: "2023-12-05", title: "Engineer", quote: "The integration capabilities are unmatched.", tag: "Startup", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-1267.jpg", imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-blue-gradient-background_53876-119510.jpg?_wi=2" },
|
||||
{ id: "4", name: "Sarah Davis", date: "2024-01-10", title: "Product Mgr", quote: "Absolutely essential for our daily operations.", tag: "Marketing", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-professional-successful-ceo-office-woman-wearing-business-white-suit-cross-arms-chest-look-aside-promotional-text-logo-stands-studio-background_176420-54945.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-businesswoman-using-laptop-office_1262-3214.jpg?_wi=2" },
|
||||
{ id: "5", name: "Chris Lee", date: "2024-02-20", title: "DevOps", quote: "Reliable and extremely easy to set up.", tag: "IT", avatarSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-applications_1134-123.jpg?_wi=2" }
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="See why top teams choose our automation platform."
|
||||
@@ -301,21 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, we offer a 14-day free trial.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I upgrade anytime?",
|
||||
content: "Absolutely, change your plan whenever you want.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is my data secure?",
|
||||
content: "We use enterprise-grade encryption for all data.",
|
||||
},
|
||||
{ id: "f1", title: "Is there a free trial?", content: "Yes, we offer a 14-day free trial." },
|
||||
{ id: "f2", title: "Can I upgrade anytime?", content: "Absolutely, change your plan whenever you want." },
|
||||
{ id: "f3", title: "Is my data secure?", content: "We use enterprise-grade encryption for all data." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get quick answers about our service."
|
||||
@@ -326,47 +153,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
text="Ready to transform your productivity? Let's talk."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "Support", href: "#faq" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 AutoFlow Inc."
|
||||
bottomRightText="All rights reserved."
|
||||
@@ -375,4 +172,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user