bender/53a85eaf-2210-43fb-b54a-68f3f99cbb8a
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-14 12:19:06 +00:00
parent 2eeb4a364d
commit 0135bbdd73
1 changed files with 48 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
src/app/page.tsx
View File

@@ -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: "#"},
],
},
]}