Merge version_1 into main #2
353
src/app/page.tsx
353
src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="FlowPilot"
|
||||
/>
|
||||
@@ -52,102 +43,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Work Faster With AI-Powered Productivity"
|
||||
description="FlowPilot helps your team streamline workflows, automate repetitive tasks, and achieve peak performance effortlessly."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "FlowPilot changed how our engineering team ships code.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "The best AI productivity tool I've used this year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike B.",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Seamless integrations and incredible speed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elenap",
|
||||
testimonial: "Simply genius automation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-caucasian-man_53876-24833.jpg",
|
||||
},
|
||||
{
|
||||
name: "David M.",
|
||||
handle: "@davidm",
|
||||
testimonial: "Game changer for our team workflows.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alexr", testimonial: "FlowPilot changed how our engineering team ships code.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg" },
|
||||
{ name: "Sarah K.", handle: "@sarahk", testimonial: "The best AI productivity tool I've used this year.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
|
||||
{ name: "Mike B.", handle: "@mikeb", testimonial: "Seamless integrations and incredible speed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg" },
|
||||
{ name: "Elena P.", handle: "@elenap", testimonial: "Simply genius automation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-caucasian-man_53876-24833.jpg" },
|
||||
{ name: "David M.", handle: "@davidm", testimonial: "Game changer for our team workflows.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Free Trial", href: "#" }, { text: "Watch Demo", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg",
|
||||
alt: "Portrait of a happy young businesswoman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
|
||||
alt: "Portrait of businesswoman posing with coffee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
|
||||
alt: "Portrait of confident businesswoman smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
alt: "Portrait of young confident woman startup manager",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
|
||||
alt: "Portrait of exhausted workaholic man manager",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg", alt: "Portrait of a happy young businesswoman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg", alt: "Portrait of businesswoman posing with coffee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", alt: "Portrait of confident businesswoman smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "Portrait of young confident woman startup manager" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", alt: "Portrait of exhausted workaholic man manager" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Streamline Your Workflow",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automate Repetitive Tasks",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Achieve Peak Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Connect Your Tools",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unleash Team Potential",
|
||||
},
|
||||
{ type: "text", text: "Streamline Your Workflow" },
|
||||
{ type: "text", text: "Automate Repetitive Tasks" },
|
||||
{ type: "text", text: "Achieve Peak Performance" },
|
||||
{ type: "text", text: "Connect Your Tools" },
|
||||
{ type: "text", text: "Unleash Team Potential" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,15 +76,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Notion",
|
||||
"Stripe",
|
||||
"Linear",
|
||||
"Vercel",
|
||||
"OpenAI",
|
||||
"Anthropic",
|
||||
]}
|
||||
names={["Google", "Notion", "Stripe", "Linear", "Vercel", "OpenAI", "Anthropic"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Companies worldwide trust FlowPilot to optimize their operations."
|
||||
/>
|
||||
@@ -176,54 +88,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Task Automation",
|
||||
description: "Automate routine tasks in seconds.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-icon-set-vector-illustration_47987-30794.jpg",
|
||||
imageAlt: "ai automation icon",
|
||||
},
|
||||
{
|
||||
title: "Smart Scheduling",
|
||||
description: "AI-optimized calendar management.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Calendar,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg?_wi=2",
|
||||
imageAlt: "ai automation icon",
|
||||
},
|
||||
{
|
||||
title: "Team Collaboration",
|
||||
description: "Synchronize your entire team.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dark-graphic-collection-business-template_23-2148276498.jpg",
|
||||
imageAlt: "ai automation icon",
|
||||
},
|
||||
{
|
||||
title: "Analytics Dashboard",
|
||||
description: "Real-time performance metrics.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jigsaw-teamwork-concept-macro-shot_53876-147453.jpg",
|
||||
imageAlt: "ai automation icon",
|
||||
},
|
||||
{
|
||||
title: "Workflow Integrations",
|
||||
description: "Connect with your favorite tools.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Layout,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-technician-presenting-latest-artificial-intelligence-innovations_482257-105819.jpg",
|
||||
imageAlt: "ai automation icon",
|
||||
},
|
||||
{
|
||||
title: "Voice Commands",
|
||||
description: "Control everything with voice.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Mic,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149151162.jpg",
|
||||
imageAlt: "ai automation icon",
|
||||
},
|
||||
{ title: "AI Task Automation", description: "Automate routine tasks in seconds.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Smart Scheduling", description: "AI-optimized calendar management.", bentoComponent: "reveal-icon", icon: Calendar },
|
||||
{ title: "Team Collaboration", description: "Synchronize your entire team.", bentoComponent: "reveal-icon", icon: Users },
|
||||
{ title: "Analytics Dashboard", description: "Real-time performance metrics.", bentoComponent: "reveal-icon", icon: BarChart2 },
|
||||
{ title: "Workflow Integrations", description: "Connect with your favorite tools.", bentoComponent: "reveal-icon", icon: Layout },
|
||||
{ title: "Voice Commands", description: "Control everything with voice.", bentoComponent: "reveal-icon", icon: Mic },
|
||||
]}
|
||||
title="Everything You Need to Succeed"
|
||||
description="Powerful tools designed to make your work life simpler and more effective."
|
||||
@@ -232,34 +102,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="preview" data-section="preview">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Main Dashboard",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Project View",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Task Timeline",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979717.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Analytics View",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Main Dashboard", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg" },
|
||||
{ id: "p2", name: "Project View", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg" },
|
||||
{ id: "p3", name: "Task Timeline", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979717.jpg" },
|
||||
{ id: "p4", name: "Analytics View", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg" },
|
||||
]}
|
||||
title="See FlowPilot in Action"
|
||||
description="A glimpse into our sleek, high-performance workspace dashboard."
|
||||
@@ -272,41 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "FlowPilot is incredible. Truly transformed our workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-posing-office_176420-911.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "The AI integration is seamless. Couldn't live without it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike B.",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Incredible performance and intuitive UI design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena P.",
|
||||
handle: "@elenap",
|
||||
testimonial: "A total productivity powerhouse. Five stars.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David M.",
|
||||
handle: "@davidm",
|
||||
testimonial: "Essential for any high-performing team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", handle: "@alexr", testimonial: "FlowPilot is incredible. Truly transformed our workflow.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-posing-office_176420-911.jpg" },
|
||||
{ id: "t2", name: "Sarah K.", handle: "@sarahk", testimonial: "The AI integration is seamless. Couldn't live without it.", imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg" },
|
||||
{ id: "t3", name: "Mike B.", handle: "@mikeb", testimonial: "Incredible performance and intuitive UI design.", imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg" },
|
||||
{ id: "t4", name: "Elena P.", handle: "@elenap", testimonial: "A total productivity powerhouse. Five stars.", imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg" },
|
||||
{ id: "t5", name: "David M.", handle: "@davidm", testimonial: "Essential for any high-performing team.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
]}
|
||||
title="What Our Users Say"
|
||||
description="Join thousands of teams leveling up their productivity."
|
||||
@@ -319,59 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
price: "$29/mo",
|
||||
subtitle: "Perfect for freelancers",
|
||||
features: [
|
||||
"1 User",
|
||||
"Basic AI Features",
|
||||
"Standard Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$99/mo",
|
||||
subtitle: "For scaling teams",
|
||||
features: [
|
||||
"Up to 10 Users",
|
||||
"Advanced AI",
|
||||
"Priority Support",
|
||||
"Analytics",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "For large organizations",
|
||||
features: [
|
||||
"Unlimited Users",
|
||||
"Enterprise AI",
|
||||
"Dedicated Manager",
|
||||
"SSO",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "starter", badge: "Starter", price: "$29/mo", subtitle: "Perfect for freelancers", features: ["1 User", "Basic AI Features", "Standard Support"], buttons: [{ text: "Get Started", href: "#" }] },
|
||||
{ id: "pro", badge: "Most Popular", price: "$99/mo", subtitle: "For scaling teams", features: ["Up to 10 Users", "Advanced AI", "Priority Support", "Analytics"], buttons: [{ text: "Get Started", href: "#" }] },
|
||||
{ id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "For large organizations", features: ["Unlimited Users", "Enterprise AI", "Dedicated Manager", "SSO"], buttons: [{ text: "Contact Us", href: "#" }] },
|
||||
]}
|
||||
title="Choose the Perfect Plan"
|
||||
description="Simple, transparent pricing to scale with your team."
|
||||
@@ -382,21 +153,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the AI work?",
|
||||
content: "Our AI models integrate directly with your tools to learn your workflow.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is my data secure?",
|
||||
content: "We use enterprise-grade encryption for all data storage.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I integrate with Slack?",
|
||||
content: "Yes, we support deep integration with Slack and Jira.",
|
||||
},
|
||||
{ id: "1", title: "How does the AI work?", content: "Our AI models integrate directly with your tools to learn your workflow." },
|
||||
{ id: "2", title: "Is my data secure?", content: "We use enterprise-grade encryption for all data storage." },
|
||||
{ id: "3", title: "Can I integrate with Slack?", content: "Yes, we support deep integration with Slack and Jira." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about FlowPilot."
|
||||
@@ -410,16 +169,8 @@ export default function LandingPage() {
|
||||
title="Get Started with FlowPilot"
|
||||
description="Ready to supercharge your team's productivity?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-particles-with-shallow-depth-field_1048-12266.jpg"
|
||||
buttonText="Start Trial"
|
||||
@@ -429,17 +180,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="FlowPilot"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user