280 lines
9.1 KiB
TypeScript
280 lines
9.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Mission",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Support",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Voices",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Get Help",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Empower Her"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Empowering Women, Ending Violence"
|
|
description="Join our mission to build a world where every woman lives free from fear, supported by a global community standing for justice and equality."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-with-hand-stacked_1170-1736.jpg?_wi=1",
|
|
imageAlt: "Community support",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-outdoors_23-2149033791.jpg?_wi=1",
|
|
imageAlt: "Unity and resilience",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-with-hand-stacked_1170-1736.jpg?_wi=2",
|
|
imageAlt: "Supporting hands",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-outdoors_23-2149033791.jpg?_wi=2",
|
|
imageAlt: "Standing strong",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-with-hand-stacked_1170-1736.jpg?_wi=3",
|
|
imageAlt: "Helping others",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-outdoors_23-2149033791.jpg?_wi=3",
|
|
imageAlt: "Resilient future",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-with-hand-stacked_1170-1736.jpg?_wi=4",
|
|
imageAlt: "Hopeful women",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-outdoors_23-2149033791.jpg?_wi=4",
|
|
imageAlt: "Standing together",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-with-hand-stacked_1170-1736.jpg?_wi=5",
|
|
imageAlt: "Supportive community",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-outdoors_23-2149033791.jpg?_wi=5",
|
|
imageAlt: "Building peace",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Get Involved",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Read Stories",
|
|
href: "#testimonials",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/image-happy-smiling-africanamerican-girl-white-tshirt-cross-arms-chest-looking-confiden_1258-130792.jpg",
|
|
alt: "Supporter",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-woman-climbing-rocks_23-2148698968.jpg",
|
|
alt: "Supporter",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-executive-before-interview_1098-3125.jpg",
|
|
alt: "Supporter",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-close-up_23-2149093350.jpg",
|
|
alt: "Supporter",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-latin-woman-smiling-happy-standing-city_839833-8445.jpg",
|
|
alt: "Supporter",
|
|
},
|
|
]}
|
|
avatarText="Join 5,000+ advocates"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Equality",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Justice",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Safety",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Empowerment",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Support",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Mission"
|
|
title="A Legacy of Empowerment"
|
|
description="We are dedicated to dismantling systems of violence through education, advocacy, and direct support for survivors."
|
|
subdescription="Our team works globally to ensure every woman's voice is heard, respected, and protected."
|
|
icon={Shield}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-world-environment-day-protest-with-placards-outdoors_23-2149571809.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Educational Awareness",
|
|
description: "Running workshops to identify warning signs and promote healthy relationships.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w2xng2",
|
|
},
|
|
{
|
|
title: "Safe Haven Support",
|
|
description: "Providing secure channels and resources for those needing immediate assistance.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-job-applicants-filling-documents-with-their-details-sitting-hallway-back-back_482257-133736.jpg",
|
|
},
|
|
{
|
|
title: "Legal Advocacy",
|
|
description: "Guiding survivors through legal pathways to secure justice and safety.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/law-judgement-justice-equality-concept_53876-133592.jpg",
|
|
},
|
|
]}
|
|
title="How We Provide Help"
|
|
description="We offer structured support and advocacy programs to assist survivors and educate the community on prevention."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Miller",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-smiling-africanamerican-girl-white-tshirt-cross-arms-chest-looking-confiden_1258-130792.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Anna K.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-climbing-rocks_23-2148698968.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena Rodriguez",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-executive-before-interview_1098-3125.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Maya Singh",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-close-up_23-2149093350.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Julie Brooks",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-latin-woman-smiling-happy-standing-city_839833-8445.jpg",
|
|
},
|
|
]}
|
|
cardTitle="Voices of Strength"
|
|
cardTag="Real Stories"
|
|
cardAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Get Help Today"
|
|
title="You Are Not Alone"
|
|
description="Our confidential support team is available 24/7 to provide the help and resources you need to stay safe."
|
|
buttons={[
|
|
{
|
|
text: "Contact Support",
|
|
href: "tel:0000000000",
|
|
},
|
|
{
|
|
text: "Join our Newsletter",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Empower Her"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|