4 Commits

Author SHA1 Message Date
559a06603f Merge version_2 into main
Merge version_2 into main
2026-04-06 13:20:26 +00:00
e1cfef8408 Update src/app/styles/variables.css 2026-04-06 13:20:20 +00:00
e7d80a7a69 Update src/app/page.tsx 2026-04-06 13:20:20 +00:00
b09fa6dbd7 Merge version_1 into main
Merge version_1 into main
2026-04-06 13:18:44 +00:00
2 changed files with 47 additions and 195 deletions

View File

@@ -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>
); );
} }

View File

@@ -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);