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
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="AppFlow"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
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."
tag="Power Your Progress"
tagAnimation="slide-up"
buttons={[
{
text: "Start Free Trial",
href: "#contact",
},
text: "Start Free Trial", href: "#contact"},
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-tablet-with-background-blue-tones_1134-572.jpg",
imageAlt: "AppFlow dashboard interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-tablet-with-background-blue-tones_1134-572.jpg", imageAlt: "AppFlow dashboard interface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg",
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",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg", imageAlt: "AppFlow mobile interface"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -129,19 +92,13 @@ export default function LandingPage() {
tagAnimation="slide-up"
bulletPoints={[
{
title: "Intuitive Design",
description: "Experience a user-friendly interface that makes complex tasks simple and accessible for everyone.",
icon: ArrowRight,
title: "Intuitive Design", description: "Experience a user-friendly interface that makes complex tasks simple and accessible for everyone.", icon: ArrowRight,
},
{
title: "Seamless Integration",
description: "Connect with your favorite tools and services for a unified workflow that saves time and effort.",
icon: Link,
title: "Seamless Integration", description: "Connect with your favorite tools and services for a unified workflow that saves time and effort.", icon: Link,
},
{
title: "Scalable Solutions",
description: "Grow your business with a platform that scales with your demands, supporting teams of any size.",
icon: BarChart,
title: "Scalable Solutions", 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"
@@ -157,47 +114,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Automated Workflows",
subtitle: "Eliminate manual tasks with smart automation.",
category: "Productivity",
value: "Boosts Efficiency",
},
id: "f1", title: "Automated Workflows", subtitle: "Eliminate manual tasks with smart automation.", category: "Productivity", value: "Boosts Efficiency"},
{
id: "f2",
title: "Real-time Collaboration",
subtitle: "Work together seamlessly, no matter the distance.",
category: "Teamwork",
value: "Enhances Communication",
},
id: "f2", title: "Real-time Collaboration", subtitle: "Work together seamlessly, no matter the distance.", category: "Teamwork", value: "Enhances Communication"},
{
id: "f3",
title: "Customizable Dashboards",
subtitle: "Tailor your workspace to fit your unique needs.",
category: "Personalization",
value: "Optimizes Focus",
},
id: "f3", title: "Customizable Dashboards", subtitle: "Tailor your workspace to fit your unique needs.", category: "Personalization", value: "Optimizes Focus"},
{
id: "f4",
title: "Advanced Analytics",
subtitle: "Gain insights with powerful data visualization tools.",
category: "Insights",
value: "Informs Decisions",
},
id: "f4", title: "Advanced Analytics", subtitle: "Gain insights with powerful data visualization tools.", category: "Insights", value: "Informs Decisions"},
{
id: "f5",
title: "Secure Cloud Storage",
subtitle: "Keep your data safe and accessible anytime, anywhere.",
category: "Security",
value: "Protects Information",
},
id: "f5", title: "Secure Cloud Storage", subtitle: "Keep your data safe and accessible anytime, anywhere.", category: "Security", value: "Protects Information"},
{
id: "f6",
title: "API Integrations",
subtitle: "Connect AppFlow with your existing software ecosystem.",
category: "Integration",
value: "Extends Capabilities",
},
id: "f6", title: "API Integrations", subtitle: "Connect AppFlow with your existing software ecosystem.", category: "Integration", value: "Extends Capabilities"},
]}
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."
@@ -214,20 +141,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
description: "Uptime Reliability",
},
id: "m1", value: "99.9%", description: "Uptime Reliability"},
{
id: "m2",
value: "+50%",
description: "Average Productivity Increase",
},
id: "m2", value: "+50%", description: "Average Productivity Increase"},
{
id: "m3",
value: "20K+",
description: "Satisfied Global Users",
},
id: "m3", value: "20K+", description: "Satisfied Global Users"},
]}
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."
@@ -241,14 +159,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCorp Solutions",
"Innovate Ventures",
"Global Dynamics",
"Apex Systems",
"Frontier Labs",
"Quantum Growth",
"Synergy Group",
]}
"TechCorp Solutions", "Innovate Ventures", "Global Dynamics", "Apex Systems", "Frontier Labs", "Quantum Growth", "Synergy Group"]}
title="Trusted by Industry Leaders"
description="Join thousands of satisfied teams leveraging AppFlow to achieve their goals and scale their operations efficiently with confidence."
tag="Our Partners"
@@ -263,64 +174,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "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: "1", name: "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",
name: "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: "2", name: "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",
name: "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: "3", name: "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",
name: "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: "4", name: "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",
name: "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",
},
id: "5", name: "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={[
{
value: "98%",
label: "Customer Satisfaction",
},
value: "98%", label: "Customer Satisfaction"},
{
value: "24/7",
label: "Support Availability",
},
value: "24/7", label: "Support Availability"},
{
value: "5-Star",
label: "App Store Rating",
},
value: "5-Star", label: "App Store Rating"},
]}
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."
@@ -336,45 +211,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
badgeIcon: Sparkles,
price: "$19/month",
subtitle: "For individuals & small teams",
features: [
"Up to 5 users",
"Basic analytics",
"Email support",
"10 GB storage",
],
id: "basic", badge: "Starter", badgeIcon: Sparkles,
price: "$19/month", subtitle: "For individuals & small teams", features: [
"Up to 5 users", "Basic analytics", "Email support", "10 GB storage"],
},
{
id: "pro",
badge: "Pro",
badgeIcon: Crown,
price: "$49/month",
subtitle: "For growing teams & businesses",
features: [
"Up to 20 users",
"Advanced analytics",
"Priority support",
"100 GB storage",
"Custom workflows",
],
id: "pro", badge: "Pro", badgeIcon: Crown,
price: "$49/month", subtitle: "For growing teams & businesses", features: [
"Up to 20 users", "Advanced analytics", "Priority support", "100 GB storage", "Custom workflows"],
},
{
id: "enterprise",
badge: "Enterprise",
badgeIcon: Building,
price: "Custom",
subtitle: "For large organizations",
features: [
"Unlimited users",
"Dedicated account manager",
"Enterprise-grade security",
"Unlimited storage",
"On-premise deployment",
],
id: "enterprise", badge: "Enterprise", badgeIcon: Building,
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"
@@ -389,25 +238,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
]}
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."
@@ -420,17 +257,14 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
tagAnimation="slide-up"
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!"
buttons={[
{
text: "Request a Demo",
href: "#",
},
text: "Request a Demo", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -440,13 +274,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="AppFlow"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>