169 lines
7.7 KiB
TypeScript
169 lines
7.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { AlertTriangle, Bell, DollarSign, Heart, MessageSquare } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Support", id: "features" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Her Voice Matters"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Every woman deserves safety, respect, and freedom."
|
|
description="Join the movement to stop violence against women. Her voice matters, and together we can build a safer future for everyone."
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg?_wi=1", alt: "Supporter 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/emotive-headshot-portrait-cheerful-young-woman_1163-5176.jpg?_wi=1", alt: "Supporter 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928791.jpg?_wi=1", alt: "Supporter 3" },
|
|
{ src: "http://img.b2bpic.net/serious-executive-with-short-hair-crossed-arms_1149-89.jpg?_wi=1", alt: "Supporter 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident_1258-194088.jpg?_wi=1", alt: "Supporter 5" },
|
|
]}
|
|
buttons={[{ text: "Learn More", href: "#about" }]}
|
|
marqueeItems={[
|
|
{ type: "text", text: "Take a Stand" },
|
|
{ type: "text-icon", text: "End Violence", icon: Heart },
|
|
{ type: "text", text: "Support Survivors" },
|
|
{ type: "text-icon", text: "Raise Awareness", icon: Bell },
|
|
{ type: "text", text: "Create Change" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="About Violence Against Women"
|
|
description="Violence against women includes physical, emotional, verbal, and psychological abuse. It is a systematic issue that impacts our community and requires our collective action."
|
|
bulletPoints={[
|
|
{ title: "Physical Abuse", description: "Any form of bodily harm or threat." },
|
|
{ title: "Emotional Abuse", description: "Persistent manipulation or threats." },
|
|
{ title: "Verbal Abuse", description: "Harassment or degrading language." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-connecting-through-hands_23-2149125877.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ icon: Heart, title: "Physical Abuse", description: "Direct acts of violence or bodily harm." },
|
|
{ icon: Heart, title: "Emotional Abuse", description: "Tactics meant to control and demean." },
|
|
{ icon: MessageSquare, title: "Verbal Abuse", description: "Degrading speech and psychological harassment." },
|
|
{ icon: DollarSign, title: "Economic Control", description: "Restricting access to financial independence." },
|
|
{ icon: AlertTriangle, title: "Harassment", description: "Unwanted conduct violating dignity." },
|
|
]}
|
|
title="Types of Violence"
|
|
description="Recognizing the signs is the first step toward stopping the cycle."
|
|
/>
|
|
</div>
|
|
|
|
<div id="stats" data-section="stats">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", value: "1 in 3", title: "Women experience violence", items: ["Global statistics indicate high prevalence.", "Many incidents go unreported.", "Action is necessary now."] },
|
|
]}
|
|
title="The Reality"
|
|
description="The scale of this issue is significant."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Speak Up", content: "Never stay silent when you see abuse." },
|
|
{ id: "f2", title: "Support Victims", content: "Listen and provide safe pathways to help." },
|
|
{ id: "f3", title: "Report Abuse", content: "Contact local authorities for immediate safety." },
|
|
{ id: "f4", title: "Promote Equality", content: "Challenge stereotypes every single day." },
|
|
]}
|
|
sideTitle="How to Help"
|
|
sideDescription="Small actions create a big impact in your community."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="quotes" data-section="quotes">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="Silence hides violence. We must stand together for respect and human rights."
|
|
rating={5}
|
|
author="Campaign Advocate"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/female-military-general-portrait_23-2149222044.jpg?_wi=1", alt: "A" },
|
|
{ src: "http://img.b2bpic.net/free-photo/person-protesting-with-placard-world-environment-day-outdoors_23-2149571844.jpg?_wi=1", alt: "B" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg?_wi=1", alt: "C" },
|
|
{ src: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-black-leggins-fitness-outfit-pink-background_285396-10851.jpg?_wi=1", alt: "D" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg?_wi=1", alt: "E" },
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
text="Need help or want to talk? Emergency Helpline: 1-800-SAFE-NOW"
|
|
buttons={[
|
|
{ text: "Call for Support Now", href: "tel:18007233669" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Her Voice Matters"
|
|
columns={[
|
|
{ title: "Resources", items: [{ label: "Help Center", href: "#" }, { label: "Legal Rights", href: "#" }] },
|
|
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|