127 lines
7.5 KiB
TypeScript
127 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import HeroSignup from "@/components/sections/hero/HeroSignup";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Brain, Sparkles, Target, Zap, MessageSquare, CreditCard, HelpCircle, Mail, Activity, Shield, Clock } from "lucide-react";
|
|
|
|
export default function PathlyPage() {
|
|
const navItems = [
|
|
{ name: "How it Works", id: "features" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "FAQ", id: "faq" },
|
|
];
|
|
|
|
const testimonials = [
|
|
{ id: "1", name: "Alex Rivers", role: "Freelance Designer", testimonial: "Pathly turned my vague goal of 'becoming a better designer' into a concrete roadmap. I'm finally consistent.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153833.jpg" },
|
|
{ id: "2", name: "Jamie Smith", role: "Fitness Enthusiast", testimonial: "The adaptive planning is magic. When I missed a week due to illness, it simply recalibrated my schedule.", imageSrc: "http://img.b2bpic.net/free-photo/sport-woman-use-towel_158595-3273.jpg" },
|
|
{ id: "3", name: "Morgan Lee", role: "Software Engineer", testimonial: "I love the daily streaks. It's the dopamine hit I need to keep grinding on my side projects.", imageSrc: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg" }
|
|
];
|
|
|
|
const pricingPlans = [
|
|
{ id: "free", tag: "Starter", price: "$0", period: "/mo", description: "Basic features for personal habit tracking.", button: { text: "Get Started" }, featuresTitle: "Everything included:", features: ["One personal goal", "Basic habit tracking", "Weekly AI insights"] },
|
|
{ id: "pro", tag: "Pro", price: "$12", period: "/mo", description: "Advanced features for deep focus and growth.", button: { text: "Go Pro" }, featuresTitle: "Everything in Starter, plus:", features: ["Unlimited goals", "Adaptive scheduling", "Gamified rewards", "Priority support"] },
|
|
{ id: "team", tag: "Team", price: "$49", period: "/mo", description: "Tools for collaborative team success.", button: { text: "Get Started" }, featuresTitle: "Everything in Pro, plus:", features: ["Collaboration tools", "Team streaks", "Shared goal boards", "Dedicated account manager"] }
|
|
];
|
|
|
|
const faqs = [
|
|
{ id: "1", title: "How does the AI create goals?", content: "Pathly uses advanced LLMs to interpret your intent, breaking down vague aspirations into SMART steps mapped to your calendar." },
|
|
{ id: "2", title: "What if I fall behind?", content: "Don't worry! Pathly detects missed tasks and automatically shifts your timeline, keeping you focused on progress rather than perfection." },
|
|
{ id: "3", title: "Is my goal data private?", content: "Yes, we never share or sell your data. Your goals are encrypted, and you own every byte of your progress history." }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={navItems}
|
|
brandName="Pathly"
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
<HeroSignup
|
|
background={{ variant: "canvas-reveal" }}
|
|
tag="Your AI Goal Companion"
|
|
tagIcon={Target}
|
|
title="Turn Ambitions Into Daily Reality"
|
|
description="Stop dreaming and start achieving. Pathly uses AI to turn your biggest goals into manageable daily actions that actually fit your life."
|
|
onSubmit={(email) => console.log(email)}
|
|
/>
|
|
<div id="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
title="Designed for Human Growth"
|
|
description="Technology should help, not judge. Pathly adapts to your unique rhythm."
|
|
textboxLayout="default"
|
|
features={[
|
|
{ id: "1", title: "Smart Goal Setting", tags: ["AI-Powered", "Milestones"] },
|
|
{ id: "2", title: "Adaptive Planning", tags: ["Auto-Adjusting", "Flexibility"] },
|
|
{ id: "3", title: "Habit Integration", tags: ["Daily Tracking", "Consistency"] },
|
|
{ id: "4", title: "Privacy First", tags: ["Encrypted", "Secure"] }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="about">
|
|
<AboutMetric
|
|
title="Why Pathly Wins"
|
|
metrics={[{ icon: Activity, label: "Goal Achievement", value: "2x Faster" }, { icon: Shield, label: "Retention Rate", value: "98%" }, { icon: Zap, label: "Task Completion", value: "10k+" }]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<TestimonialCardTwo
|
|
testimonials={testimonials}
|
|
animationType="slide-up"
|
|
title="Changing Lives, Daily"
|
|
description="See how our users are turning their wildest ambitions into concrete results."
|
|
textboxLayout="default"
|
|
/>
|
|
<div id="pricing">
|
|
<PricingCardFive
|
|
plans={pricingPlans}
|
|
animationType="slide-up"
|
|
title="Simple Plans for Everyone"
|
|
description="Everything you need to succeed, without hidden barriers."
|
|
textboxLayout="default"
|
|
/>
|
|
</div>
|
|
<div id="faq">
|
|
<FaqSplitText
|
|
faqs={faqs}
|
|
sideTitle="Need Clarity?"
|
|
sideDescription="Common questions about the Pathly methodology."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="contact">
|
|
<ContactText
|
|
text="Ready to reach your potential? Join Pathly today and start turning your goals into reality, one step at a time."
|
|
buttons={[{ text: "Start for Free" }]}
|
|
background={{ variant: "canvas-reveal" }}
|
|
/>
|
|
</div>
|
|
<FooterLogoReveal
|
|
logoText="Pathly"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |