Merge version_1 into main #2
304
src/app/page.tsx
304
src/app/page.tsx
@@ -33,108 +33,67 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="FocusFlow"
|
||||
button={{
|
||||
text: "Download App",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Download App", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Productivity without friction. Less stress, more done."
|
||||
description="Capture your tasks, prioritize automatically, and focus deeply—all in one app. Join 50,000 users gaining back one hour every day."
|
||||
kpis={[
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Active Users",
|
||||
},
|
||||
value: "50k+", label: "Active Users"},
|
||||
{
|
||||
value: "1hr",
|
||||
label: "Saved Daily",
|
||||
},
|
||||
value: "1hr", label: "Saved Daily"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Task Completion",
|
||||
},
|
||||
value: "98%", label: "Task Completion"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download Free", href: "#"},
|
||||
{
|
||||
text: "Start 14-Day Free Trial",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start 14-Day Free Trial", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/influencer-talking-camera-giveaway-boxes-are-desk-ready-loyal-subscribers-creative-content-creator-social-media-star-expert-vlogger-recording-online-internet-web-podcast-gift-au_482257-6243.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/influencer-talking-camera-giveaway-boxes-are-desk-ready-loyal-subscribers-creative-content-creator-social-media-star-expert-vlogger-recording-online-internet-web-podcast-gift-au_482257-6243.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Workflow",
|
||||
},
|
||||
type: "text", text: "Fast Workflow"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Prioritization",
|
||||
},
|
||||
type: "text", text: "AI Prioritization"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Deep Focus Mode",
|
||||
},
|
||||
type: "text", text: "Deep Focus Mode"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cross-Device Sync",
|
||||
},
|
||||
type: "text", text: "Cross-Device Sync"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Weekly Insights",
|
||||
},
|
||||
type: "text", text: "Weekly Insights"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,49 +105,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Task Capture",
|
||||
description: "Dump your brain directly into your inbox; our AI sorts your priorities so you can stay in flow.",
|
||||
icon: Zap,
|
||||
title: "Smart Task Capture", description: "Dump your brain directly into your inbox; our AI sorts your priorities so you can stay in flow.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filing-taxes-smartphone_23-2151953952.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filing-taxes-smartphone_23-2151953952.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169859.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169859.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg?_wi=2",
|
||||
imageAlt: "task capture interface",
|
||||
},
|
||||
{
|
||||
title: "Deep Focus Timer",
|
||||
description: "Block out distractions and dive deep with our scientifically backed focus timer built for professionals.",
|
||||
icon: Timer,
|
||||
title: "Deep Focus Timer", description: "Block out distractions and dive deep with our scientifically backed focus timer built for professionals.", icon: Timer,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-phone-with-menu_23-2149357871.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-phone-with-menu_23-2149357871.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8628.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8628.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg",
|
||||
imageAlt: "task capture interface",
|
||||
},
|
||||
{
|
||||
title: "Weekly Analytics",
|
||||
description: "Visualize your progress with deep insights into where your time goes, helping you refine your workflow over time.",
|
||||
icon: BarChart2,
|
||||
title: "Weekly Analytics", description: "Visualize your progress with deep insights into where your time goes, helping you refine your workflow over time.", icon: BarChart2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4885.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4885.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-talking-camera-giveaway-boxes-are-desk-ready-loyal-subscribers-creative-content-creator-social-media-star-expert-vlogger-recording-online-internet-web-podcast-gift-au_482257-6243.jpg?_wi=1",
|
||||
imageAlt: "task capture interface",
|
||||
},
|
||||
]}
|
||||
title="Built for focus, designed for flow."
|
||||
@@ -203,23 +144,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle2,
|
||||
title: "Tasks Completed",
|
||||
value: "1.2M+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle2,
|
||||
title: "Tasks Completed", value: "1.2M+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Focus Minutes",
|
||||
value: "15M+",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "Focus Minutes", value: "15M+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Community Growth",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Community Growth", value: "50k+"},
|
||||
]}
|
||||
title="Proven performance"
|
||||
description="Users report measurable improvements in focus and task completion rates within the first week of use."
|
||||
@@ -234,45 +166,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-talking-camera-giveaway-boxes-are-desk-ready-loyal-subscribers-creative-content-creator-social-media-star-expert-vlogger-recording-online-internet-web-podcast-gift-au_482257-6243.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-talking-camera-giveaway-boxes-are-desk-ready-loyal-subscribers-creative-content-creator-social-media-star-expert-vlogger-recording-online-internet-web-podcast-gift-au_482257-6243.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-laptop-by-university_1303-9975.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-laptop-by-university_1303-9975.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
role: "Creative Lead",
|
||||
company: "DesignStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg",
|
||||
},
|
||||
id: "5", name: "Laura Smith", role: "Creative Lead", company: "DesignStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg"},
|
||||
]}
|
||||
title="Trusted by ambitious teams"
|
||||
description="Join thousands of users who have transformed the way they work."
|
||||
@@ -284,14 +191,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Notion",
|
||||
"Slack",
|
||||
"Asana",
|
||||
"Zapier",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Notion", "Slack", "Asana", "Zapier"]}
|
||||
title="Used by top-tier professionals"
|
||||
description="Join our community of professionals from the world's most innovative companies."
|
||||
/>
|
||||
@@ -304,37 +204,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Essential",
|
||||
price: "€0",
|
||||
subtitle: "Forever Free Tier",
|
||||
features: [
|
||||
"Task capture",
|
||||
"Standard focus timer",
|
||||
"Cross-device sync",
|
||||
],
|
||||
id: "free", badge: "Essential", price: "€0", subtitle: "Forever Free Tier", features: [
|
||||
"Task capture", "Standard focus timer", "Cross-device sync"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "€7.99/mo",
|
||||
subtitle: "For Ambitious Pros",
|
||||
features: [
|
||||
"AI prioritization",
|
||||
"Weekly analytics",
|
||||
"Advanced habits tracking",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", price: "€7.99/mo", subtitle: "For Ambitious Pros", features: [
|
||||
"AI prioritization", "Weekly analytics", "Advanced habits tracking"],
|
||||
},
|
||||
{
|
||||
id: "team",
|
||||
badge: "Business",
|
||||
price: "€12.99/user",
|
||||
subtitle: "For Growing Teams",
|
||||
features: [
|
||||
"Shared workspaces",
|
||||
"Team analytics",
|
||||
"Priority support",
|
||||
],
|
||||
id: "team", badge: "Business", price: "€12.99/user", subtitle: "For Growing Teams", features: [
|
||||
"Shared workspaces", "Team analytics", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Clear pricing, no surprises."
|
||||
@@ -347,25 +226,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, we offer a 14-day free trial on our Pro plan. No card is required to get started.",
|
||||
},
|
||||
id: "q1", title: "Is there a free trial?", content: "Yes, we offer a 14-day free trial on our Pro plan. No card is required to get started."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I sync across devices?",
|
||||
content: "Absolutely. FocusFlow syncs seamlessly across iOS, Android, and web browsers.",
|
||||
},
|
||||
id: "q2", title: "Can I sync across devices?", content: "Absolutely. FocusFlow syncs seamlessly across iOS, Android, and web browsers."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How does AI prioritization work?",
|
||||
content: "Our engine learns from your task history to suggest high-impact activities daily, reducing your cognitive load.",
|
||||
},
|
||||
id: "q3", title: "How does AI prioritization work?", content: "Our engine learns from your task history to suggest high-impact activities daily, reducing your cognitive load."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What about my data privacy?",
|
||||
content: "We prioritize your security with end-to-end encryption for all stored task data.",
|
||||
},
|
||||
id: "q4", title: "What about my data privacy?", content: "We prioritize your security with end-to-end encryption for all stored task data."},
|
||||
]}
|
||||
sideTitle="Common questions"
|
||||
sideDescription="Everything you need to know about getting started with FocusFlow."
|
||||
@@ -380,16 +247,10 @@ export default function LandingPage() {
|
||||
description="Join 50,000+ others already gaining back an hour every day. Download the app today."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Enter your email", required: true,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your name", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop-plant_23-2148883523.jpg"
|
||||
@@ -401,54 +262,33 @@ export default function LandingPage() {
|
||||
logoText="FocusFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Download",
|
||||
href: "#",
|
||||
},
|
||||
label: "Download", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user