Merge version_1 into main #2
201
src/app/page.tsx
201
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user