Switch to version 1: modified src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,11 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-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 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 ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import { ArrowRight, Heart, HelpCircle, MessageSquare, Sparkles, Users } from "lucide-react";
@@ -40,29 +41,39 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroBillboardGallery
           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}
-          imageSrc="http://img.b2bpic.net/free-photo/groom-bride-their-wedding-day-forest_1303-29404.jpg"
-          imageAlt="The happy couple"
+          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"},
+          ]}
           buttons={[
             { text: "See the Details", href: "features" },
             { text: "Our Story", href: "about" },
           ]}
           mediaAnimation="slide-up"
           buttonAnimation="slide-up"
-          background={{ variant: "radial-gradient" }}
         />
       </div>
 
       <div id="about" data-section="about">
-        <MediaAbout
-          title="Our Love Story"
-          description="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."
-          imageSrc="http://img.b2bpic.net/free-photo/beautiful-bouquet-with-pink-roses-green-leaves_181624-25521.jpg?_wi=1"
-          imageAlt="Wedding flowers and bouquet"
+        <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}
           buttons={[
             { text: "Read More", href: "#" },
@@ -73,7 +84,7 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardEight
+        <FeatureCardTwentySix
           title="Your Wedding Day Experience"
           description="Discover every carefully planned detail of our celebration"
           tag="Experience"
@@ -81,21 +92,17 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           features={[
             {
-              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"
-            },
+              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: "#"},
             {
-              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"
-            },
+              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: "#"},
             {
-              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"
-            },
+              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: "#"},
             {
-              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"
-            },
+              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}
@@ -106,37 +113,60 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="products" data-section="products">
-        <ProductCardThree
-          title="Featured Products"
-          description="Discover our latest collection"
-          tag="Products"
-          tagIcon={Sparkles}
+      <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}
           tagAnimation="slide-up"
-          products={[
+          members={[
             {
-              id: "1",              name: "Elegant Bridal Gown",              price: "$2,500",              imageSrc: "http://img.b2bpic.net/free-psd/elegant-woman-lace-bridal-dress-with-voluminous-hem_9975-132978.jpg",              imageAlt: "Elegant bridal gown"
-            },
+              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: "2",              name: "Wedding Rings Set",              price: "$1,200",              imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-wedding-rings-sparklie-acorn_8353-704.jpg",              imageAlt: "Beautiful wedding rings"
-            },
+              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: "3",              name: "Floral Bouquet",              price: "$350",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-with-pink-roses-green-leaves_181624-25521.jpg?_wi=2",              imageAlt: "Wedding flowers and bouquet"
-            },
+              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: "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"},
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[
-            { text: "Shop Now", href: "#" },
+        />
+      </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"},
           ]}
-          buttonAnimation="slide-up"
+          animationType="slide-up"
+          speed={40}
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitMedia
+        <FaqBase
           title="Frequently Asked Questions"
           description="Everything you need to know about our wedding"
           tag="Help"
@@ -145,28 +175,19 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           faqsAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/we-love-spending-time-together_329181-13679.jpg?_wi=1"
-          imageAlt="Our wedding day"
-          mediaAnimation="slide-up"
           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."
-            },
+              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."},
             {
-              id: "2",              title: "What is the dress code?",              content: "The dress code is black-tie optional. We encourage guests to wear their most elegant attire. Ladies in gowns or dressy cocktail dresses, gentlemen in tuxedos or dark suits."
-            },
+              id: "2",              title: "What is the dress code?",              content: "The dress code is black-tie optional. We encourage guests to wear their most elegant attire. Ladies in gowns or dressy cocktail dresses, gentlemen in tuxedos or dark suits."},
             {
-              id: "3",              title: "Can I bring a plus one?",              content: "Plus ones are indicated on your invitation. If your invitation says 'and Guest,' you are welcome to bring someone. Please RSVP with their name by the deadline."
-            },
+              id: "3",              title: "Can I bring a plus one?",              content: "Plus ones are indicated on your invitation. If your invitation says 'and Guest,' you are welcome to bring someone. Please RSVP with their name by the deadline."},
             {
-              id: "4",              title: "Where should I park?",              content: "Complimentary valet parking will be available at the venue. Please follow the signage upon arrival. Guest parking is also available in the main lot."
-            },
+              id: "4",              title: "Where should I park?",              content: "Complimentary valet parking will be available at the venue. Please follow the signage upon arrival. Guest parking is also available in the main lot."},
             {
-              id: "5",              title: "Are children welcome?",              content: "We love children! However, our reception will be adults-only to ensure the best experience for all guests. Childcare options are available upon request."
-            },
+              id: "5",              title: "Are children welcome?",              content: "We love children! However, our reception will be adults-only to ensure the best experience for all guests. Childcare options are available upon request."},
             {
-              id: "6",              title: "How do I RSVP?",              content: "Please RSVP by June 15th using the link sent in your invitation or by contacting us directly. We need an accurate headcount for catering purposes."
-            },
+              id: "6",              title: "How do I RSVP?",              content: "Please RSVP by June 15th using the link sent in your invitation or by contacting us directly. We need an accurate headcount for catering purposes."},
           ]}
         />
       </div>
@@ -194,7 +215,7 @@ export default function LandingPage() {
             required: false,
           }}
           useInvertedBackground={true}
-          imageSrc="http://img.b2bpic.net/free-photo/we-love-spending-time-together_329181-13679.jpg?_wi=2"
+          imageSrc="http://img.b2bpic.net/free-photo/we-love-spending-time-together_329181-13679.jpg"
           imageAlt="Our wedding day"
           mediaAnimation="slide-up"
           mediaPosition="right"