bender/83171708-46f2-45c4-a1eb-ff0053abea44
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-04-03 06:10:13 +00:00
parent d90a01fce5
commit 4b63ed3a5d
1 changed files with 45 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
src/app/page.tsx
View File

@@ -29,17 +29,11 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Templates",
id: "templates",
},
name: "Templates", id: "templates"},
{
name: "Collaborate",
id: "vendors",
},
name: "Collaborate", id: "vendors"},
{
name: "Hub",
id: "hub",
},
name: "Hub", id: "hub"},
]}
brandName="HappiHost"
/>
@@ -48,63 +42,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Build your event, beautifully."
description="The digital invitation platform that brings your event to life, connecting you with elite vendors seamlessly."
buttons={[
{
text: "Start Building",
href: "#templates",
},
text: "Start Building", href: "#templates"},
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-wedding-arrangement-with-invitations-ornaments_23-2148289702.jpg"
imageAlt="3D Event Card"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg", alt: "User 5"},
]}
avatarText="Trusted by 5,000+ hosts"
marqueeItems={[
{
type: "text",
text: "Seamless Planning",
},
type: "text", text: "Seamless Planning"},
{
type: "text",
text: "Elite Vendors",
},
type: "text", text: "Elite Vendors"},
{
type: "text",
text: "Beautiful Designs",
},
type: "text", text: "Beautiful Designs"},
{
type: "text",
text: "Instant Updates",
},
type: "text", text: "Instant Updates"},
{
type: "text",
text: "Memorable Events",
},
type: "text", text: "Memorable Events"},
]}
/>
</div>
@@ -117,23 +88,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Sophisticated Designs",
description: "Choose from hundreds of premium, customizable invitation templates.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-digital-wedding-invitation-template-with-smartphone_23-2149953394.jpg?_wi=1",
imageAlt: "Template 1",
},
title: "Sophisticated Designs", description: "Choose from hundreds of premium, customizable invitation templates.", imageSrc: "http://img.b2bpic.net/free-vector/flat-digital-wedding-invitation-template-with-smartphone_23-2149953394.jpg", imageAlt: "Template 1"},
{
title: "Interactive Edits",
description: "Personalize text, colors, and layout in real-time with our design hub.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-digital-wedding-invitation-template-with-smartphone_23-2149953394.jpg?_wi=2",
imageAlt: "Template 2",
},
title: "Interactive Edits", description: "Personalize text, colors, and layout in real-time with our design hub.", imageSrc: "http://img.b2bpic.net/free-vector/flat-digital-wedding-invitation-template-with-smartphone_23-2149953394.jpg", imageAlt: "Template 2"},
{
title: "Instant Preview",
description: "See your creation come to life instantly on any device.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-digital-wedding-invitation-template-with-smartphone_23-2149953394.jpg?_wi=3",
imageAlt: "Template 3",
},
title: "Instant Preview", description: "See your creation come to life instantly on any device.", imageSrc: "http://img.b2bpic.net/free-vector/flat-digital-wedding-invitation-template-with-smartphone_23-2149953394.jpg", imageAlt: "Template 3"},
]}
title="Explore Our Curated Templates"
description="Discover a gallery of designs tailored for every milestone. From elegant weddings to vibrant parties, create your first impression effortlessly."
@@ -142,70 +101,29 @@ export default function LandingPage() {
<div id="vendors" data-section="vendors">
<ProductCardTwo
animationType="blur-reveal"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "v1",
brand: "Vendor",
name: "Photographer",
price: "Available",
rating: 5,
reviewCount: "450+",
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-composition_23-2147831822.jpg?_wi=1",
imageAlt: "Photographer",
},
id: "v1", brand: "Vendor", name: "Photographer", price: "Available", rating: 5,
reviewCount: "450+", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-composition_23-2147831822.jpg", imageAlt: "Photographer"},
{
id: "v2",
brand: "Vendor",
name: "Caterer",
price: "Available",
rating: 5,
reviewCount: "320+",
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336570.jpg?_wi=1",
imageAlt: "Caterer",
},
id: "v2", brand: "Vendor", name: "Caterer", price: "Available", rating: 5,
reviewCount: "320+", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336570.jpg", imageAlt: "Caterer"},
{
id: "v3",
brand: "Vendor",
name: "Decorator",
price: "Available",
rating: 5,
reviewCount: "280+",
imageSrc: "http://img.b2bpic.net/free-photo/empty-farmers-market-stall-full-fresh-local-organic-food-with-wide-variety-colorful-organic-fruits-vegetables-seasonal-products-farm-produce-stand-with-healthy-natural-food_482257-62258.jpg?_wi=1",
imageAlt: "Decorator",
},
id: "v3", brand: "Vendor", name: "Decorator", price: "Available", rating: 5,
reviewCount: "280+", imageSrc: "http://img.b2bpic.net/free-photo/empty-farmers-market-stall-full-fresh-local-organic-food-with-wide-variety-colorful-organic-fruits-vegetables-seasonal-products-farm-produce-stand-with-healthy-natural-food_482257-62258.jpg", imageAlt: "Decorator"},
{
id: "v4",
brand: "Vendor",
name: "DJ Services",
price: "Available",
rating: 4,
reviewCount: "190+",
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-composition_23-2147831822.jpg?_wi=2",
imageAlt: "DJ",
},
id: "v4", brand: "Vendor", name: "DJ Services", price: "Available", rating: 4,
reviewCount: "190+", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-composition_23-2147831822.jpg", imageAlt: "DJ"},
{
id: "v5",
brand: "Vendor",
name: "Florist",
price: "Available",
rating: 5,
reviewCount: "410+",
imageSrc: "http://img.b2bpic.net/free-photo/empty-farmers-market-stall-full-fresh-local-organic-food-with-wide-variety-colorful-organic-fruits-vegetables-seasonal-products-farm-produce-stand-with-healthy-natural-food_482257-62258.jpg?_wi=2",
imageAlt: "Florist",
},
id: "v5", brand: "Vendor", name: "Florist", price: "Available", rating: 5,
reviewCount: "410+", imageSrc: "http://img.b2bpic.net/free-photo/empty-farmers-market-stall-full-fresh-local-organic-food-with-wide-variety-colorful-organic-fruits-vegetables-seasonal-products-farm-produce-stand-with-healthy-natural-food_482257-62258.jpg", imageAlt: "Florist"},
{
id: "v6",
brand: "Vendor",
name: "Event Rental",
price: "Available",
rating: 4,
reviewCount: "250+",
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336570.jpg?_wi=2",
imageAlt: "Rentals",
},
id: "v6", brand: "Vendor", name: "Event Rental", price: "Available", rating: 4,
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336570.jpg", imageAlt: "Rentals"},
]}
title="Collaborate with Elite Vendors"
description="Our platform connects you directly with the best photographers, caterers, and decorators to make your event perfect."
@@ -214,50 +132,26 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="depth-3d"
textboxLayout="split"
gridVariant="timeline"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice M.",
role: "Wedding Planner",
company: "DreamEvents",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg?_wi=1",
},
id: "1", name: "Alice M.", role: "Wedding Planner", company: "DreamEvents", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg"},
{
id: "2",
name: "Bob D.",
role: "Host",
company: "Private",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg?_wi=2",
},
id: "2", name: "Bob D.", role: "Host", company: "Private", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg"},
{
id: "3",
name: "Charlie S.",
role: "Manager",
company: "LuxuryCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg?_wi=3",
},
id: "3", name: "Charlie S.", role: "Manager", company: "LuxuryCo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg"},
{
id: "4",
name: "Diana K.",
role: "Founder",
company: "ArtGallery",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg?_wi=4",
},
id: "4", name: "Diana K.", role: "Founder", company: "ArtGallery", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg"},
{
id: "5",
name: "Eric P.",
role: "Creative",
company: "StudioOne",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg?_wi=5",
},
id: "5", name: "Eric P.", role: "Creative", company: "StudioOne", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-event-manager-using-laptop-banquet-hall_23-2148085315.jpg"},
]}
title="What Our Hosts Say"
description="Join thousands of happy hosts who built unforgettable memories with HappiHost."
@@ -268,8 +162,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Join Now"
title="Start Your Event Journey"
description="Sign up today and experience the complete, interconnected ecosystem for perfect event planning."
@@ -280,13 +173,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="HappiHost"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Contact Us",
href: "#contact",
}}
text: "Contact Us", href: "#contact"}}
/>
</div>
</ReactLenis>