Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 559a06603f | |||
| e1cfef8408 | |||
| e7d80a7a69 | |||
| b09fa6dbd7 |
228
src/app/page.tsx
228
src/app/page.tsx
@@ -29,136 +29,38 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Our Cause", id: "about" },
|
||||||
id: "hero",
|
{ name: "How We Help", id: "features" },
|
||||||
},
|
{ name: "Voices", id: "testimonials" },
|
||||||
{
|
{ name: "Support", id: "contact" },
|
||||||
name: "Mission",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Support",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Voices",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Get Help",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Empower Her"
|
brandName="Break The Silence"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
title="Ending Violence Against Women"
|
||||||
}}
|
description="We stand for a world where every woman lives free from violence. Join our movement for safety, dignity, and equality."
|
||||||
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={[
|
leftCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-protesting_23-2149571809.jpg", imageAlt: "Advocacy for change" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-with-hand-stacked_1170-1736.jpg?_wi=1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/group-of-women-holding-hands_1170-1736.jpg", imageAlt: "Solidarity" },
|
||||||
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={[
|
rightCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/support-group-meeting_23-2149033791.jpg", imageAlt: "Community support" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-outdoors_23-2149033791.jpg?_wi=3",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/women-standing-strong_23-2149093350.jpg", imageAlt: "Strength in unity" },
|
||||||
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={[
|
buttons={[
|
||||||
{
|
{ text: "Learn More", href: "#about" },
|
||||||
text: "Get Involved",
|
{ text: "Get Support", href: "#contact" },
|
||||||
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={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Equality" },
|
||||||
type: "text",
|
{ type: "text", text: "Justice" },
|
||||||
text: "Equality",
|
{ type: "text", text: "Safety" },
|
||||||
},
|
{ type: "text", text: "Dignity" },
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Justice",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Safety",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Empowerment",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Support",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -166,12 +68,12 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<TestimonialAboutCard
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
tag="Our Mission"
|
tag="Our Cause"
|
||||||
title="A Legacy of Empowerment"
|
title="Standing Together"
|
||||||
description="We are dedicated to dismantling systems of violence through education, advocacy, and direct support for survivors."
|
description="Violence against women is a global crisis that demands immediate attention. We provide the tools, support, and legal advocacy to change the narrative."
|
||||||
subdescription="Our team works globally to ensure every woman's voice is heard, respected, and protected."
|
subdescription="Every action counts. Together, we can build a safer future for women everywhere."
|
||||||
icon={Shield}
|
icon={Shield}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/people-world-environment-day-protest-with-placards-outdoors_23-2149571809.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/woman-empowerment-protest_23-2149571809.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -181,24 +83,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Confidential Support", description: "Secure resources and counseling for those in need.", imageSrc: "http://img.b2bpic.net/free-photo/support-group-session_23-2149033791.jpg" },
|
||||||
title: "Educational Awareness",
|
{ title: "Legal Advocacy", description: "Navigating justice pathways for survivors.", imageSrc: "http://img.b2bpic.net/free-photo/justice-scales_23-2148443907.jpg" },
|
||||||
description: "Running workshops to identify warning signs and promote healthy relationships.",
|
{ title: "Community Education", description: "Workshops that teach prevention and healthy relationships.", imageSrc: "http://img.b2bpic.net/free-photo/workshop-education_23-2149571809.jpg" },
|
||||||
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"
|
title="Providing Help"
|
||||||
description="We offer structured support and advocacy programs to assist survivors and educate the community on prevention."
|
description="Our programs ensure survivors receive the protection and resources they deserve."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -206,34 +96,11 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Advocate For Change", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-woman_1258-130792.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Survivor", imageSrc: "http://img.b2bpic.net/free-photo/strength-and-resilience_23-2149093350.jpg" },
|
||||||
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"
|
cardTitle="Voices of Strength"
|
||||||
cardTag="Real Stories"
|
cardTag="Stories of Hope"
|
||||||
cardAnimation="blur-reveal"
|
cardAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -241,39 +108,24 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient",
|
tag="Emergency Help"
|
||||||
}}
|
|
||||||
tag="Get Help Today"
|
|
||||||
title="You Are Not Alone"
|
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."
|
description="If you or someone you know is facing violence, help is available. Our team provides 24/7 confidential support."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Get Immediate Support", href: "tel:1800-STOP-VIOLENCE" },
|
||||||
text: "Contact Support",
|
|
||||||
href: "tel:0000000000",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Join our Newsletter",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Empower Her"
|
logoText="Break The Silence"
|
||||||
leftLink={{
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||||
text: "Privacy Policy",
|
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
|
||||||
text: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #fafffb;
|
--background: #fdf2f2;
|
||||||
--card: #f7fffa;
|
--card: #fceaea;
|
||||||
--foreground: #001a0a;
|
--foreground: #4a0404;
|
||||||
--primary-cta: #0a7039;
|
--primary-cta: #991b1b;
|
||||||
--primary-cta-text: #fafffb;
|
--primary-cta-text: #fafffb;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #fceaea;
|
||||||
--secondary-cta-text: #001a0a;
|
--secondary-cta-text: #001a0a;
|
||||||
--accent: #a8d9be;
|
--accent: #f87171;
|
||||||
--background-accent: #6bbf8e;
|
--background-accent: #fecaca;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user