Update src/app/page.tsx
This commit is contained in:
231
src/app/page.tsx
231
src/app/page.tsx
@@ -32,82 +32,52 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "features",
|
||||
},
|
||||
name: "Events", id: "features"},
|
||||
{
|
||||
name: "Auction",
|
||||
id: "products",
|
||||
},
|
||||
name: "Auction", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Church Fundraiser"
|
||||
button={{ text: "Donate", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Join Us for Our Annual Church Fundraiser!"
|
||||
description="Come support our church and community through a fun-filled day of delicious BBQ, charity car wash, bouncy castles, and a fantastic auction. Together, we make a difference."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-african-woman-walking_171337-13704.jpg",
|
||||
alt: "volunteer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-african-woman-walking_171337-13704.jpg", alt: "volunteer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-man-with-hipster-beard_23-2148298303.jpg",
|
||||
alt: "volunteer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-man-with-hipster-beard_23-2148298303.jpg", alt: "volunteer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-working-together_23-2149181995.jpg",
|
||||
alt: "volunteer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-working-together_23-2149181995.jpg", alt: "volunteer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-grilling-bbq-tailgate-party_53876-132052.jpg",
|
||||
alt: "volunteer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-grilling-bbq-tailgate-party_53876-132052.jpg", alt: "volunteer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-celebrating-outside_23-2149383108.jpg",
|
||||
alt: "Happy family celebrating outside",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-celebrating-outside_23-2149383108.jpg", alt: "Happy family celebrating outside"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Community BBQ",
|
||||
},
|
||||
type: "text", text: "Community BBQ"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Charity Car Wash",
|
||||
},
|
||||
type: "text", text: "Charity Car Wash"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bouncy Castle",
|
||||
},
|
||||
type: "text", text: "Bouncy Castle"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bake Sale",
|
||||
},
|
||||
type: "text", text: "Bake Sale"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Silent Auction",
|
||||
},
|
||||
type: "text", text: "Silent Auction"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,9 +87,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Supporting Our Community Mission"
|
||||
description={[
|
||||
"Our church fundraiser brings families together for a day of joy and service. Every dollar raised supports our outreach programs, community support initiatives, and local youth ministry.",
|
||||
"Whether you come for the freshly grilled BBQ, a clean car, or the fun bouncy castle, your presence helps us achieve our goal of building a stronger community.",
|
||||
]}
|
||||
"Our church fundraiser brings families together for a day of joy and service. Every dollar raised supports our outreach programs, community support initiatives, and local youth ministry.", "Whether you come for the freshly grilled BBQ, a clean car, or the fun bouncy castle, your presence helps us achieve our goal of building a stronger community."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,29 +99,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Community BBQ",
|
||||
description: "Savor delicious burgers, hot dogs, and traditional BBQ favorites freshly grilled by our volunteers.",
|
||||
},
|
||||
title: "Community BBQ", description: "Savor delicious burgers, hot dogs, and traditional BBQ favorites freshly grilled by our volunteers."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Charity Car Wash",
|
||||
description: "Let us take care of your car while you enjoy the event! A sparkling wash for a great cause.",
|
||||
},
|
||||
title: "Charity Car Wash", description: "Let us take care of your car while you enjoy the event! A sparkling wash for a great cause."},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Kids Bouncy Castle",
|
||||
description: "Hours of non-stop fun for the little ones in our safe, inflatable bouncy castle area.",
|
||||
},
|
||||
title: "Kids Bouncy Castle", description: "Hours of non-stop fun for the little ones in our safe, inflatable bouncy castle area."},
|
||||
{
|
||||
icon: Cookie,
|
||||
title: "Bake Sale",
|
||||
description: "Indulge in sweet treats, handmade cakes, and cookies at our community bake sale.",
|
||||
},
|
||||
title: "Bake Sale", description: "Indulge in sweet treats, handmade cakes, and cookies at our community bake sale."},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Auction Event",
|
||||
description: "Bid on incredible items donated by our local community to help raise funds.",
|
||||
},
|
||||
title: "Auction Event", description: "Bid on incredible items donated by our local community to help raise funds."},
|
||||
]}
|
||||
title="Event Highlights"
|
||||
description="An action-packed day of events for all ages. Join in, have fun, and support our cause."
|
||||
@@ -168,47 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Artisanal Quilt",
|
||||
price: "Current Bid: $150",
|
||||
variant: "Handmade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fig-basket-grey-background_140725-138047.jpg",
|
||||
},
|
||||
id: "1", name: "Artisanal Quilt", price: "Current Bid: $150", variant: "Handmade", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fig-basket-grey-background_140725-138047.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gift Basket Set",
|
||||
price: "Current Bid: $75",
|
||||
variant: "Gift",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-various-cookies-wooden-board-with-pinecones-high-quality-photo_114579-68801.jpg",
|
||||
},
|
||||
id: "2", name: "Gift Basket Set", price: "Current Bid: $75", variant: "Gift", imageSrc: "http://img.b2bpic.net/free-photo/bunch-various-cookies-wooden-board-with-pinecones-high-quality-photo_114579-68801.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Original Painting",
|
||||
price: "Current Bid: $200",
|
||||
variant: "Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-woman-garage-sale_23-2150540719.jpg",
|
||||
},
|
||||
id: "3", name: "Original Painting", price: "Current Bid: $200", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-woman-garage-sale_23-2150540719.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Spa Weekend Voucher",
|
||||
price: "Current Bid: $350",
|
||||
variant: "Voucher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/giftbox-colorful-confetti_23-2147779116.jpg",
|
||||
},
|
||||
id: "4", name: "Spa Weekend Voucher", price: "Current Bid: $350", variant: "Voucher", imageSrc: "http://img.b2bpic.net/free-photo/giftbox-colorful-confetti_23-2147779116.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Handmade Ceramics",
|
||||
price: "Current Bid: $90",
|
||||
variant: "Craft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-small-christmas-balls-with-burlap-basket-marble-wall_114579-21305.jpg",
|
||||
},
|
||||
id: "5", name: "Handmade Ceramics", price: "Current Bid: $90", variant: "Craft", imageSrc: "http://img.b2bpic.net/free-photo/two-small-christmas-balls-with-burlap-basket-marble-wall_114579-21305.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vintage Books Collection",
|
||||
price: "Current Bid: $120",
|
||||
variant: "Books",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-art-studio-composition_23-2147868265.jpg",
|
||||
},
|
||||
id: "6", name: "Vintage Books Collection", price: "Current Bid: $120", variant: "Books", imageSrc: "http://img.b2bpic.net/free-photo/modern-art-studio-composition_23-2147868265.jpg"},
|
||||
]}
|
||||
title="Charity Auction Items"
|
||||
description="Bid on these unique items donated by our generous community members."
|
||||
@@ -221,60 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Miller",
|
||||
date: "Oct 2024",
|
||||
title: "Longtime Attendee",
|
||||
quote: "The BBQ was spectacular and my kids loved the bouncy castle!",
|
||||
tag: "Event",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-looking-confident-showing-thumbs-up-green-wall_141793-29335.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-girlfriends-sitting-table-together-celebrating-birthday-outdoor-park_613910-4032.jpg",
|
||||
imageAlt: "smiling church member volunteer portrait",
|
||||
},
|
||||
id: "1", name: "Jane Miller", date: "Oct 2024", title: "Longtime Attendee", quote: "The BBQ was spectacular and my kids loved the bouncy castle!", tag: "Event", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-looking-confident-showing-thumbs-up-green-wall_141793-29335.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-girlfriends-sitting-table-together-celebrating-birthday-outdoor-park_613910-4032.jpg", imageAlt: "smiling church member volunteer portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Thompson",
|
||||
date: "Oct 2024",
|
||||
title: "Volunteer",
|
||||
quote: "Seeing the community come together to support the car wash is always the highlight of my year.",
|
||||
tag: "Volunteer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262138.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-squatting-sideways-camera-looking-marshmallows_259150-58524.jpg?_wi=1",
|
||||
imageAlt: "smiling church member volunteer portrait",
|
||||
},
|
||||
id: "2", name: "Bob Thompson", date: "Oct 2024", title: "Volunteer", quote: "Seeing the community come together to support the car wash is always the highlight of my year.", tag: "Volunteer", avatarSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262138.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-squatting-sideways-camera-looking-marshmallows_259150-58524.jpg", imageAlt: "smiling church member volunteer portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Davis",
|
||||
date: "Oct 2024",
|
||||
title: "Parent",
|
||||
quote: "It is such a fun, safe environment for our families. We love the bake sale!",
|
||||
tag: "Family",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/friends-taking-selfie-tailgate-party_53876-139606.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-making-skewers_23-2149412467.jpg",
|
||||
imageAlt: "smiling church member volunteer portrait",
|
||||
},
|
||||
id: "3", name: "Sarah Davis", date: "Oct 2024", title: "Parent", quote: "It is such a fun, safe environment for our families. We love the bake sale!", tag: "Family", avatarSrc: "http://img.b2bpic.net/free-photo/friends-taking-selfie-tailgate-party_53876-139606.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-making-skewers_23-2149412467.jpg", imageAlt: "smiling church member volunteer portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Wilson",
|
||||
date: "Oct 2024",
|
||||
title: "Auction Donor",
|
||||
quote: "The quality of auction items this year was absolutely incredible.",
|
||||
tag: "Donor",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-artist-recommending-acrylic-paints-create-beautiful-artwork_482257-100503.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg",
|
||||
imageAlt: "smiling church member volunteer portrait",
|
||||
},
|
||||
id: "4", name: "Mike Wilson", date: "Oct 2024", title: "Auction Donor", quote: "The quality of auction items this year was absolutely incredible.", tag: "Donor", avatarSrc: "http://img.b2bpic.net/free-photo/woman-artist-recommending-acrylic-paints-create-beautiful-artwork_482257-100503.jpg", imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg", imageAlt: "smiling church member volunteer portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Reed",
|
||||
date: "Oct 2024",
|
||||
title: "Attendee",
|
||||
quote: "I look forward to this event every single year, it's just amazing.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-train_23-2148700875.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-boy-bounce-house_23-2149551562.jpg",
|
||||
imageAlt: "smiling church member volunteer portrait",
|
||||
},
|
||||
id: "5", name: "Emily Reed", date: "Oct 2024", title: "Attendee", quote: "I look forward to this event every single year, it's just amazing.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-train_23-2148700875.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-boy-bounce-house_23-2149551562.jpg", imageAlt: "smiling church member volunteer portrait"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear what our neighbors say about our annual fundraiser event."
|
||||
@@ -287,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the fundraiser open to the public?",
|
||||
content: "Yes, we invite everyone from the community to attend and support our cause.",
|
||||
},
|
||||
id: "1", title: "Is the fundraiser open to the public?", content: "Yes, we invite everyone from the community to attend and support our cause."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I donate items for the auction?",
|
||||
content: "Absolutely! We welcome donations until three days before the event.",
|
||||
},
|
||||
id: "2", title: "Can I donate items for the auction?", content: "Absolutely! We welcome donations until three days before the event."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I pay for the items?",
|
||||
content: "We accept cash, credit cards, and digital payment methods on the day.",
|
||||
},
|
||||
id: "3", title: "How do I pay for the items?", content: "We accept cash, credit cards, and digital payment methods on the day."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about the fundraiser? We have answers."
|
||||
@@ -312,14 +186,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Involved"
|
||||
title="Interested in Volunteering?"
|
||||
description="Send us your email if you'd like to help run the BBQ, wash cars, or assist in our auction."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Sign Up Now"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-squatting-sideways-camera-looking-marshmallows_259150-58524.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-squatting-sideways-camera-looking-marshmallows_259150-58524.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -327,33 +200,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "BBQ & Car Wash",
|
||||
href: "#features",
|
||||
},
|
||||
label: "BBQ & Car Wash", href: "#features"},
|
||||
{
|
||||
label: "Auction Items",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Auction Items", href: "#products"},
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Volunteer", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us",
|
||||
items: [
|
||||
title: "Contact Us", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@church.org",
|
||||
},
|
||||
label: "Email", href: "mailto:info@church.org"},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
label: "Phone", href: "tel:+1234567890"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user