Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,364 +2,135 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, CheckCircle, Users } from "lucide-react";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="medium"
-        sizing="largeSizeMediumTitles"
-        background="floatingGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="layered"
-        headingFontWeight="extrabold"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="largeSizeMediumTitles"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Meet Bill",
-          id: "#meet-bill",
-        },
-        {
-          name: "Vision",
-          id: "#vision",
-        },
-        {
-          name: "Endorsements",
-          id: "#endorsements",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Get Involved",
-          id: "#get-involved",
-        },
-        {
-          name: "Donate",
-          id: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00",
-        },
-      ]}
-      button={{
-        text: "Volunteer",
-        href: "#get-involved",
-      }}
-      brandName="Bill Chuan for Milpitas City Council 2026"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "Meet Bill", id: "#bio" },
+              { name: "Gallery", id: "#gallery" },
+              { name: "Donate", id: "#donate" }
+            ]}
+            button={{
+              text: "Volunteer",              href: "#signup"
+            }}
+            brandName="Bill Chuan for Milpitas City Council 2026"
+          />
+        </div>
 
-  <div id="meet-bill" data-section="meet-bill">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Bill Chuan for Milpitas City Council 2026"
-      description="Bill Chuan is committed to serving Milpitas residents with integrity and transparency. With deep roots in the community and experience in local governance, Bill is ready to listen, lead, and deliver results for every neighborhood in Milpitas."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
-          imageAlt: "Bill Chuan, candidate for Milpitas City Council",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/supporters-watching-their-team-win-game-mobile-phone_53876-132396.jpg",
-          imageAlt: "Bill Chuan engaging with Milpitas residents",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-women_1098-13370.jpg",
-          imageAlt: "Bill Chuan shaking hands with a supporter",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/family-therapist-offers-support-counseling-troubled-teen-her-mother_482257-124843.jpg",
-          imageAlt: "Bill Chuan at a community event",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/group-young-girls-with-champagne-glasses_23-2148270890.jpg",
-          imageAlt: "Bill Chuan at a community gathering",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-volunteers-with-food-donations_23-2149182005.jpg",
-          imageAlt: "Bill Chuan with families in Milpitas",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-executive-with-suit-playing-tug-war_23-2147562059.jpg",
-          imageAlt: "Bill Chuan at a local business event",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-registering-vote-united-states_23-2149096733.jpg",
-          imageAlt: "Candidate interacting with Milpitas voters",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/students-rehashing-theater-class_23-2150960299.jpg",
-          imageAlt: "Bill Chuan speaking at a local event",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-office-looking-revenue-figures-paperwork-close-up_482257-123875.jpg",
-          imageAlt: "Milpitas residents supporting Bill Chuan",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Involved – Volunteer",
-          href: "#get-involved",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/people-doing-cold-exposure-treatment_23-2151205864.jpg",
-          alt: "Smiling Milpitas resident",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/love-concept-with-happy-couple-spending-time-together_23-2149068845.jpg",
-          alt: "Confident community supporter",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/american-elections-vote-right_23-2151841458.jpg",
-          alt: "Enthusiastic Milpitas voter",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/different-people-doing-volunteer-work-with-food_23-2149012169.jpg",
-          alt: "Dedicated campaign volunteer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/super-hero-businessman-protective-facial-mask-red-cape-looking-front-smiling-showing-ok-sign-standing-orange-wall_141793-53302.jpg",
-          alt: "Proud Milpitas citizen",
-        },
-      ]}
-      avatarText="Join over 1,000 Milpitas residents supporting Bill Chuan!"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Milpitas Teachers Association",
-        },
-        {
-          type: "text",
-          text: "Milpitas Small Business Alliance",
-        },
-        {
-          type: "text",
-          text: "Milpitas Senior Advocates",
-        },
-        {
-          type: "text",
-          text: "Friends of Milpitas Parks",
-        },
-        {
-          type: "text",
-          text: "Milpitas Youth Empowerment",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="Bill Will — For Milpitas."
+            description="Bill Will listen. Bill Will lead. Bill Will deliver for every resident of Milpitas."
+            buttons={[]}
+            slides={[
+              { imageSrc: "https://via.placeholder.com/1920x1080/0A1F3B/FFFFFF?text=Bill+Chuan+for+Milpitas", imageAlt: "Bill Chuan for Milpitas City Council" }
+            ]}
+            showDimOverlay={true}
+            className="min-h-[calc(100vh-var(--height-navbar-mobile))] md:min-h-[calc(100vh-var(--height-navbar-desktop))]"
+          />
+        </div>
 
-  <div id="experience-values" data-section="experience-values">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Experience and Dedication"
-      metrics={[
-        {
-          icon: Award,
-          label: "Years in Community Service",
-          value: "10+",
-        },
-        {
-          icon: CheckCircle,
-          label: "Successful Initiatives Led",
-          value: "7+",
-        },
-        {
-          icon: Users,
-          label: "Community Engagement Hours",
-          value: "1000+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="bio" data-section="bio">
+          <MediaAbout
+            title="Meet Bill Chuan"
+            description="Bill Chuan is a familiar face in Milpitas — a community member, a neighbor, and a dedicated public servant. After running in 2024, and with the continued encouragement of his family, his wife, and the people of Milpitas, Bill is back and more determined than ever. He believes in transparent leadership, inclusive growth, and real results for every neighborhood."
+            imageSrc="https://via.placeholder.com/800x600/F5F5DC/333333?text=Bill+Chuan+Bio+Photo"
+            imageAlt="Bill Chuan, community member"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="vision" data-section="vision">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Safe Communities",
-          description: "Prioritizing public safety with increased police presence, community policing, and proactive crime prevention programs to ensure Milpitas remains a safe place to live and raise families.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149091972.jpg",
-          imageAlt: "Police car in a safe neighborhood",
-        },
-        {
-          title: "Thriving Local Economy",
-          description: "Supporting local businesses, attracting new investments, and creating job opportunities to foster a robust and sustainable economy that benefits all Milpitas residents.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cityscape-with-little-planet-effect_1359-245.jpg",
-          imageAlt: "Bustling downtown street with shops",
-        },
-        {
-          title: "Quality Education",
-          description: "Advocating for our schools, investing in educational resources, and fostering partnerships between schools and the community to ensure every child has access to excellent learning opportunities.",
-          imageSrc: "http://img.b2bpic.net/free-photo/reading-lesson-top-view-young-smiling-woman-touching-with-finger-page-book-teaching-children-reading-sitting-table-library_259150-58172.jpg",
-          imageAlt: "Children learning in a classroom",
-        },
-      ]}
-      title="Bill's Vision for Milpitas"
-      description="Bill Chuan is focused on building a stronger, more vibrant Milpitas for all residents. His platform addresses the key issues that matter most to our community."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <ProductCardThree
+            title="Bill in the Community"
+            description="See Bill engaging with residents and working for Milpitas."
+            gridVariant="bento-grid"
+            animationType="slide-up"
+            products={[
+              { id: '1', name: 'Community Event', price: '', imageSrc: 'https://via.placeholder.com/600x400/FFD700/0A1F3B?text=Bill+Engaging+1' },
+              { id: '2', name: 'Meeting Neighbors', price: '', imageSrc: 'https://via.placeholder.com/600x400/0A1F3B/FFD700?text=Bill+Engaging+2' },
+              { id: '3', name: 'Public Engagement', price: '', imageSrc: 'https://via.placeholder.com/600x400/FFFFFF/0A1F3B?text=Bill+Engaging+3' },
+              { id: '4', name: 'Listening to Residents', price: '', imageSrc: 'https://via.placeholder.com/600x400/0A1F3B/FFFFFF?text=Bill+Engaging+4' }
+            ]}
+            useInvertedBackground={true}
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="endorsements" data-section="endorsements">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Chen",
-          handle: "@milpitas_mama",
-          testimonial: "Bill truly listens to our concerns and has a clear vision for Milpitas. His commitment to families is inspiring!",
-          imageSrc: "http://img.b2bpic.net/free-photo/disgusted-guy-grimacing-jumping-away-from-something-nasty-stare-with-aversion-dislike-reject_1258-163157.jpg",
-          imageAlt: "Sarah Chen",
-        },
-        {
-          id: "2",
-          name: "David Ramirez",
-          handle: "@local_business_owner",
-          testimonial: "As a small business owner, I appreciate Bill's focus on economic growth and supporting local ventures. He understands our needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
-          imageAlt: "David Ramirez",
-        },
-        {
-          id: "3",
-          name: "Emily Patel",
-          handle: "@community_volunteer",
-          testimonial: "Bill's integrity and transparency are exactly what Milpitas needs. He's a true public servant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-outdoors_23-2149536732.jpg",
-          imageAlt: "Emily Patel",
-        },
-        {
-          id: "4",
-          name: "Mark Johnson",
-          handle: "@concerned_citizen",
-          testimonial: "I'm impressed by Bill's dedication to improving public safety. Our community feels safer knowing he's advocating for us.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2963.jpg",
-          imageAlt: "Mark Johnson",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          handle: "@milpitas_teacher",
-          testimonial: "Bill is a strong advocate for education. His support for our schools will make a real difference for our children's future.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195175.jpg",
-          imageAlt: "Jessica Lee",
-        },
-      ]}
-      title="Voices from Milpitas"
-      description="Hear what residents are saying about Bill Chuan's dedication and leadership."
-    />
-  </div>
+        <div id="donate" data-section="donate">
+          <MediaAbout
+            title="Bill Will fight for Milpitas — will you fight for Bill?"
+            description="Your support fuels this campaign. Every dollar helps Bill reach more neighbors, share his vision, and bring honest leadership to City Hall."
+            buttons={[
+              {
+                text: "Donate Now",                href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00"
+              },
+            ]}
+            imageSrc="https://via.placeholder.com/800x600/0A1F3B/FFFFFF?text=Fight+for+Bill"
+            imageAlt="Bill Chuan campaign donation"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="community-supporters" data-section="community-supporters">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Milpitas Residents",
-        "Local Business Owners",
-        "Community Leaders",
-        "Milpitas Families",
-        "Educators",
-        "Senior Citizens",
-        "Young Professionals",
-      ]}
-      title="Proudly Supported by Milpitas Residents"
-      description="Bill Chuan is honored to have the support of a diverse group of community members, local leaders, and organizations dedicated to Milpitas's prosperity."
-    />
-  </div>
+        <div id="signup" data-section="signup">
+          <ContactSplitForm
+            title="Join the Campaign"
+            description="Volunteer your time and make a difference. Sign up below to get involved!"
+            imageSrc="https://via.placeholder.com/800x600/FFD700/0A1F3B?text=Volunteer+for+Bill"
+            imageAlt="Volunteers working on Bill Chuan campaign"
+            mediaPosition="right"
+            inputs={[
+              { name: "firstName", type: "text", placeholder: "First Name", required: true },
+              { name: "lastName", type: "text", placeholder: "Last Name", required: true },
+              { name: "email", type: "email", placeholder: "Email", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
+            ]}
+            textarea={{
+              name: "message",              placeholder: "Message (optional)",              rows: 4,
+              required: false,
+            }}
+            buttonText="Volunteer"
+            onSubmit={(data) => console.log(data)}
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "What are Bill Chuan's top priorities for Milpitas?",
-          content: "Bill's top priorities include enhancing public safety, fostering a thriving local economy, ensuring quality education, and promoting transparent and responsive local governance.",
-        },
-        {
-          id: "q2",
-          title: "How can I volunteer for the campaign?",
-          content: "We welcome all volunteers! You can sign up through our 'Join the Campaign' section below to help with various activities such as phone banking, canvassing, and event support.",
-        },
-        {
-          id: "q3",
-          title: "Where can I learn more about Bill's experience?",
-          content: "Bill has over 10 years of dedicated community service and has led several successful initiatives. More details about his background and achievements are available in the 'Meet Bill' section.",
-        },
-        {
-          id: "q4",
-          title: "Is it possible to donate offline?",
-          content: "Yes, if you prefer to donate offline, please contact our campaign office through the 'Get Involved' section. We can provide details for mailing contributions.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Find answers to common questions about Bill Chuan's campaign, his stances on key issues, and how you can get involved."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="get-involved" data-section="get-involved">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      text="Thank you to all who supported Bill in 2024. After reflection, prayer, and encouragement from family and the Milpitas community, Bill is proud to run again in 2026. Your support makes this possible. Join the conversation on social media!"
-      buttons={[
-        {
-          text: "Join the Campaign",
-          href: "#",
-        },
-        {
-          text: "Donate Now",
-          href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="© 2026 Bill Chuan for Milpitas City Council 2026, FPPC #1488016"
-      leftLink={{
-        text: "Terms & Conditions",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="© 2026 Bill Chuan for Milpitas City Council 2026, FPPC #1488016. Join the Conversation [Social Icons Placeholder]"
+            columns={[
+              {
+                items: [
+                  { label: "Terms & Conditions", href: "#" },
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Accessibility Statement", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/variables.css

@@ -10,12 +10,12 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1f3251;
+  --background: #FFFFFF;
+  --card: #F9F9F9;
+  --foreground: #0A1F3B;
+  --primary-cta: #0A1F3B;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #FFFFFF;
   --secondary-cta-text: #1c1c1c;
   --accent: #FFD700;
   --background-accent: #DAA520;