Merge version_3 into main #2
140
src/app/page.tsx
140
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Support", id: "features"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Support", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Her Voice Matters"
|
||||
/>
|
||||
@@ -46,39 +42,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
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/free-photo/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"},
|
||||
{ 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"},
|
||||
{ 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>
|
||||
@@ -90,12 +70,9 @@ export default function LandingPage() {
|
||||
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."},
|
||||
{ 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"
|
||||
@@ -108,21 +85,11 @@ export default function LandingPage() {
|
||||
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."},
|
||||
{ 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."
|
||||
@@ -135,10 +102,7 @@ export default function LandingPage() {
|
||||
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."],
|
||||
},
|
||||
{ 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."
|
||||
@@ -149,14 +113,10 @@ export default function LandingPage() {
|
||||
<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."},
|
||||
{ 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."
|
||||
@@ -171,16 +131,11 @@ export default function LandingPage() {
|
||||
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"},
|
||||
{ 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"
|
||||
@@ -190,13 +145,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
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"
|
||||
}
|
||||
{ text: "Call for Support Now", href: "tel:18007233669" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -205,26 +157,12 @@ export default function LandingPage() {
|
||||
<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: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Resources", items: [{ label: "Help Center", href: "#" }, { label: "Legal Rights", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,12 +13,12 @@
|
||||
--background: #fbfaff;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #8b5cf6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #0f0022;
|
||||
--accent: #d8cef5;
|
||||
--background-accent: #c4a8f9;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user