bender/ecea4824-3f64-464a-af9c-e8dca70dd584
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-04-19 23:49:54 +00:00
parent 99d0b57e96
commit 2e62e2bbd0
1 changed files with 47 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
src/app/page.tsx
View File

@@ -1,35 +1,35 @@
"use client";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
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, BarChart3, TrendingUp, CheckSquare, Smile } from "lucide-react";
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" },
{ name: "Get Started", id: "contact" },
];
const testimonials = [
{ id: "1", name: "Alex Rivers", handle: "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", handle: "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", handle: "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" }
{ 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", price: "$0", name: "Starter", buttons: [{ text: "Get Started", href: "#" }], features: ["One personal goal", "Basic habit tracking", "Weekly AI insights", "Standard support"] },
{ id: "pro", price: "$12/mo", name: "Pro", buttons: [{ text: "Go Pro", href: "#" }], features: ["Unlimited goals", "Adaptive scheduling", "Gamified rewards", "Progress analytics", "Priority support"] },
{ id: "team", price: "$49/mo", name: "Team", buttons: [{ text: "Get Started", href: "#" }], features: ["Collaboration tools", "Team streaks", "Shared goal boards", "Admin analytics", "Dedicated account manager"] }
{ 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 = [
@@ -46,109 +46,81 @@ export default function PathlyPage() {
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="gradient-bordered"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<NavbarStyleFullscreen
<NavbarLayoutFloatingOverlay
navItems={navItems}
brandName="Pathly"
bottomLeftText="Performante X🌟"
bottomRightText="hello@pathly.ai"
button={{ text: "Get Started", href: "#contact" }}
/>
<HeroBillboardDashboard
<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."
buttons={[{ text: "Start Your Path", href: "#contact" }]}
dashboard={{
title: "Pathly Goal Tracker", logoIcon: Brain,
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg", stats: [
{ title: "Goal Completion", values: [85, 92, 88], valueSuffix: "%", description: "Success rate across your active goals." },
{ title: "Daily Streaks", values: [12, 18, 24], description: "Days of consistent habit building." },
{ title: "Tasks Done", values: [150, 180, 210], description: "Total milestones conquered this month." }
],
listTitle: "Today's Focus", listItems: [
{ icon: CheckSquare, title: "30 min deep work session", status: "To-do" },
{ icon: TrendingUp, title: "Review weekly progress", status: "Done" },
{ icon: Smile, title: "Mindfulness meditation", status: "Pending" }
]
}}
onSubmit={(email) => console.log(email)}
/>
<div id="features">
<FeatureHoverPattern
<FeatureCardTwentyThree
animationType="slide-up"
tag="How It Works"
title="Designed for Human Growth"
description="Technology should help, not judge. Pathly adapts to your unique rhythm."
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: Brain, title: "Smart Goal Setting", description: "Turn any sentence into a detailed roadmap with milestones." },
{ icon: Clock, title: "Adaptive Planning", description: "Auto-adjusts your schedule based on your progress and motivation." },
{ icon: Zap, title: "Habit Integration", description: "Transform lofty goals into recurring daily habits you can track." },
{ icon: Shield, title: "Privacy First", description: "Your personal aspirations are yours alone. Encrypted and safe." }
{ 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>
<MetricSplitMediaAbout
tag="The Edge"
tagIcon={Sparkles}
title="Why Pathly Wins"
description="We replace frustration with clarity. By breaking the cycle of procrastination through intelligent, gentle nudges, Pathly makes progress the default state."
metrics={[{ value: "2x", title: "Faster Goal Achievement" }, { value: "98%", title: "Retention Rate" }]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-assortment_23-2148996791.jpg"
useInvertedBackground={false}
/>
<TestimonialCardSix
<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"
tag="Community"
title="Changing Lives, Daily"
description="See how our users are turning their wildest ambitions into concrete results."
textboxLayout="default"
useInvertedBackground={false}
/>
<div id="pricing">
<PricingCardThree
<PricingCardFive
plans={pricingPlans}
animationType="slide-up"
tag="Pricing"
title="Simple Plans for Everyone"
description="Everything you need to succeed, without hidden barriers."
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="faq">
<FaqDouble
<FaqSplitText
faqs={faqs}
tag="Support"
title="Need Clarity?"
description="Common questions about the Pathly methodology."
textboxLayout="default"
sideTitle="Need Clarity?"
sideDescription="Common questions about the Pathly methodology."
faqsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact">
<ContactCTA
tag="Start Now"
tagIcon={Mail}
title="Ready to Reach Your Potential?"
description="Join Pathly today and start turning your goals into reality, one step at a time."
buttons={[{ text: "Start for Free", href: "#" }]}
<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" }}
useInvertedBackground={false}
/>
</div>
<FooterBaseCard
<FooterLogoReveal
logoText="Pathly"
columns={[{ title: "Product", items: [{ label: "Features", href: "#" }, { label: "Pricing", href: "#" }] }, { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }]}
copyrightText="© 2025 Pathly Inc. Built for you."
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</ThemeProvider>
);