Merge version_2 into main #2
125
src/app/page.tsx
125
src/app/page.tsx
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { ArrowRight, Heart, HelpCircle, MessageSquare, Sparkles, Users } from "lucide-react";
|
||||
@@ -41,50 +40,45 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
<HeroSplit
|
||||
title="Two Hearts, One Beautiful Journey"
|
||||
description="Join us as we celebrate our love and commitment. We can't wait to share this special day with you."
|
||||
tag="Coming Soon"
|
||||
tagIcon={Heart}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-bride-their-wedding-day-forest_1303-29404.jpg?_wi=1", imageAlt: "The happy couple"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-wedding-rings-sparklie-acorn_8353-704.jpg", imageAlt: "Beautiful wedding rings"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/elegant-woman-lace-bridal-dress-with-voluminous-hem_9975-132978.jpg", imageAlt: "Elegant bridal gown"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-with-pink-roses-green-leaves_181624-25521.jpg", imageAlt: "Wedding flowers and bouquet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-bride-their-wedding-day-forest_1303-29404.jpg?_wi=2", imageAlt: "Couple together"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/groom-bride-their-wedding-day-forest_1303-29404.jpg?_wi=1"
|
||||
imageAlt="The happy couple"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "See the Details", href: "features" },
|
||||
{ text: "Our Story", href: "about" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Our love story began on a spring evening when fate brought us together. What started as a chance meeting has blossomed into a lifetime commitment. We're thrilled to celebrate this milestone with everyone who has supported us."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
<MediaAbout
|
||||
title="Our love story began on a spring evening when fate brought us together. What started as a chance meeting has blossomed into a lifetime commitment. We're thrilled to celebrate this milestone with everyone who has supported us."
|
||||
description="From that first moment to this beautiful journey, our love has grown stronger every day. We are grateful for the support of our family and friends who have believed in us."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/groom-bride-their-wedding-day-forest_1303-29404.jpg?_wi=1"
|
||||
imageAlt="Our beautiful journey"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Read More", href: "#" },
|
||||
{ text: "View Photos", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
<FeatureCardEight
|
||||
title="Your Wedding Day Experience"
|
||||
description="Discover every carefully planned detail of our celebration"
|
||||
tag="Experience"
|
||||
@@ -92,20 +86,21 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "The Ceremony", description: "An intimate moment as we exchange vows in front of our loved ones", imageSrc: "http://img.b2bpic.net/free-photo/wedding-venue_1157-733.jpg", imageAlt: "Beautiful ceremony location", buttonIcon: ArrowRight,
|
||||
id: "1", title: "The Ceremony", description: "An intimate moment as we exchange vows in front of our loved ones", imageSrc: "http://img.b2bpic.net/free-photo/wedding-venue_1157-733.jpg", imageAlt: "Beautiful ceremony location", buttonIcon: ArrowRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "The Reception", description: "An elegant evening filled with celebration, dinner, and dancing", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-serving-wedding-decor_8353-8510.jpg", imageAlt: "Beautifully decorated reception tables", buttonIcon: ArrowRight,
|
||||
id: "2", title: "The Reception", description: "An elegant evening filled with celebration, dinner, and dancing", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-serving-wedding-decor_8353-8510.jpg", imageAlt: "Beautifully decorated reception tables", buttonIcon: ArrowRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "The Venue", description: "A stunning location that perfectly captures our vision", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxurious-wedding-ceremony-hall_181624-59290.jpg", imageAlt: "Elegant wedding venue", buttonIcon: ArrowRight,
|
||||
id: "3", title: "The Venue", description: "A stunning location that perfectly captures our vision", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxurious-wedding-ceremony-hall_181624-59290.jpg", imageAlt: "Elegant wedding venue", buttonIcon: ArrowRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "The Celebration", description: "Unforgettable moments with the people we love most", imageSrc: "http://img.b2bpic.net/free-photo/groom-bride-their-wedding-day-forest_1303-29404.jpg?_wi=3", imageAlt: "Joyful celebration", buttonIcon: ArrowRight,
|
||||
id: "4", title: "The Celebration", description: "Unforgettable moments with the people we love most", imageSrc: "http://img.b2bpic.net/free-photo/groom-bride-their-wedding-day-forest_1303-29404.jpg?_wi=3", imageAlt: "Joyful celebration", buttonIcon: ArrowRight,
|
||||
buttonHref: "#"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#" },
|
||||
]}
|
||||
@@ -113,60 +108,44 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Meet Our Wedding Party"
|
||||
description="The amazing people standing by our side on this special day"
|
||||
tag="Team"
|
||||
tagIcon={Users}
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Premium Collection"
|
||||
description="Curated selection of top-rated wedding essentials"
|
||||
tag="Best Sellers"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
members={[
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "The Groom", role: "Groom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4891.jpg", imageAlt: "The groom"},
|
||||
id: "1", brand: "Elegance", name: "Single Accent Chair", price: "$650.00", rating: 4,
|
||||
reviewCount: "23.9k", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-serving-wedding-decor_8353-8510.jpg", imageAlt: "Wedding furniture", onProductClick: () => console.log("Product clicked"),
|
||||
},
|
||||
{
|
||||
id: "2", name: "The Bride", role: "Bride", imageSrc: "http://img.b2bpic.net/free-photo/bride-smiling-wedding-portrait-beautiful-bride-wedding-wedding-day_8353-5793.jpg", imageAlt: "The bride"},
|
||||
id: "2", brand: "Floral", name: "Premium Bouquet", price: "$450.00", rating: 5,
|
||||
reviewCount: "18.5k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-with-pink-roses-green-leaves_181624-25521.jpg", imageAlt: "Beautiful flowers", onProductClick: () => console.log("Product clicked"),
|
||||
},
|
||||
{
|
||||
id: "3", name: "Best Man", role: "Groomsman", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-groom-his-beach-wedding_23-2149044008.jpg", imageAlt: "Best man"},
|
||||
id: "3", brand: "Diamonds", name: "Wedding Ring Set", price: "$2500.00", rating: 5,
|
||||
reviewCount: "42.1k", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-wedding-rings-sparklie-acorn_8353-704.jpg", imageAlt: "Wedding rings", onProductClick: () => console.log("Product clicked"),
|
||||
},
|
||||
{
|
||||
id: "4", name: "Maid of Honor", role: "Bridesmaid", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-elegant-wedding-dress-bridesmaids-dress-beige-style-robes-standing-balcony-preparing-wedding-ceremony-morning-bride_8353-12150.jpg", imageAlt: "Maid of honor"},
|
||||
id: "4", brand: "Couture", name: "Bridal Gown", price: "$3200.00", rating: 5,
|
||||
reviewCount: "35.2k", imageSrc: "http://img.b2bpic.net/free-psd/elegant-woman-lace-bridal-dress-with-voluminous-hem_9975-132978.jpg", imageAlt: "Bridal dress", onProductClick: () => console.log("Product clicked"),
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Messages From Our Loved Ones"
|
||||
description="Words of love and support from our family and friends"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "Sister", testimonial: "Watching you two together is pure magic. Your love inspires everyone around you. So excited to celebrate!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "Best Friend", testimonial: "The perfect match made in heaven. I've never seen two people more meant for each other. Congrats!", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3", name: "Emma Davis", handle: "College Friend", testimonial: "From day one, you both made us believe in true love. Your wedding will be absolutely spectacular.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg", imageAlt: "Emma Davis"},
|
||||
{
|
||||
id: "4", name: "David Martinez", handle: "Cousin", testimonial: "What a journey you've had together. We can't wait to celebrate this momentous occasion with you both.", imageSrc: "http://img.b2bpic.net/free-photo/latin-man-smiling-cheerful-expression-closeup-portrait_53876-143274.jpg", imageAlt: "David Martinez"},
|
||||
{
|
||||
id: "5", name: "Lisa Anderson", handle: "Aunt", testimonial: "Your love story is an inspiration to us all. Wishing you endless happiness on your special day.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg?_wi=2", imageAlt: "Lisa Anderson"},
|
||||
{
|
||||
id: "6", name: "James Wilson", handle: "Colleague", testimonial: "Two incredible people coming together for their happily ever after. We couldn't be happier for you!", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=2", imageAlt: "James Wilson"},
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
speed={40}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our wedding"
|
||||
tag="Help"
|
||||
@@ -175,6 +154,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/we-love-spending-time-together_329181-13679.jpg"
|
||||
imageAlt="Our wedding celebration"
|
||||
mediaPosition="right"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What time should guests arrive?", content: "Guests should arrive by 4:00 PM for the ceremony. The wedding will begin promptly at 4:30 PM. Please allow extra time for parking and check-in."},
|
||||
@@ -231,7 +214,7 @@ export default function LandingPage() {
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Details", href: "#features" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Products", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user