Update src/app/page.tsx
This commit is contained in:
274
src/app/page.tsx
274
src/app/page.tsx
@@ -34,43 +34,28 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Bill",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Bill", id: "#about"},
|
||||
{
|
||||
name: "Platform",
|
||||
id: "#platform",
|
||||
},
|
||||
name: "Platform", id: "#platform"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "#impact",
|
||||
},
|
||||
name: "Impact", id: "#impact"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#support",
|
||||
},
|
||||
name: "Support", id: "#support"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="Bill Chuan"
|
||||
button={{
|
||||
text: "Donate Now",
|
||||
href: "#donate",
|
||||
}}
|
||||
text: "Donate Now", href: "#donate"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
variant: "downward-rays-animated"}}
|
||||
imagePosition="right"
|
||||
title="Bill Will"
|
||||
description="Honest leadership for every corner of Milpitas"
|
||||
@@ -78,9 +63,7 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Movement",
|
||||
href: "#platform",
|
||||
},
|
||||
text: "Join the Movement", href: "https://forms.gle/VBCjHUsJUjnYTzRU6"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-man-voter-registration-day_23-2149096719.jpg"
|
||||
@@ -89,51 +72,30 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-learning-make-sushi_23-2151202924.jpg",
|
||||
alt: "Milpitas resident smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-learning-make-sushi_23-2151202924.jpg", alt: "Milpitas resident smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-asian-leader-his-team-specialists_1262-4868.jpg",
|
||||
alt: "Community leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-asian-leader-his-team-specialists_1262-4868.jpg", alt: "Community leader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-handsome-happy-enthusiastic-guy-striped-shirt-sitting-kitchen-table-with-arms-crossed_343059-3858.jpg",
|
||||
alt: "Local business owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-handsome-happy-enthusiastic-guy-striped-shirt-sitting-kitchen-table-with-arms-crossed_343059-3858.jpg", alt: "Local business owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-hispanic-mother-her-cute-little-daughter-have-fun-kitchen_613910-19781.jpg",
|
||||
alt: "Parent smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-hispanic-mother-her-cute-little-daughter-have-fun-kitchen_613910-19781.jpg", alt: "Parent smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-phone_23-2148018601.jpg",
|
||||
alt: "Engaged citizen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-phone_23-2148018601.jpg", alt: "Engaged citizen"},
|
||||
]}
|
||||
avatarText="Trusted by hundreds in Milpitas"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Community First",
|
||||
type: "text", text: "Community First"},
|
||||
{
|
||||
type: "text-icon", text: "Local Schools", icon: GraduationCap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Schools",
|
||||
icon: GraduationCap,
|
||||
type: "text", text: "Economic Growth"},
|
||||
{
|
||||
type: "text-icon", text: "Public Safety", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Economic Growth",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Public Safety",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/central-nativity-cathedral-chisinau-moldova_1268-16715.jpg",
|
||||
alt: "Milpitas City Hall",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/central-nativity-cathedral-chisinau-moldova_1268-16715.jpg", alt: "Milpitas City Hall"},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
showMarqueeCard={true}
|
||||
@@ -147,19 +109,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Years in Public Service",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years in Public Service", value: "15+"},
|
||||
{
|
||||
icon: Building,
|
||||
label: "Community Initiatives Led",
|
||||
value: "200+",
|
||||
},
|
||||
label: "Community Initiatives Led", value: "200+"},
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Successful Partnerships",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Successful Partnerships", value: "50+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -172,50 +128,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "transparency",
|
||||
title: "Open Government",
|
||||
subtitle: "Ensuring transparency and accountability in all city decisions.",
|
||||
category: "Core Value",
|
||||
value: "Transparency",
|
||||
buttons: [
|
||||
id: "transparency", title: "Open Government", subtitle: "Ensuring transparency and accountability in all city decisions.", category: "Core Value", value: "Transparency", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
text: "Learn More", href: "#platform"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "education",
|
||||
title: "Strong Schools",
|
||||
subtitle: "Advocating for better resources and support for our local schools.",
|
||||
category: "Priority",
|
||||
value: "Education",
|
||||
buttons: [
|
||||
id: "education", title: "Strong Schools", subtitle: "Advocating for better resources and support for our local schools.", category: "Priority", value: "Education", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
text: "Learn More", href: "#platform"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "economy",
|
||||
title: "Thriving Economy",
|
||||
subtitle: "Fostering local businesses and creating economic opportunities for all.",
|
||||
category: "Growth",
|
||||
value: "Economy",
|
||||
buttons: [
|
||||
id: "economy", title: "Thriving Economy", subtitle: "Fostering local businesses and creating economic opportunities for all.", category: "Growth", value: "Economy", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
text: "Learn More", href: "#platform"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "safety",
|
||||
title: "Safe Neighborhoods",
|
||||
subtitle: "Working with law enforcement to ensure a safe community for every family.",
|
||||
category: "Security",
|
||||
value: "Safety",
|
||||
buttons: [
|
||||
id: "safety", title: "Safe Neighborhoods", subtitle: "Working with law enforcement to ensure a safe community for every family.", category: "Security", value: "Safety", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
text: "Learn More", href: "#platform"
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -232,23 +168,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Community Engagement Programs",
|
||||
value: "15+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Community Engagement Programs", value: "15+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Leaf,
|
||||
title: "Local Environmental Initiatives",
|
||||
value: "8",
|
||||
},
|
||||
id: "m2", icon: Leaf,
|
||||
title: "Local Environmental Initiatives", value: "8"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Car,
|
||||
title: "Youth Recreation Programs",
|
||||
value: "10+",
|
||||
},
|
||||
id: "m3", icon: Car,
|
||||
title: "Youth Recreation Programs", value: "10+"},
|
||||
]}
|
||||
title="Making a Tangible Impact"
|
||||
description="Bill Chuan's dedication has translated into real, measurable progress for Milpitas residents."
|
||||
@@ -260,14 +187,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Milpitas Chamber of Commerce",
|
||||
"Milpitas Education Foundation",
|
||||
"Milpitas Community Action Network",
|
||||
"Milpitas Senior Center",
|
||||
"Milpitas Youth Sports League",
|
||||
"Milpitas Arts Council",
|
||||
"Milpitas Health Alliance",
|
||||
]}
|
||||
"Milpitas Chamber of Commerce", "Milpitas Education Foundation", "Milpitas Community Action Network", "Milpitas Senior Center", "Milpitas Youth Sports League", "Milpitas Arts Council", "Milpitas Health Alliance"]}
|
||||
title="Trusted by the Community"
|
||||
description="Bill Chuan proudly stands with various organizations and leaders committed to Milpitas's betterment."
|
||||
speed={40}
|
||||
@@ -282,47 +202,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Milpitas Resident",
|
||||
testimonial: "Bill truly listens to our concerns and takes action. His presence in the community is consistent and authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891374.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Milpitas Resident", testimonial: "Bill truly listens to our concerns and takes action. His presence in the community is consistent and authentic.", imageSrc: "http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891374.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Community Organizer",
|
||||
testimonial: "Working with Bill has shown me his deep commitment to Milpitas. He's the responsive partner our city needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-front-partner-tie-businessman_1262-2729.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Community Organizer", testimonial: "Working with Bill has shown me his deep commitment to Milpitas. He's the responsive partner our city needs.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-front-partner-tie-businessman_1262-2729.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Parent & Educator",
|
||||
testimonial: "Bill cares about our schools and the quality of life for our children. He's a true advocate for younger families.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter_1157-6439.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Parent & Educator", testimonial: "Bill cares about our schools and the quality of life for our children. He's a true advocate for younger families.", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter_1157-6439.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Local Business Owner",
|
||||
testimonial: "Bill's vision for Milpitas's economy is exactly what we need. He supports local businesses and fosters growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-students-with-papers-communicating_23-2147657206.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Local Business Owner", testimonial: "Bill's vision for Milpitas's economy is exactly what we need. He supports local businesses and fosters growth.", imageSrc: "http://img.b2bpic.net/free-photo/two-students-with-papers-communicating_23-2147657206.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Aisha Patel",
|
||||
role: "Civic Volunteer",
|
||||
testimonial: "Inspired by Bill's transparency and results-driven approach. It's an honor to stand with him for Milpitas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502763.jpg",
|
||||
},
|
||||
id: "5", name: "Aisha Patel", role: "Civic Volunteer", testimonial: "Inspired by Bill's transparency and results-driven approach. It's an honor to stand with him for Milpitas.", imageSrc: "http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502763.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Miller",
|
||||
role: "Retired Educator",
|
||||
testimonial: "Having seen many leaders, Bill Chuan stands out for his integrity and genuine desire to serve our city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310937.jpg",
|
||||
},
|
||||
id: "6", name: "Robert Miller", role: "Retired Educator", testimonial: "Having seen many leaders, Bill Chuan stands out for his integrity and genuine desire to serve our city.", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310937.jpg"},
|
||||
]}
|
||||
title="What Milpitas Says About Bill"
|
||||
description="Hear directly from residents, community leaders, and families who trust Bill Chuan to deliver for our city."
|
||||
@@ -334,28 +224,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What are Bill's top priorities for Milpitas?",
|
||||
content: "Bill's top priorities include improving local education, fostering economic growth, ensuring public safety, and promoting transparent governance for all residents.",
|
||||
},
|
||||
id: "faq1", title: "What are Bill's top priorities for Milpitas?", content: "Bill's top priorities include improving local education, fostering economic growth, ensuring public safety, and promoting transparent governance for all residents."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How can I get involved with the campaign?",
|
||||
content: "There are many ways to get involved! You can volunteer your time, make a donation, or attend our upcoming community events. Visit our 'Volunteer' section for details.",
|
||||
},
|
||||
id: "faq2", title: "How can I get involved with the campaign?", content: "There are many ways to get involved! You can volunteer your time, make a donation, or attend our upcoming community events. Visit our 'Volunteer' section for details."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Where does Bill stand on local development?",
|
||||
content: "Bill supports responsible and sustainable development that benefits existing residents, prioritizes affordable housing, and enhances our city's infrastructure without compromising Milpitas's unique character.",
|
||||
},
|
||||
id: "faq3", title: "Where does Bill stand on local development?", content: "Bill supports responsible and sustainable development that benefits existing residents, prioritizes affordable housing, and enhances our city's infrastructure without compromising Milpitas's unique character."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find answers to frequently asked questions about Bill Chuan's campaign and his vision for Milpitas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -371,16 +250,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "support",
|
||||
badge: "Every Contribution Matters",
|
||||
badgeIcon: Heart,
|
||||
price: "Join the Movement",
|
||||
subtitle: "Your support fuels Bill's fight for Milpitas. Every dollar helps us reach more voters and secure our city's future.",
|
||||
buttons: [
|
||||
id: "support", badge: "Every Contribution Matters", badgeIcon: Heart,
|
||||
price: "Join the Movement", subtitle: "Your support fuels Bill's fight for Milpitas. Every dollar helps us reach more voters and secure our city's future.", buttons: [
|
||||
{
|
||||
text: "Donate Now",
|
||||
href: "https://stripe.com",
|
||||
},
|
||||
text: "Donate Now", href: "https://stripe.com"},
|
||||
],
|
||||
features: [],
|
||||
},
|
||||
@@ -394,14 +267,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Be Part of Something Real"
|
||||
buttons={[
|
||||
{
|
||||
text: "Volunteer with the Campaign",
|
||||
href: "#volunteer-form",
|
||||
},
|
||||
text: "Volunteer with the Campaign", href: "https://forms.gle/VBCjHUsJUjnYTzRU6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -414,49 +284,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Bill",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Bill", href: "#about"},
|
||||
{
|
||||
label: "Platform",
|
||||
href: "#platform",
|
||||
},
|
||||
label: "Platform", href: "#platform"},
|
||||
{
|
||||
label: "Impact",
|
||||
href: "#impact",
|
||||
},
|
||||
label: "Impact", href: "#impact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Volunteer", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Donate",
|
||||
href: "#donate",
|
||||
},
|
||||
label: "Donate", href: "#donate"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user