Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -31,22 +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"
     />
@@ -54,62 +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",
-          alt: "Supporter 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/emotive-headshot-portrait-cheerful-young-woman_1163-5176.jpg",
-          alt: "Supporter 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928791.jpg",
-          alt: "Supporter 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg",
-          alt: "Supporter 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident_1258-194088.jpg",
-          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>
@@ -121,20 +70,11 @@ 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"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-people-connecting-through-hands_23-2149125877.jpg?_wi=1"
       mediaAnimation="slide-up"
     />
   </div>
@@ -145,31 +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."
@@ -182,16 +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."
@@ -202,26 +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."
@@ -236,26 +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",
-          alt: "A",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-protesting-with-placard-world-environment-day-outdoors_23-2149571844.jpg",
-          alt: "B",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg",
-          alt: "C",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-black-leggins-fitness-outfit-pink-background_285396-10851.jpg",
-          alt: "D",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg",
-          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"
@@ -265,10 +145,12 @@ export default function LandingPage() {
   <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"
+      background={{ variant: "gradient-bars" }}
+      text="Emergency Helpline: 1-800-SAFE-NOW"
+      buttons={[
+        { text: "Call for Support Now", href: "tel:18007233669" }
+      ]}
+      buttonClassName="bg-red-600 text-white font-bold text-lg px-8 py-4"
     />
   </div>
 
@@ -276,32 +158,8 @@ 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>

src/app/styles/variables.css

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