Merge version_2 into main #4
261
src/app/page.tsx
261
src/app/page.tsx
@@ -2,16 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Sparkles, Heart, RefreshCw, Shield } from 'lucide-react';
|
||||
import { Sparkles, Heart, RefreshCw, Shield, BookOpen, Stethoscope, Mail } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,178 +27,100 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Values", id: "values"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elim Psychcare"
|
||||
button={{
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "Resources", id: "blog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elim Psychcare"
|
||||
button={{ text: "Book Appointment", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Elim Psychcare"
|
||||
description="Compassion That Speaks Your Language. We provide accessible, evidence-based telepsychiatric care designed for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Get Started", href: "#services"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop_23-2148898734.jpg?_wi=1", imageAlt: "Compassionate mental health care in your language"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-consoling-sad-patient_23-2148398339.jpg?_wi=1", imageAlt: "A safe and professional space for your mental health"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-still-life-with-heart-arrow_23-2149019242.jpg?_wi=1", imageAlt: "Culturally sensitive care provided with heart"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop_23-2148898734.jpg?_wi=2", imageAlt: "Accessible telepsychiatry for families"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-consoling-sad-patient_23-2148398339.jpg?_wi=2", imageAlt: "Your journey to healing starts here"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Elim Psychcare"
|
||||
description="Compassion That Speaks Your Language. Accessible, bilingual telepsychiatric care centered on your cultural identity."
|
||||
buttons={[
|
||||
{ text: "Book an Appointment", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop_23-2148898734.jpg?_wi=1", imageAlt: "Professional mental health support" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-man-consoling-sad-patient_23-2148398339.jpg?_wi=1", imageAlt: "Compassionate care" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Care That Understands You"
|
||||
description="Founded to bridge the gap in mental health access for Hispanic communities, Elim Psychcare blends clinical excellence with deep cultural understanding. We believe healing should be accessible, comfortable, and, most importantly, provided in the language you speak."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%", title: "Bilingual Care"},
|
||||
{
|
||||
value: "24/7", title: "Secure Access"},
|
||||
{
|
||||
value: "Evidence", title: "Based Care"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-man-consoling-sad-patient_23-2148398339.jpg?_wi=3"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Healing in Your Language"
|
||||
description="We specialize in providing high-quality mental health support for Hispanic families. Our team ensures that clinical excellence is matched with cultural empathy, ensuring you feel understood and supported at every step."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Bilingual Care" },
|
||||
{ value: "Secure", title: "Telehealth" },
|
||||
{ value: "Culturally", title: "Centered" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-man-consoling-sad-patient_23-2148398339.jpg?_wi=3"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Anxiety Support", description: "Managing stress and anxiety through tailored treatment plans.", buttonIcon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop_23-2148898734.jpg?_wi=3", imageAlt: "diverse hispanic family warm home environment"},
|
||||
{
|
||||
title: "Depression Care", description: "Evidence-based interventions to restore your quality of life.", buttonIcon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-consoling-sad-patient_23-2148398339.jpg?_wi=4", imageAlt: "compassionate mental health consultation"},
|
||||
{
|
||||
title: "Life Transitions", description: "Guidance during major life changes and personal growth.", buttonIcon: RefreshCw,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-still-life-with-heart-arrow_23-2149019242.jpg?_wi=2", imageAlt: "compassion heart speech bubble icon"},
|
||||
{
|
||||
title: "Trauma Care", description: "Safe, trauma-informed support for healing and recovery.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop_23-2148898734.jpg?_wi=4", imageAlt: "diverse hispanic family warm home environment"},
|
||||
]}
|
||||
title="Clinical Services for You"
|
||||
description="Personalized telepsychiatry and therapy that meets you where you are, with total privacy and convenience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The comfort of speaking with someone who truly understands my cultural background was transformative. I finally felt seen and heard."
|
||||
rating={5}
|
||||
author="Maria R. - Patient"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="values" data-section="values">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Core Values"
|
||||
tag="Guiding Principles"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "Compassion", description: "First and foremost, we care."},
|
||||
{
|
||||
id: "2", value: "Cultural Respect", description: "Honoring every identity."},
|
||||
{
|
||||
id: "3", value: "Clinical Excellence", description: "Highest medical standards."},
|
||||
{
|
||||
id: "4", value: "Equity", description: "Care for everyone."},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
title="Mental Health Resources"
|
||||
description="Insights and guides to help you navigate mental wellness in our community."
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
blogs={[
|
||||
{ id: "1", category: "Wellness", title: "Breaking the Stigma", excerpt: "How to talk about mental health with family...", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop_23-2148898734.jpg?_wi=2", authorName: "Dr. Elena M.", authorAvatar: "/avatar-1.png", date: "Oct 2023" },
|
||||
{ id: "2", category: "Growth", title: "Coping with Stress", excerpt: "Practical steps for everyday balance...", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-consoling-sad-patient_23-2148398339.jpg?_wi=2", authorName: "Dr. Carlos V.", authorAvatar: "/avatar-2.png", date: "Nov 2023" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Step 1: Schedule Online", content: "Book your appointment through our secure portal at your convenience."},
|
||||
{
|
||||
id: "2", title: "Step 2: Meet Virtually", content: "Join your provider through a secure, HIPAA-compliant video session."},
|
||||
{
|
||||
id: "3", title: "Step 3: Personalized Care", content: "Receive a custom treatment plan focused on your specific healing goals."},
|
||||
]}
|
||||
title="How It Works"
|
||||
description="Your healing journey starts with three easy steps, all online from the comfort of your home."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Booking"
|
||||
title="Your Journey Starts Here"
|
||||
description="We are ready to provide the care you deserve. Schedule your session today and begin your path to wellness."
|
||||
buttons={[
|
||||
{ text: "Schedule Your Appointment", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Finding care in Spanish felt like finally being heard. I feel safe and empowered in my journey."
|
||||
rating={5}
|
||||
author="Maria G."
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://avatar-1", alt: "Maria G"},
|
||||
{
|
||||
src: "asset://avatar-2", alt: "Client 2"},
|
||||
{
|
||||
src: "asset://avatar-3", alt: "Client 3"},
|
||||
{
|
||||
src: "asset://avatar-4", alt: "Client 4"},
|
||||
{
|
||||
src: "asset://avatar-5", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Healing starts here"
|
||||
title="Start your healing journey today — in the language that feels like home."
|
||||
description="Ready to take the next step toward a healthier you? Book your consultation now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment", href: "#"},
|
||||
{
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Elim Psychcare"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "HIPAA Compliance", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "HIPAA Compliance", href: "#" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2023 Elim Psychcare"
|
||||
bottomRightText="Accessible, Compassionate, Bilingual"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user