Merge version_2 into main #1
221
src/app/page.tsx
221
src/app/page.tsx
@@ -32,26 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
brandName="TaskFlow"
|
||||
/>
|
||||
</div>
|
||||
@@ -59,21 +49,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="TaskFlow"
|
||||
description="Streamline your team's workflow and ship faster than ever with the ultimate project management suite."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46969.jpg"
|
||||
imageAlt="saas dashboard interface blue white"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -86,34 +71,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Organize",
|
||||
title: "Smart Task Lists",
|
||||
items: [
|
||||
"Drag-and-drop tasks",
|
||||
"Custom project views",
|
||||
"Automated reminders",
|
||||
],
|
||||
id: "f1", label: "Organize", title: "Smart Task Lists", items: [
|
||||
"Drag-and-drop tasks", "Custom project views", "Automated reminders"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Collaborate",
|
||||
title: "Team Hub",
|
||||
items: [
|
||||
"Real-time team chat",
|
||||
"Shared file storage",
|
||||
"Activity feed",
|
||||
],
|
||||
id: "f2", label: "Collaborate", title: "Team Hub", items: [
|
||||
"Real-time team chat", "Shared file storage", "Activity feed"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Analyze",
|
||||
title: "Insightful Reporting",
|
||||
items: [
|
||||
"Project analytics",
|
||||
"Custom KPIs",
|
||||
"Resource allocation",
|
||||
],
|
||||
id: "f3", label: "Analyze", title: "Insightful Reporting", items: [
|
||||
"Project analytics", "Custom KPIs", "Resource allocation"],
|
||||
},
|
||||
]}
|
||||
title="Everything You Need to Scale"
|
||||
@@ -138,59 +105,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
price: "$29",
|
||||
subtitle: "For small teams and individuals",
|
||||
features: [
|
||||
"3 Projects",
|
||||
"Core Integrations",
|
||||
"Basic Reporting",
|
||||
],
|
||||
id: "starter", badge: "Starter", price: "$29", subtitle: "For small teams and individuals", features: [
|
||||
"3 Projects", "Core Integrations", "Basic Reporting"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Starter",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select Starter", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$79",
|
||||
subtitle: "For scaling teams",
|
||||
features: [
|
||||
"Unlimited Projects",
|
||||
"Advanced Workflows",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$79", subtitle: "For scaling teams", features: [
|
||||
"Unlimited Projects", "Advanced Workflows", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select Pro", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "$199",
|
||||
subtitle: "For large organizations",
|
||||
features: [
|
||||
"Custom Integrations",
|
||||
"SSO & Security",
|
||||
"Dedicated Success Manager",
|
||||
],
|
||||
id: "enterprise", badge: "Enterprise", price: "$199", subtitle: "For large organizations", features: [
|
||||
"Custom Integrations", "SSO & Security", "Dedicated Success Manager"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Talk to Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Talk to Sales", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing for Growing Teams"
|
||||
description="Simple tiers to match your scaling needs."
|
||||
description="Simple, no-risk tiers with 20% savings on annual billing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -202,45 +142,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "PM",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "PM", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Dev",
|
||||
company: "Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Dev", company: "Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Marketing",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Marketing", company: "Growth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Lead",
|
||||
company: "Dev",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Lead", company: "Dev", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
role: "OPS",
|
||||
company: "Flow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
|
||||
},
|
||||
id: "5", name: "Anna P.", role: "OPS", company: "Flow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg"},
|
||||
]}
|
||||
title="Loved by Thousands"
|
||||
description="Join teams around the world who trust TaskFlow to run their projects."
|
||||
@@ -253,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is there a trial available?",
|
||||
content: "Yes, we offer a 14-day free trial on all plans.",
|
||||
},
|
||||
id: "q1", title: "Is there a trial available?", content: "Yes, we offer a 14-day free trial on all plans."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Absolutely. You can cancel your subscription at any time.",
|
||||
},
|
||||
id: "q2", title: "Can I cancel anytime?", content: "Absolutely. You can cancel your subscription at any time."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there integrations?",
|
||||
content: "Yes, we integrate with Slack, GitHub, and Jira.",
|
||||
},
|
||||
id: "q3", title: "Are there integrations?", content: "Yes, we integrate with Slack, GitHub, and Jira."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/graffiti-dirty-building-walls-looking-grungy-rusty-urban-space-state-disintegration-ruins-broken-down-warehouse-filled-with-crumbling-deserted-debris-space-with-signs-decay_482257-62785.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -281,14 +187,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Netflix",
|
||||
"Facebook",
|
||||
"Slack",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Netflix", "Facebook", "Slack"]}
|
||||
title="Trusted by Innovative Companies"
|
||||
description="TaskFlow powers teams at organizations large and small."
|
||||
/>
|
||||
@@ -298,16 +197,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started Today"
|
||||
title="Ready to Transform Your Workflow?"
|
||||
description="Start managing your projects like a pro with TaskFlow. Join thousands of productive teams today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -316,42 +212,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
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: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -361,4 +242,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user