Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 039d279eeb |
425
src/app/page.tsx
425
src/app/page.tsx
@@ -2,364 +2,91 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
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";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-shift"
|
defaultButtonVariant="text-shift"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="pill"
|
borderRadius="pill"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="largeSizeMediumTitles"
|
sizing="largeSizeMediumTitles"
|
||||||
background="floatingGradient"
|
background="floatingGradient"
|
||||||
cardStyle="gradient-bordered"
|
cardStyle="gradient-bordered"
|
||||||
primaryButtonStyle="flat"
|
primaryButtonStyle="flat"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Meet Bill",
|
name: "Meet Bill", id: "#meet-bill"},
|
||||||
id: "#meet-bill",
|
{
|
||||||
},
|
name: "Donate & Support", id: "#donate-support"},
|
||||||
{
|
]}
|
||||||
name: "Vision",
|
button={{
|
||||||
id: "#vision",
|
text: "Volunteer", href: "#meet-bill"}}
|
||||||
},
|
brandName="Bill Chuan for Milpitas City Council 2026"
|
||||||
{
|
/>
|
||||||
name: "Endorsements",
|
</div>
|
||||||
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="meet-bill" data-section="meet-bill">
|
<div id="meet-bill" data-section="meet-bill">
|
||||||
<HeroSplitDoubleCarousel
|
<ContactSplitForm
|
||||||
background={{
|
title="Bill Chuan for Milpitas City Council 2026 BILL WILL"
|
||||||
variant: "plain",
|
description="Dedicated Leadership for Our Community. 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. Join the Campaign below by signing up or Get Involved – Volunteer!"
|
||||||
}}
|
imageSrc="https://d2yxra32j7ym0e.cloudfront.net/images/man-suit-standing-front-us-flag_23-2150821550.webp?_wi=1"
|
||||||
title="Bill Chuan for Milpitas City Council 2026"
|
imageAlt="Bill Chuan, candidate for Milpitas City Council"
|
||||||
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."
|
mediaPosition="left"
|
||||||
leftCarouselItems={[
|
inputs={[
|
||||||
{
|
{ name: "firstName", type: "text", placeholder: "First Name", required: true },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
{ name: "lastName", type: "text", placeholder: "Last Name", required: true },
|
||||||
imageAlt: "Bill Chuan, candidate for Milpitas City Council",
|
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||||
},
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false },
|
||||||
{
|
]}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/supporters-watching-their-team-win-game-mobile-phone_53876-132396.jpg",
|
textarea={{
|
||||||
imageAlt: "Bill Chuan engaging with Milpitas residents",
|
name: "message", placeholder: "Message (optional)", rows: 4,
|
||||||
},
|
required: false,
|
||||||
{
|
}}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-women_1098-13370.jpg",
|
buttonText="Submit (BILL WILL Join the Campaign)"
|
||||||
imageAlt: "Bill Chuan shaking hands with a supporter",
|
onSubmit={(data) => console.log(data)}
|
||||||
},
|
useInvertedBackground={false}
|
||||||
{
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/family-therapist-offers-support-counseling-troubled-teen-her-mother_482257-124843.jpg",
|
</div>
|
||||||
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="experience-values" data-section="experience-values">
|
<div id="donate-support" data-section="donate-support">
|
||||||
<AboutMetric
|
<MediaAbout
|
||||||
useInvertedBackground={true}
|
title="Support Bill's Campaign BILL WILL"
|
||||||
title="Experience and Dedication"
|
description="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!"
|
||||||
metrics={[
|
imageSrc="https://d2yxra32j7ym0e.cloudfront.net/images/happy-volunteers-helping-each-other_23-2150390159.webp?_wi=1"
|
||||||
{
|
imageAlt="Bill Chuan engaging with the Milpitas community"
|
||||||
icon: Award,
|
buttons={[
|
||||||
label: "Years in Community Service",
|
{
|
||||||
value: "10+",
|
text: "Donate Now", href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00"},
|
||||||
},
|
]}
|
||||||
{
|
useInvertedBackground={true}
|
||||||
icon: CheckCircle,
|
/>
|
||||||
label: "Successful Initiatives Led",
|
</div>
|
||||||
value: "7+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Users,
|
|
||||||
label: "Community Engagement Hours",
|
|
||||||
value: "1000+",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
metricsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="vision" data-section="vision">
|
<div id="footer" data-section="footer">
|
||||||
<FeatureCardThree
|
<FooterLogoEmphasis
|
||||||
animationType="slide-up"
|
logoText="© 2026 Bill Chuan for Milpitas City Council 2026, FPPC #1488016"
|
||||||
textboxLayout="default"
|
columns={[
|
||||||
gridVariant="uniform-all-items-equal"
|
{
|
||||||
useInvertedBackground={false}
|
items: [
|
||||||
features={[
|
{ label: "Terms & Conditions", href: "#" },
|
||||||
{
|
{ label: "Privacy Policy", href: "#" },
|
||||||
title: "Safe Communities",
|
{ label: "Accessibility Statement", href: "#" },
|
||||||
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",
|
]}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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="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="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="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>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user