bender/787d6c39-e9be-41f2-94cd-b71ad33c6784
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 03:44:33 +00:00
parent 4fc0334181
commit 091f1762e5
1 changed files with 51 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

292
src/app/page.tsx
View File

@@ -33,22 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Services", id: "features" },
id: "hero", { name: "Reviews", id: "testimonials" },
}, { name: "Contact", id: "contact" },
{
name: "Services",
id: "features",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="PartyFind" brandName="PartyFind"
/> />
@@ -58,34 +46,14 @@ export default function LandingPage() {
<HeroOverlay <HeroOverlay
title="Unforgettable Parties, Simplified." title="Unforgettable Parties, Simplified."
description="Discover the best party venues, caterers, and entertainers in your neighborhood. Book everything you need for your perfect event in minutes." description="Discover the best party venues, caterers, and entertainers in your neighborhood. Book everything you need for your perfect event in minutes."
buttons={[ buttons={[{ text: "Start Planning", href: "#features" }]}
{ imageSrc="http://img.b2bpic.net/free-photo/new-year-composition-with-party-letters_23-2147724131.jpg"
text: "Start Planning",
href: "#features",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/new-year-composition-with-party-letters_23-2147724131.jpg?_wi=1"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/colorful-bunting-flags-with-bright-background_9975-24665.jpg", alt: "User avatar 1" },
src: "http://img.b2bpic.net/free-photo/colorful-bunting-flags-with-bright-background_9975-24665.jpg", { src: "http://img.b2bpic.net/free-photo/baking-powder-wooden-background-generative-ai_169016-29724.jpg", alt: "User avatar 2" },
alt: "User avatar 1", { src: "http://img.b2bpic.net/free-photo/baking-powder-wooden-background-generative-ai_169016-29850.jpg", alt: "User avatar 3" },
}, { src: "http://img.b2bpic.net/free-photo/celebration-background-with-champagne-confetti_23-2152031243.jpg", alt: "User avatar 4" },
{ { src: "http://img.b2bpic.net/free-photo/birthday-concept-with-friends-happy-see-each-other_23-2147716806.jpg", alt: "User avatar 5" },
src: "http://img.b2bpic.net/free-photo/baking-powder-wooden-background-generative-ai_169016-29724.jpg",
alt: "User avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/baking-powder-wooden-background-generative-ai_169016-29850.jpg",
alt: "User avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/celebration-background-with-champagne-confetti_23-2152031243.jpg",
alt: "User avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/birthday-concept-with-friends-happy-see-each-other_23-2147716806.jpg",
alt: "User avatar 5",
},
]} ]}
avatarText="Join 5,000+ satisfied hosts" avatarText="Join 5,000+ satisfied hosts"
/> />
@@ -99,7 +67,7 @@ export default function LandingPage() {
description="PartyFind connects local event hosts with trusted professionals, ensuring every celebration is stress-free and memorable." description="PartyFind connects local event hosts with trusted professionals, ensuring every celebration is stress-free and memorable."
subdescription="Our platform verifies every service provider to guarantee quality for your special day." subdescription="Our platform verifies every service provider to guarantee quality for your special day."
icon={Users} icon={Users}
imageSrc="http://img.b2bpic.net/free-photo/cheerful-friends-sitting-table-applauding_23-2147668908.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/cheerful-friends-sitting-table-applauding_23-2147668908.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -111,49 +79,25 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Seamless Booking", title: "Seamless Booking", description: "Manage your entire schedule from our centralized platform.", icon: Calendar,
description: "Manage your entire schedule from our centralized platform.",
icon: Calendar,
mediaItems: [ mediaItems: [
{ { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-party-decorations-with-laptop_23-2149426566.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-party-decorations-with-laptop_23-2149426566.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-party-decorations-laptop_23-2149426574.jpg" },
}, ]
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-party-decorations-laptop_23-2149426574.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/new-year-composition-with-party-letters_23-2147724131.jpg?_wi=2",
imageAlt: "party planning online booking concept",
}, },
{ {
title: "Trusted Vendors", title: "Trusted Vendors", description: "Verified caterers, photographers, and equipment rentals.", icon: ShieldCheck,
description: "Verified caterers, photographers, and equipment rentals.",
icon: ShieldCheck,
mediaItems: [ mediaItems: [
{ { imageSrc: "http://img.b2bpic.net/free-photo/celebration-wedding-luxury-service-decoration_1203-4937.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/celebration-wedding-luxury-service-decoration_1203-4937.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/wineglasses-stand-table-before-restaurant_8353-9656.jpg" },
}, ]
{
imageSrc: "http://img.b2bpic.net/free-photo/wineglasses-stand-table-before-restaurant_8353-9656.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-sitting-table-applauding_23-2147668908.jpg?_wi=2",
imageAlt: "party planning online booking concept",
}, },
{ {
title: "Entertainment Hub", title: "Entertainment Hub", description: "Find the best DJs, live bands, and performers.", icon: Music,
description: "Find the best DJs, live bands, and performers.",
icon: Music,
mediaItems: [ mediaItems: [
{ { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musicians-concert_23-2149162975.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musicians-concert_23-2149162975.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/musician-playing-electronic-music-live-performance-nightclub-dj-headphones-mixing-sound-controller-panel-stage-while-crowd-partying-discotheque-club_482257-67146.jpg" },
}, ]
{
imageSrc: "http://img.b2bpic.net/free-photo/musician-playing-electronic-music-live-performance-nightclub-dj-headphones-mixing-sound-controller-panel-stage-while-crowd-partying-discotheque-club_482257-67146.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dancing_1098-13220.jpg?_wi=1",
imageAlt: "party planning online booking concept",
}, },
]} ]}
title="Comprehensive Event Solutions" title="Comprehensive Event Solutions"
@@ -163,29 +107,18 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardEleven <MetricCardEleven
animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "5,000+", title: "Events Organized", description: "Successfully completed parties.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dancing_1098-13220.jpg"
value: "5,000+",
title: "Events Organized",
description: "Successfully completed parties.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dancing_1098-13220.jpg?_wi=2",
}, },
{ {
id: "m2", id: "m2", value: "200+", title: "Local Vendors", description: "Verified partners near you.", imageSrc: "http://img.b2bpic.net/free-photo/new-year-2019-shaped-candles-confetti-stack_23-2147992647.jpg"
value: "200+",
title: "Local Vendors",
description: "Verified partners near you.",
imageSrc: "http://img.b2bpic.net/free-photo/new-year-2019-shaped-candles-confetti-stack_23-2147992647.jpg",
}, },
{ {
id: "m3", id: "m3", value: "4.9/5", title: "Avg. Rating", description: "Loved by the community.", imageSrc: "http://img.b2bpic.net/free-photo/2019-candles-multicolored-confetti_23-2147992618.jpg"
value: "4.9/5",
title: "Avg. Rating",
description: "Loved by the community.",
imageSrc: "http://img.b2bpic.net/free-photo/2019-candles-multicolored-confetti_23-2147992618.jpg",
}, },
]} ]}
title="Local Impact" title="Local Impact"
@@ -200,60 +133,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "p1", brand: "Standard", name: "Birthday Party Basic", price: "$199", rating: 4.5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/wine-s-glass-hanging-bar_1339-7048.jpg" },
id: "p1", { id: "p2", brand: "Standard", name: "Wedding Reception Kit", price: "$899", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/engagement-event-table-with-tulle-tablecloth-flowers_114579-2084.jpg" },
brand: "Standard", { id: "p3", brand: "Standard", name: "Corporate Gala Bundle", price: "$1200", rating: 4.8, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-arrangement-with-bouquets_23-2149436396.jpg" },
name: "Birthday Party Basic", { id: "p4", brand: "Standard", name: "Graduation Bash", price: "$299", rating: 4.7, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg" },
price: "$199", { id: "p5", brand: "Standard", name: "Anniversary Dinner Setup", price: "$350", rating: 4.9, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fairy-glowing-light-dark-background_23-2148055634.jpg" },
rating: 4.5, { id: "p6", brand: "Standard", name: "Holiday Event Decor", price: "$450", rating: 4.6, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/decorated-wedding-celebration-table-with-guests-seats-outdoors-gardens-with-mountain-view_8353-10887.jpg" },
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/wine-s-glass-hanging-bar_1339-7048.jpg",
},
{
id: "p2",
brand: "Standard",
name: "Wedding Reception Kit",
price: "$899",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/engagement-event-table-with-tulle-tablecloth-flowers_114579-2084.jpg",
},
{
id: "p3",
brand: "Standard",
name: "Corporate Gala Bundle",
price: "$1200",
rating: 4.8,
reviewCount: "50",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-arrangement-with-bouquets_23-2149436396.jpg",
},
{
id: "p4",
brand: "Standard",
name: "Graduation Bash",
price: "$299",
rating: 4.7,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg",
},
{
id: "p5",
brand: "Standard",
name: "Anniversary Dinner Setup",
price: "$350",
rating: 4.9,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fairy-glowing-light-dark-background_23-2148055634.jpg",
},
{
id: "p6",
brand: "Standard",
name: "Holiday Event Decor",
price: "$450",
rating: 4.6,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/decorated-wedding-celebration-table-with-guests-seats-outdoors-gardens-with-mountain-view_8353-10887.jpg",
},
]} ]}
title="Popular Party Packages" title="Popular Party Packages"
description="Pre-configured bundles for effortless planning." description="Pre-configured bundles for effortless planning."
@@ -267,46 +152,11 @@ export default function LandingPage() {
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "1", name: "Alice T.", role: "Organizer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg" },
id: "1", { id: "2", name: "Robert M.", role: "Host", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-interacting-while-using-digital-tablet_1170-831.jpg" },
name: "Alice T.", { id: "3", name: "Sarah J.", role: "Mom", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" },
role: "Organizer", { id: "4", name: "David L.", role: "Manager", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg" },
company: "Client", { id: "5", name: "Karen B.", role: "Organizer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-couple-date-night_23-2149131750.jpg" },
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
},
{
id: "2",
name: "Robert M.",
role: "Host",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-interacting-while-using-digital-tablet_1170-831.jpg",
},
{
id: "3",
name: "Sarah J.",
role: "Mom",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
},
{
id: "4",
name: "David L.",
role: "Manager",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
},
{
id: "5",
name: "Karen B.",
role: "Organizer",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-couple-date-night_23-2149131750.jpg",
},
]} ]}
title="Voices of the Party" title="Voices of the Party"
description="What our customers are saying." description="What our customers are saying."
@@ -318,14 +168,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Microsoft", "Microsoft", "Google", "Airbnb", "Spotify", "Netflix", "Adobe", "Intel"]}
"Google",
"Airbnb",
"Spotify",
"Netflix",
"Adobe",
"Intel",
]}
title="Trusted Partners" title="Trusted Partners"
description="We work with top-tier industry brands." description="We work with top-tier industry brands."
/> />
@@ -336,21 +179,9 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "f1", title: "How do I book?", content: "Simply choose a package and follow the booking flow." },
id: "f1", { id: "f2", title: "Are vendors verified?", content: "Yes, all our partners undergo a strict background check." },
title: "How do I book?", { id: "f3", title: "Can I cancel?", content: "Cancellations are accepted up to 48 hours before the event." },
content: "Simply choose a package and follow the booking flow.",
},
{
id: "f2",
title: "Are vendors verified?",
content: "Yes, all our partners undergo a strict background check.",
},
{
id: "f3",
title: "Can I cancel?",
content: "Cancellations are accepted up to 48 hours before the event.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Need more help? Here are some answers." description="Need more help? Here are some answers."
@@ -361,16 +192,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
text="Ready to host your next amazing event? Get in touch with our expert planning team today and let's bring your vision to life." text="Ready to host your next amazing event? Get in touch with our expert planning team today and let's bring your vision to life."
buttons={[ buttons={[{ text: "Contact Support", href: "#" }]}
{
text: "Contact Support",
href: "#",
},
]}
/> />
</div> </div>
@@ -380,29 +204,15 @@ export default function LandingPage() {
logoText="PartyFind" logoText="PartyFind"
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [ { label: "Venues", href: "#" },
{ { label: "Entertainment", href: "#" },
label: "Venues",
href: "#",
},
{
label: "Entertainment",
href: "#",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [ { label: "About Us", href: "#" },
{ { label: "Careers", href: "#" },
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
], ],
}, },
]} ]}