bender/c9f9dba1-f0e4-46c9-963b-a948e2d16f3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 20:53:51 +00:00
parent cc82bc5234
commit 9923ad6132
1 changed files with 56 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -34,83 +34,46 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Features", name: "Features", id: "#features"},
id: "#features",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="AppFlow" brandName="AppFlow"
button={{ button={{
text: "Get Started", text: "Get Started", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "animated-grid", variant: "animated-grid"}}
}}
title="Unlock Your App's Full Potential" title="Unlock Your App's Full Potential"
description="Streamline workflows, boost productivity, and drive growth with our intuitive application. Designed for modern teams, AppFlow simplifies complex tasks and enhances collaboration." description="Streamline workflows, boost productivity, and drive growth with our intuitive application. Designed for modern teams, AppFlow simplifies complex tasks and enhances collaboration."
tag="Power Your Progress" tag="Power Your Progress"
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Start Free Trial", text: "Start Free Trial", href: "#contact"},
href: "#contact",
},
{ {
text: "Learn More", text: "Learn More", href: "#features"},
href: "#features",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-tablet-with-background-blue-tones_1134-572.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-tablet-with-background-blue-tones_1134-572.jpg", imageAlt: "AppFlow dashboard interface"},
imageAlt: "AppFlow dashboard interface",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg", imageAlt: "AppFlow mobile interface"}
imageAlt: "AppFlow mobile interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-gray-squares_1232-316.jpg",
imageAlt: "Man with a laptop and gray squares",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-design-ideas-concept-business-planning_1421-391.jpg",
imageAlt: "Business People Meeting Design Ideas Concept. business planning",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/statistics-analysis-diagram-data-strategy-growth-concept_53876-125586.jpg",
imageAlt: "Statistics Analysis Diagram Data Strategy Growth Concept",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -129,19 +92,13 @@ export default function LandingPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
bulletPoints={[ bulletPoints={[
{ {
title: "Intuitive Design", title: "Intuitive Design", description: "Experience a user-friendly interface that makes complex tasks simple and accessible for everyone.", icon: ArrowRight,
description: "Experience a user-friendly interface that makes complex tasks simple and accessible for everyone.",
icon: ArrowRight,
}, },
{ {
title: "Seamless Integration", title: "Seamless Integration", description: "Connect with your favorite tools and services for a unified workflow that saves time and effort.", icon: Link,
description: "Connect with your favorite tools and services for a unified workflow that saves time and effort.",
icon: Link,
}, },
{ {
title: "Scalable Solutions", title: "Scalable Solutions", description: "Grow your business with a platform that scales with your demands, supporting teams of any size.", icon: BarChart,
description: "Grow your business with a platform that scales with your demands, supporting teams of any size.",
icon: BarChart,
}, },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/engineers-data-center-using-devices-employing-machine-learning-models_482257-122529.jpg" imageSrc="http://img.b2bpic.net/free-photo/engineers-data-center-using-devices-employing-machine-learning-models_482257-122529.jpg"
@@ -157,47 +114,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Automated Workflows", subtitle: "Eliminate manual tasks with smart automation.", category: "Productivity", value: "Boosts Efficiency"},
title: "Automated Workflows",
subtitle: "Eliminate manual tasks with smart automation.",
category: "Productivity",
value: "Boosts Efficiency",
},
{ {
id: "f2", id: "f2", title: "Real-time Collaboration", subtitle: "Work together seamlessly, no matter the distance.", category: "Teamwork", value: "Enhances Communication"},
title: "Real-time Collaboration",
subtitle: "Work together seamlessly, no matter the distance.",
category: "Teamwork",
value: "Enhances Communication",
},
{ {
id: "f3", id: "f3", title: "Customizable Dashboards", subtitle: "Tailor your workspace to fit your unique needs.", category: "Personalization", value: "Optimizes Focus"},
title: "Customizable Dashboards",
subtitle: "Tailor your workspace to fit your unique needs.",
category: "Personalization",
value: "Optimizes Focus",
},
{ {
id: "f4", id: "f4", title: "Advanced Analytics", subtitle: "Gain insights with powerful data visualization tools.", category: "Insights", value: "Informs Decisions"},
title: "Advanced Analytics",
subtitle: "Gain insights with powerful data visualization tools.",
category: "Insights",
value: "Informs Decisions",
},
{ {
id: "f5", id: "f5", title: "Secure Cloud Storage", subtitle: "Keep your data safe and accessible anytime, anywhere.", category: "Security", value: "Protects Information"},
title: "Secure Cloud Storage",
subtitle: "Keep your data safe and accessible anytime, anywhere.",
category: "Security",
value: "Protects Information",
},
{ {
id: "f6", id: "f6", title: "API Integrations", subtitle: "Connect AppFlow with your existing software ecosystem.", category: "Integration", value: "Extends Capabilities"},
title: "API Integrations",
subtitle: "Connect AppFlow with your existing software ecosystem.",
category: "Integration",
value: "Extends Capabilities",
},
]} ]}
title="Core Features Designed for Success" title="Core Features Designed for Success"
description="Discover powerful tools that integrate seamlessly into your daily operations, transforming how your team works and helping you achieve your strategic objectives." description="Discover powerful tools that integrate seamlessly into your daily operations, transforming how your team works and helping you achieve your strategic objectives."
@@ -214,20 +141,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "99.9%", description: "Uptime Reliability"},
value: "99.9%",
description: "Uptime Reliability",
},
{ {
id: "m2", id: "m2", value: "+50%", description: "Average Productivity Increase"},
value: "+50%",
description: "Average Productivity Increase",
},
{ {
id: "m3", id: "m3", value: "20K+", description: "Satisfied Global Users"},
value: "20K+",
description: "Satisfied Global Users",
},
]} ]}
title="Proven Results, Visible Growth" title="Proven Results, Visible Growth"
description="Our commitment to excellence translates into measurable impact for businesses worldwide. See how AppFlow drives real value and helps our clients achieve their ambitious goals." description="Our commitment to excellence translates into measurable impact for businesses worldwide. See how AppFlow drives real value and helps our clients achieve their ambitious goals."
@@ -241,14 +159,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"TechCorp Solutions", "TechCorp Solutions", "Innovate Ventures", "Global Dynamics", "Apex Systems", "Frontier Labs", "Quantum Growth", "Synergy Group"]}
"Innovate Ventures",
"Global Dynamics",
"Apex Systems",
"Frontier Labs",
"Quantum Growth",
"Synergy Group",
]}
title="Trusted by Industry Leaders" title="Trusted by Industry Leaders"
description="Join thousands of satisfied teams leveraging AppFlow to achieve their goals and scale their operations efficiently with confidence." description="Join thousands of satisfied teams leveraging AppFlow to achieve their goals and scale their operations efficiently with confidence."
tag="Our Partners" tag="Our Partners"
@@ -263,64 +174,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg", imageAlt: "Sarah Johnson"},
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg",
imageAlt: "Sarah Johnson",
},
{ {
id: "2", id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", imageAlt: "Michael Chen"},
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
imageAlt: "Michael Chen",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461332.jpg", imageAlt: "Emily Rodriguez"},
role: "Marketing Director",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461332.jpg",
imageAlt: "Emily Rodriguez",
},
{ {
id: "4", id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/male-analyst-doing-financial-research_482257-119498.jpg", imageAlt: "David Kim"},
role: "Product Manager",
company: "StartupXYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-analyst-doing-financial-research_482257-119498.jpg",
imageAlt: "David Kim",
},
{ {
id: "5", id: "5", name: "Jessica Lee", role: "Small Business Owner", company: "Local Artisans", rating: 5,
name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094587.jpg", imageAlt: "Jessica Lee"},
role: "Small Business Owner",
company: "Local Artisans",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094587.jpg",
imageAlt: "Jessica Lee",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "98%", value: "98%", label: "Customer Satisfaction"},
label: "Customer Satisfaction",
},
{ {
value: "24/7", value: "24/7", label: "Support Availability"},
label: "Support Availability",
},
{ {
value: "5-Star", value: "5-Star", label: "App Store Rating"},
label: "App Store Rating",
},
]} ]}
title="What Our Users Say" title="What Our Users Say"
description="Hear directly from professionals who have transformed their workflows and seen significant improvements with AppFlow, making their daily tasks more manageable and productive." description="Hear directly from professionals who have transformed their workflows and seen significant improvements with AppFlow, making their daily tasks more manageable and productive."
@@ -336,45 +211,19 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic", id: "basic", badge: "Starter", badgeIcon: Sparkles,
badge: "Starter", price: "$19/month", subtitle: "For individuals & small teams", features: [
badgeIcon: Sparkles, "Up to 5 users", "Basic analytics", "Email support", "10 GB storage"],
price: "$19/month",
subtitle: "For individuals & small teams",
features: [
"Up to 5 users",
"Basic analytics",
"Email support",
"10 GB storage",
],
}, },
{ {
id: "pro", id: "pro", badge: "Pro", badgeIcon: Crown,
badge: "Pro", price: "$49/month", subtitle: "For growing teams & businesses", features: [
badgeIcon: Crown, "Up to 20 users", "Advanced analytics", "Priority support", "100 GB storage", "Custom workflows"],
price: "$49/month",
subtitle: "For growing teams & businesses",
features: [
"Up to 20 users",
"Advanced analytics",
"Priority support",
"100 GB storage",
"Custom workflows",
],
}, },
{ {
id: "enterprise", id: "enterprise", badge: "Enterprise", badgeIcon: Building,
badge: "Enterprise", price: "Custom", subtitle: "For large organizations", features: [
badgeIcon: Building, "Unlimited users", "Dedicated account manager", "Enterprise-grade security", "Unlimited storage", "On-premise deployment"],
price: "Custom",
subtitle: "For large organizations",
features: [
"Unlimited users",
"Dedicated account manager",
"Enterprise-grade security",
"Unlimited storage",
"On-premise deployment",
],
}, },
]} ]}
title="Flexible Plans for Every Team" title="Flexible Plans for Every Team"
@@ -389,25 +238,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "What is AppFlow?", content: "AppFlow is a comprehensive web application designed to streamline project management, enhance team collaboration, and automate repetitive tasks, boosting overall productivity for businesses of all sizes."},
title: "What is AppFlow?",
content: "AppFlow is a comprehensive web application designed to streamline project management, enhance team collaboration, and automate repetitive tasks, boosting overall productivity for businesses of all sizes.",
},
{ {
id: "q2", id: "q2", title: "Is AppFlow suitable for my team size?", content: "Yes, AppFlow offers flexible pricing plans ranging from individual users and small teams to large enterprises, ensuring scalability and features tailored to your specific needs."},
title: "Is AppFlow suitable for my team size?",
content: "Yes, AppFlow offers flexible pricing plans ranging from individual users and small teams to large enterprises, ensuring scalability and features tailored to your specific needs.",
},
{ {
id: "q3", id: "q3", title: "How secure is my data with AppFlow?", content: "We prioritize your data security with enterprise-grade encryption, regular backups, and strict access controls. Your information is protected with industry-leading security protocols."},
title: "How secure is my data with AppFlow?",
content: "We prioritize your data security with enterprise-grade encryption, regular backups, and strict access controls. Your information is protected with industry-leading security protocols.",
},
{ {
id: "q4", id: "q4", title: "Can I integrate AppFlow with other tools?", content: "Absolutely! AppFlow provides robust API integrations and native connectors for popular third-party applications, allowing you to create a seamless ecosystem for your workflow."},
title: "Can I integrate AppFlow with other tools?",
content: "Absolutely! AppFlow provides robust API integrations and native connectors for popular third-party applications, allowing you to create a seamless ecosystem for your workflow.",
},
]} ]}
sideTitle="Frequently Asked Questions" sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to the most common questions about AppFlow, its features, pricing, and support. If you can't find what you're looking for, feel free to contact us directly." sideDescription="Find quick answers to the most common questions about AppFlow, its features, pricing, and support. If you can't find what you're looking for, feel free to contact us directly."
@@ -420,17 +257,14 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
tag="Get in Touch" tag="Get in Touch"
tagAnimation="slide-up" tagAnimation="slide-up"
title="Ready to Transform Your Workflow?" title="Ready to Transform Your Workflow?"
description="Contact our team today to learn more about how AppFlow can empower your business and drive exceptional results. Let's build something great together!" description="Contact our team today to learn more about how AppFlow can empower your business and drive exceptional results. Let's build something great together!"
buttons={[ buttons={[
{ {
text: "Request a Demo", text: "Request a Demo", href: "#"},
href: "#",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
@@ -440,13 +274,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="AppFlow" logoText="AppFlow"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Service", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>