299 lines
9.6 KiB
TypeScript
299 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Programs",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="EmpowerCare"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Compassionate Support for Your Community"
|
|
description="Empowering individuals and families through dedicated social work services. We provide guidance, resources, and care tailored to your needs."
|
|
tag="Trusted Social Care"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-support-group_23-2151079543.jpg",
|
|
imageAlt: "Support team in meeting",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-volunteer-work-foodbank_23-2149012252.jpg?_wi=1",
|
|
imageAlt: "Care outreach planning",
|
|
},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Rated 5/5 by over 500 families"
|
|
tagIcon={Heart}
|
|
buttons={[
|
|
{
|
|
text: "Get Support",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#about",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Our Commitment to Care"
|
|
description="With years of dedicated experience, we facilitate positive changes in lives by providing resources, mental health advocacy, and social safety nets."
|
|
metrics={[
|
|
{
|
|
value: "12+",
|
|
title: "Years Experience",
|
|
},
|
|
{
|
|
value: "2500+",
|
|
title: "Families Served",
|
|
},
|
|
{
|
|
value: "15",
|
|
title: "Active Programs",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-doing-volunteer-work-foodbank_23-2149012252.jpg?_wi=2"
|
|
imageAlt="Community care planning"
|
|
mediaAnimation="opacity"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Crisis intervention",
|
|
"Emergency housing aid",
|
|
"Limited immediate counseling",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Family advocacy",
|
|
"Mental health referral",
|
|
"Long-term goal planning",
|
|
"Resource navigation",
|
|
],
|
|
}}
|
|
title="Comprehensive Support Services"
|
|
description="We offer structured pathways to help you and your family navigate life's challenges."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Elena Ross",
|
|
date: "Jan 2024",
|
|
title: "Life Changing",
|
|
quote: "The support I received helped my family navigate a very difficult season. Truly grateful.",
|
|
tag: "Counseling",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/vertical-outdoor-shot-attractive-woman-has-long-dark-hair-positive-facial-expression_273609-44811.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wooden-bench-park-filtered-image-processed-vintage-effe_1232-2317.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marcus Thorne",
|
|
date: "Nov 2023",
|
|
title: "Professionalism",
|
|
quote: "Their advocacy services were essential to our success. Highly recommend to everyone.",
|
|
tag: "Advocacy",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-14195.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sarah Jenkins",
|
|
date: "Sep 2023",
|
|
title: "Empowerment",
|
|
quote: "They helped me gain access to resources I didn't even know existed. Empowering work.",
|
|
tag: "Resource Aid",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/businessman-pointing-camera-against-grey-wall_23-2148112876.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-interior-details-living-room-decor_169016-6008.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Wu",
|
|
date: "Aug 2023",
|
|
title: "Guidance",
|
|
quote: "Patient, kind, and incredibly knowledgeable. Exactly what our neighborhood needed.",
|
|
tag: "General Support",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-road-through-golden-autumn-forest-warm-sunlight-autumn-highway_169016-70030.jpg",
|
|
},
|
|
]}
|
|
title="Stories of Hope"
|
|
description="See how our community-focused services have helped others rebuild and thrive."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Are your services free?",
|
|
content: "Many of our core community support programs are provided at no cost, thanks to our generous partners.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How do I request an appointment?",
|
|
content: "You can fill out our online contact form, call our office, or walk into our community center during business hours.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you offer emergency support?",
|
|
content: "We do provide crisis intervention services and can help coordinate with local emergency support providers.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg"
|
|
title="Frequently Asked Questions"
|
|
description="Have questions? We have answers to help you get started with our services."
|
|
faqsAnimation="slide-up"
|
|
imageAlt="Customer support assistance"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
tag="Get In Touch"
|
|
title="Need Help? Reach Out Today"
|
|
description="Take the first step toward getting the help you or your family needs. We are here to listen."
|
|
imageSrc="http://img.b2bpic.net/free-photo/african-american-wheelchair-user_482257-76237.jpg"
|
|
mediaPosition="right"
|
|
imageAlt="Support team workspace"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Counseling",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Resource Aid",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Housing Support",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "About",
|
|
items: [
|
|
{
|
|
label: "Our Story",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Privacy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Community",
|
|
items: [
|
|
{
|
|
label: "Get Involved",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Partners",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "News",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 EmpowerCare Services. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|