142 lines
7.0 KiB
TypeScript
142 lines
7.0 KiB
TypeScript
"use client";
|
|
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Target, Activity, Shield } 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", company: "Independent", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153833.jpg" },
|
|
{ id: "2", name: "Jamie Smith", role: "Fitness Enthusiast", company: "Personal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sport-woman-use-towel_158595-3273.jpg" }
|
|
];
|
|
|
|
const pricingPlans = [
|
|
{ id: "free", price: "$0", name: "Starter", buttons: [{ text: "Get Started" }], features: ["One personal goal", "Basic habit tracking"] },
|
|
{ id: "pro", price: "$12", name: "Pro", buttons: [{ text: "Go Pro" }], features: ["Unlimited goals", "Adaptive scheduling"] }
|
|
];
|
|
|
|
const faqs = [
|
|
{ id: "1", title: "How does the AI create goals?", content: "Pathly uses advanced LLMs to interpret your intent." },
|
|
{ id: "2", title: "What if I fall behind?", content: "Pathly automatically shifts your timeline." }
|
|
];
|
|
|
|
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"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={navItems}
|
|
brandName="Pathly"
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background="canvas-reveal"
|
|
tag="Your AI Goal Companion"
|
|
tagIcon={Target}
|
|
title="Turn Ambitions Into Daily Reality"
|
|
description="Stop dreaming and start achieving."
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-man-smiling_23-2148812604.jpg", alt: "User Profile" }
|
|
]}
|
|
avatarText="Join the community"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
title="Designed for Human Growth"
|
|
description="Technology should help, not judge."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "1", title: "Smart Goal Setting", author: "Pathly AI", description: "Advanced LLMs for goal interpretation.", tags: ["AI-Powered"], imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2148766579.jpg" },
|
|
{ id: "2", title: "Adaptive Planning", author: "Pathly Engine", description: "Flexible timelines that adjust automatically.", tags: ["Flexible"], imageSrc: "http://img.b2bpic.net/free-photo/business-plan-concept_23-2149154942.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Why Pathly Wins"
|
|
description="Our unique approach combines human intent with adaptive intelligence."
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
testimonials={testimonials}
|
|
kpiItems={[{ value: "2x", label: "Faster Results" }, { value: "98%", label: "Retention Rate" }, { value: "1M+", label: "Goals Achieved" }]}
|
|
animationType="slide-up"
|
|
title="Changing Lives, Daily"
|
|
description="See how our users are turning their ambitions into concrete results."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
plans={pricingPlans}
|
|
animationType="slide-up"
|
|
title="Simple Plans"
|
|
description="Everything you need to succeed."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
faqs={faqs}
|
|
faqsAnimation="slide-up"
|
|
title="Need Clarity?"
|
|
description="Common questions."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Ready to reach your potential?"
|
|
description="Join Pathly today."
|
|
inputs={[{ name: "email", type: "email", placeholder: "Enter your email" }, { name: "name", type: "text", placeholder: "Your name" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Pathly"
|
|
columns={[
|
|
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |