Merge version_1 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Target } from "lucide-react";
|
||||
import { Target, Zap, Calendar, Users, BarChart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="FlowTask"
|
||||
/>
|
||||
@@ -56,46 +48,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Your Time, Reclaim Your Focus."
|
||||
description="FlowTask brings clarity to your busy day. A modern productivity companion that organizes your tasks, tracks your progress, and keeps you in the zone."
|
||||
tag="Next-Gen Productivity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Watch Demo", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg",
|
||||
imageAlt: "minimalist dashboard ui",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg", imageAlt: "minimalist dashboard ui"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-alarm-clock-laptop-magnifying-glasses-paper-against-white-backdrop_23-2148061454.jpg",
|
||||
imageAlt: "digital clock abstract art",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-alarm-clock-laptop-magnifying-glasses-paper-against-white-backdrop_23-2148061454.jpg", imageAlt: "digital clock abstract art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-office-with-desk-chair-natural-light_23-2152001385.jpg",
|
||||
imageAlt: "modern home office workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-office-with-desk-chair-natural-light_23-2152001385.jpg", imageAlt: "modern home office workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg",
|
||||
imageAlt: "digital project milestones",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg", imageAlt: "digital project milestones"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg",
|
||||
imageAlt: "abstract goal success nodes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg", imageAlt: "abstract goal success nodes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg",
|
||||
imageAlt: "futuristic digital watch interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg", imageAlt: "futuristic digital watch interface"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,28 +95,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Priority Sorting",
|
||||
description: "Automatically surface urgent tasks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-summary-results-graph-chart-word-graphic_53876-134032.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Priority Sorting", description: "Automatically surface urgent tasks.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-summary-results-graph-chart-word-graphic_53876-134032.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Smart Calendar",
|
||||
description: "Time-block your day effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/interface-task-management-application_23-2148632023.jpg",
|
||||
buttonIcon: "Calendar",
|
||||
title: "Smart Calendar", description: "Time-block your day effortlessly.", imageSrc: "http://img.b2bpic.net/free-vector/interface-task-management-application_23-2148632023.jpg", buttonIcon: Calendar,
|
||||
},
|
||||
{
|
||||
title: "Team Sync",
|
||||
description: "Stay aligned with shared goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-153359.jpg",
|
||||
buttonIcon: "Users",
|
||||
title: "Team Sync", description: "Stay aligned with shared goals.", imageSrc: "http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-153359.jpg", buttonIcon: Users,
|
||||
},
|
||||
{
|
||||
title: "Deep Analytics",
|
||||
description: "Understand your productivity peaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
||||
buttonIcon: "BarChart",
|
||||
title: "Deep Analytics", description: "Understand your productivity peaks.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", buttonIcon: BarChart,
|
||||
},
|
||||
]}
|
||||
title="Smart Tools for Modern Work"
|
||||
@@ -157,41 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "FlowTask Mobile",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-work-space-creative-flat-lay-photo-workspace-desk-with-sketchbook-mobile-phone-with-blank-screen-copy-space-white-background-top-view-flat-lay-photography_1253-1064.jpg",
|
||||
},
|
||||
id: "1", name: "FlowTask Mobile", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/minimal-work-space-creative-flat-lay-photo-workspace-desk-with-sketchbook-mobile-phone-with-blank-screen-copy-space-white-background-top-view-flat-lay-photography_1253-1064.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Focus Timer",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671597.jpg",
|
||||
},
|
||||
id: "2", name: "Focus Timer", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671597.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Voice Assistant",
|
||||
price: "$9/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-boss-day-concept_23-2148586524.jpg",
|
||||
},
|
||||
id: "3", name: "Voice Assistant", price: "$9/mo", imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-boss-day-concept_23-2148586524.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Team Board",
|
||||
price: "$19/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-back-school-arrangement-new-normal-times_23-2148666133.jpg",
|
||||
},
|
||||
id: "4", name: "Team Board", price: "$19/mo", imageSrc: "http://img.b2bpic.net/free-photo/front-view-back-school-arrangement-new-normal-times_23-2148666133.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Milestone Pro",
|
||||
price: "$29/mo",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gevavq",
|
||||
},
|
||||
id: "5", name: "Milestone Pro", price: "$29/mo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gevavq"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cloud Sync",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-geometric-technological-logotype-collection_23-2148199348.jpg",
|
||||
},
|
||||
id: "6", name: "Cloud Sync", price: "Included", imageSrc: "http://img.b2bpic.net/free-vector/gradient-geometric-technological-logotype-collection_23-2148199348.jpg"},
|
||||
]}
|
||||
title="Explore Our Ecosystem"
|
||||
description="Choose the platform version that fits your needs."
|
||||
@@ -205,51 +144,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Starter",
|
||||
price: "$0",
|
||||
buttons: [
|
||||
id: "basic", name: "Starter", price: "$0", buttons: [
|
||||
{
|
||||
text: "Start Free",
|
||||
},
|
||||
text: "Start Free"},
|
||||
],
|
||||
features: [
|
||||
"Basic task list",
|
||||
"One device",
|
||||
"Standard support",
|
||||
],
|
||||
"Basic task list", "One device", "Standard support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Pro",
|
||||
price: "$15",
|
||||
buttons: [
|
||||
id: "pro", name: "Pro", price: "$15", buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
},
|
||||
text: "Go Pro"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited tasks",
|
||||
"Sync across devices",
|
||||
"Priority support",
|
||||
"Analytics",
|
||||
],
|
||||
"Unlimited tasks", "Sync across devices", "Priority support", "Analytics"],
|
||||
},
|
||||
{
|
||||
id: "team",
|
||||
name: "Team",
|
||||
price: "$45",
|
||||
buttons: [
|
||||
id: "team", name: "Team", price: "$45", buttons: [
|
||||
{
|
||||
text: "Join Team",
|
||||
},
|
||||
text: "Join Team"},
|
||||
],
|
||||
features: [
|
||||
"Team collaboration",
|
||||
"Advanced reporting",
|
||||
"Dedicated manager",
|
||||
"Admin tools",
|
||||
],
|
||||
"Team collaboration", "Advanced reporting", "Dedicated manager", "Admin tools"],
|
||||
},
|
||||
]}
|
||||
title="Pricing Plans"
|
||||
@@ -264,40 +180,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alicej",
|
||||
testimonial: "FlowTask changed how I manage my dev work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-woman-looking-away_23-2148452666.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", handle: "@alicej", testimonial: "FlowTask changed how I manage my dev work.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-woman-looking-away_23-2148452666.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
handle: "@bobsmith",
|
||||
testimonial: "Simple, fast, and very effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
},
|
||||
id: "2", name: "Bob Smith", handle: "@bobsmith", testimonial: "Simple, fast, and very effective.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Davis",
|
||||
handle: "@cdavis",
|
||||
testimonial: "The best productivity app I have used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie Davis", handle: "@cdavis", testimonial: "The best productivity app I have used.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana White",
|
||||
handle: "@danaw",
|
||||
testimonial: "My team is so much more organized now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
|
||||
},
|
||||
id: "4", name: "Dana White", handle: "@danaw", testimonial: "My team is so much more organized now.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan Miller",
|
||||
handle: "@emiller",
|
||||
testimonial: "Incredible focus, minimal clutter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
},
|
||||
id: "5", name: "Evan Miller", handle: "@emiller", testimonial: "Incredible focus, minimal clutter.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg"},
|
||||
]}
|
||||
title="Loved by Thousands"
|
||||
description="See why top professionals choose FlowTask for their daily workflow."
|
||||
@@ -309,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is FlowTask secure?",
|
||||
content: "Yes, your data is encrypted.",
|
||||
},
|
||||
id: "q1", title: "Is FlowTask secure?", content: "Yes, your data is encrypted."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I sync on devices?",
|
||||
content: "Absolutely, seamless sync included.",
|
||||
},
|
||||
id: "q2", title: "Can I sync on devices?", content: "Absolutely, seamless sync included."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Cancel whenever you need to.",
|
||||
},
|
||||
id: "q3", title: "Can I cancel anytime?", content: "Cancel whenever you need to."},
|
||||
]}
|
||||
sideTitle="Questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -333,8 +215,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Start Your Productivity Journey"
|
||||
description="Join thousands of others reclaiming their time. Sign up for our newsletter today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-particles-with-shallow-depth-field_1048-12266.jpg"
|
||||
@@ -347,29 +228,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user