Merge version_1 into main #2
314
src/app/page.tsx
314
src/app/page.tsx
@@ -33,24 +33,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "How it Works", id: "#how-it-works" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
]}
|
||||
brandName="TheraFlow"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,38 +46,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Empowering Your Therapy Practice"
|
||||
description="TheraFlow provides a seamless, secure, and professional platform designed to help you focus on what matters: your clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168648.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Demo", href: "#contact" }, { text: "Learn More", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168648.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
||||
alt: "Happy professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg",
|
||||
alt: "Portrait of beautiful woman with book",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-glasses_23-2148415929.jpg",
|
||||
alt: "Beautiful young woman with glasses",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-vintage-business-clo_613910-11962.jpg",
|
||||
alt: "Portrait of a handsome bearded male",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5356.jpg",
|
||||
alt: "Portrait young, confident businessman",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "Happy professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg", alt: "Portrait of beautiful woman with book" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-glasses_23-2148415929.jpg", alt: "Beautiful young woman with glasses" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-vintage-business-clo_613910-11962.jpg", alt: "Portrait of a handsome bearded male" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5356.jpg", alt: "Portrait young, confident businessman" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ therapists"
|
||||
/>
|
||||
@@ -100,21 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Designed for Wellness"
|
||||
metrics={[
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Appointments Managed",
|
||||
value: "15,000+",
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
label: "Secure Encrypted Sessions",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Time Saved per Week",
|
||||
value: "12hrs",
|
||||
},
|
||||
{ icon: Calendar, label: "Appointments Managed", value: "15,000+" },
|
||||
{ icon: Lock, label: "Secure Encrypted Sessions", value: "100%" },
|
||||
{ icon: Clock, label: "Time Saved per Week", value: "12hrs" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -127,40 +79,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Calendar",
|
||||
description: "Manage all your in-person and online bookings effortlessly.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-enrollment-form-document-medicare-concept_53876-121139.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168648.jpg?_wi=2",
|
||||
imageAlt: "calendar appointment ui modern",
|
||||
title: "Smart Calendar", description: "Manage all your in-person and online bookings effortlessly.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medical-enrollment-form-document-medicare-concept_53876-121139.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Secure Session Notes",
|
||||
description: "Keep detailed private clinical records in a fully HIPAA-compliant space.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-couch-innovative-technology_53876-98554.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-engaging-with-ai-chatbot-pc-isolated-display_482257-118991.jpg",
|
||||
imageAlt: "calendar appointment ui modern",
|
||||
title: "Secure Session Notes", description: "Keep detailed private clinical records in a fully HIPAA-compliant space.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-couch-innovative-technology_53876-98554.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Client Management",
|
||||
description: "Unified client profiles, history, and communication tools.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-hands-holding-tablet_23-2149406779.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-holding-book_23-2148816883.jpg?_wi=1",
|
||||
imageAlt: "calendar appointment ui modern",
|
||||
title: "Client Management", description: "Unified client profiles, history, and communication tools.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-hands-holding-tablet_23-2149406779.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -176,27 +104,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "40%",
|
||||
title: "Reduction in No-Shows",
|
||||
description: "Automated reminders ensure your patients never miss a session.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "3x",
|
||||
title: "Faster Charting",
|
||||
description: "Templated note fields reduce your admin time per session.",
|
||||
icon: FileText,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Patient Data Privacy",
|
||||
description: "Bank-grade encryption ensures total clinical confidentiality.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ id: "m1", value: "40%", title: "Reduction in No-Shows", description: "Automated reminders ensure your patients never miss a session.", icon: Zap },
|
||||
{ id: "m2", value: "3x", title: "Faster Charting", description: "Templated note fields reduce your admin time per session.", icon: FileText },
|
||||
{ id: "m3", value: "100%", title: "Patient Data Privacy", description: "Bank-grade encryption ensures total clinical confidentiality.", icon: ShieldCheck },
|
||||
]}
|
||||
title="Practice Efficiency"
|
||||
description="See the impact TheraFlow has on your daily workflow."
|
||||
@@ -210,48 +120,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "1. Set Availability",
|
||||
price: "Define hours",
|
||||
variant: "Step",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-meal-containers-with-notebook_23-2148484676.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "2. Share Link",
|
||||
price: "One-click access",
|
||||
variant: "Step",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-language-notebook-used-by-server-room-it-experts-close-up_482257-120921.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "3. Booking Confirmed",
|
||||
price: "Automatic syncing",
|
||||
variant: "Step",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feminine-hands-writing-empty-notebook_23-2148652066.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "4. Manage Sessions",
|
||||
price: "Note & track",
|
||||
variant: "Step",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wellness-diet-plan-healthy-living-icon_53876-121315.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "5. Recurring Notes",
|
||||
price: "Session logs",
|
||||
variant: "Step",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapist-uses-green-screen-display-counseling-session-with-adolescent_482257-121552.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "6. Billing & Reports",
|
||||
price: "Financial clarity",
|
||||
variant: "Step",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-hospital-with-laptop-diagnostic-tools-set-up_482257-124868.jpg",
|
||||
},
|
||||
{ id: "1", name: "1. Set Availability", price: "Define hours", variant: "Step", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-meal-containers-with-notebook_23-2148484676.jpg" },
|
||||
{ id: "2", name: "2. Share Link", price: "One-click access", variant: "Step", imageSrc: "http://img.b2bpic.net/free-photo/programming-language-notebook-used-by-server-room-it-experts-close-up_482257-120921.jpg" },
|
||||
{ id: "3", name: "3. Booking Confirmed", price: "Automatic syncing", variant: "Step", imageSrc: "http://img.b2bpic.net/free-photo/feminine-hands-writing-empty-notebook_23-2148652066.jpg" },
|
||||
{ id: "4", name: "4. Manage Sessions", price: "Note & track", variant: "Step", imageSrc: "http://img.b2bpic.net/free-photo/wellness-diet-plan-healthy-living-icon_53876-121315.jpg" },
|
||||
{ id: "5", name: "5. Recurring Notes", price: "Session logs", variant: "Step", imageSrc: "http://img.b2bpic.net/free-photo/therapist-uses-green-screen-display-counseling-session-with-adolescent_482257-121552.jpg" },
|
||||
{ id: "6", name: "6. Billing & Reports", price: "Financial clarity", variant: "Step", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-hospital-with-laptop-diagnostic-tools-set-up_482257-124868.jpg" },
|
||||
]}
|
||||
title="How TheraFlow Works"
|
||||
description="A streamlined four-step workflow to manage your day effectively."
|
||||
@@ -264,54 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "solo",
|
||||
title: "Solo Psychologist",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"1 User",
|
||||
"Unlimited Clients",
|
||||
"Basic Notes",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-tablet-while-chilling-sofa_23-2147670449.jpg",
|
||||
imageAlt: "Woman watching tablet while chilling on sofa",
|
||||
},
|
||||
{
|
||||
id: "clinic",
|
||||
title: "Small Clinic",
|
||||
price: "$129",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"5 Users",
|
||||
"Unlimited Clients",
|
||||
"Team Scheduling",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168648.jpg?_wi=3",
|
||||
imageAlt: "Woman watching tablet while chilling on sofa",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Professional Clinic",
|
||||
price: "$249",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"20 Users",
|
||||
"Unlimited Clients",
|
||||
"Custom Reporting",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-enrollment-form-document-medicare-concept_53876-121139.jpg?_wi=2",
|
||||
imageAlt: "Woman watching tablet while chilling on sofa",
|
||||
},
|
||||
{ id: "solo", title: "Solo Psychologist", price: "$49", period: "/mo", features: ["1 User", "Unlimited Clients", "Basic Notes"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-tablet-while-chilling-sofa_23-2147670449.jpg" },
|
||||
{ id: "clinic", title: "Small Clinic", price: "$129", period: "/mo", features: ["5 Users", "Unlimited Clients", "Team Scheduling"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168648.jpg" },
|
||||
{ id: "pro", title: "Professional Clinic", price: "$249", period: "/mo", features: ["20 Users", "Unlimited Clients", "Custom Reporting"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/medical-enrollment-form-document-medicare-concept_53876-121139.jpg" },
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the right plan for your clinical needs."
|
||||
@@ -324,41 +153,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Sarah",
|
||||
handle: "Clinical Psychologist",
|
||||
testimonial: "TheraFlow changed my entire daily workflow. No more scattered notes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. Mark",
|
||||
handle: "Child Psychiatrist",
|
||||
testimonial: "Finally, a HIPAA-compliant tool that feels human and helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-holding-book_23-2148816883.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dr. Emily",
|
||||
handle: "Counselor",
|
||||
testimonial: "I love how easy it is to manage my team’s schedules now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-teenages-sitting-chair_23-2147611504.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dr. David",
|
||||
handle: "Psychiatrist",
|
||||
testimonial: "Reliable, secure, and professional. Exactly what I needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-medical-setting_23-2152005921.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Dr. Jane",
|
||||
handle: "Family Therapist",
|
||||
testimonial: "The calendar sync feature is an absolute lifesaver for us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-nurse-with-arms-crossed_23-2148501022.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Dr. Sarah", handle: "Clinical Psychologist", testimonial: "TheraFlow changed my entire daily workflow. No more scattered notes.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg" },
|
||||
{ id: "t2", name: "Dr. Mark", handle: "Child Psychiatrist", testimonial: "Finally, a HIPAA-compliant tool that feels human and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-holding-book_23-2148816883.jpg" },
|
||||
{ id: "t3", name: "Dr. Emily", handle: "Counselor", testimonial: "I love how easy it is to manage my team’s schedules now.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-teenages-sitting-chair_23-2147611504.jpg" },
|
||||
{ id: "t4", name: "Dr. David", handle: "Psychiatrist", testimonial: "Reliable, secure, and professional. Exactly what I needed.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-medical-setting_23-2152005921.jpg" },
|
||||
{ id: "t5", name: "Dr. Jane", handle: "Family Therapist", testimonial: "The calendar sync feature is an absolute lifesaver for us.", imageSrc: "http://img.b2bpic.net/free-photo/male-nurse-with-arms-crossed_23-2148501022.jpg" },
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="What your colleagues say about TheraFlow."
|
||||
@@ -369,21 +168,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, all data is encrypted and HIPAA-compliant.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I import existing data?",
|
||||
content: "Yes, we provide tools to migrate client lists easily.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, we offer a 14-day free trial for all plans.",
|
||||
},
|
||||
{ id: "q1", title: "Is my data secure?", content: "Yes, all data is encrypted and HIPAA-compliant." },
|
||||
{ id: "q2", title: "Can I import existing data?", content: "Yes, we provide tools to migrate client lists easily." },
|
||||
{ id: "q3", title: "Is there a free trial?", content: "Yes, we offer a 14-day free trial for all plans." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about TheraFlow."
|
||||
@@ -394,30 +181,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to streamline your therapy practice?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="TheraFlow"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user