From 29ceb4f1c43dce838bfe610c3f8dc46d3682cd07 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 18 Jun 2026 07:25:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 248 +++++++++++++++++++++++------------------------
 1 file changed, 124 insertions(+), 124 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7f192a4..eb1455a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,19 +2,18 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TextAbout from '@/components/sections/about/TextAbout';
-import { Crown, Diamond, Sparkles } from "lucide-react";
+import ContactCta from '@/components/sections/contact/ContactCta';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
+import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import NavbarFullscreen from '@/components/ui/NavbarFullscreen';
+import PricingSplitCards from '@/components/sections/pricing/PricingSplitCards';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
+import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
+import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
+import { Crown, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,127 +30,128 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Home", id: "#hero" },
-        { name: "About", id: "#about" },
-        { name: "Facilities", id: "#facilities" },
-        { name: "Pricing", id: "#pricing" },
-        { name: "Contact", id: "#contact" },
-      ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ugu5n6"
-      logoAlt="Mouda Palace Logo"
-      brandName="Mouda Palace"
-      button={{
-        text: "Book a Tour", href: "#contact" }}
-      animateOnLoad={true}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarFullscreen
+            logo="Mouda Palace"
+            navItems={[
+              { name: "Home", href: "#hero" },
+              { name: "About", href: "#about" },
+              { name: "Venues", href: "#events" },
+              { name: "Pricing", href: "#pricing" },
+              { name: "Contact", href: "#contact" }
+            ]}
+            ctaButton={{ text: "Book a Tour", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{ variant: "radial-gradient" }}
-      title="Your Grand Event Awaits at Mouda Palace"
-      description="Discover unparalleled elegance and bespoke service for unforgettable weddings, prestigious corporate events, and lavish celebrations. Mouda Palace is where your dreams become a magnificent reality."
-      buttons={[
-        { text: "Explore Venues", href: "#events" },
-        { text: "Request a Quote", href: "#contact" },
-      ]}
-      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-with-served-decorated-tables-guests-restaurant_181624-53274.jpg", imageAlt: "Grand ballroom set for a luxury wedding" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/green-chairs-grass-flowers-decorate-table-generated-by-ai_188544-47280.jpg", imageAlt: "Manicured palace gardens ready for an outdoor reception" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            tag="Luxury Defined"
+            title="Your Grand Event Awaits at Mouda Palace"
+            description="Discover unparalleled elegance and bespoke service for unforgettable celebrations."
+            primaryButton={{ text: "Explore Venues", href: "#events" }}
+            secondaryButton={{ text: "Request a Quote", href: "#contact" }}
+            kpis={[
+              { value: "25+", label: "Years of Excellence" },
+              { value: "500+", label: "Events Hosted" },
+              { value: "100%", label: "Client Satisfaction" }
+            ]}
+          />
+        </div>
 
-  <div id="awards" data-section="social-proof">
-    <SocialProofMarquee
-      tag="Industry Recognition"
-      title="Renowned Excellence"
-      description="Mouda Palace is honored to be recognized by the industry's leading publications and organizations for our commitment to luxury and service."
-      names={["Vogue Weddings", "Forbes Luxury", "Architectural Digest", "Business Insider", "Luxury Travel Guide", "The Knot Awards"]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutTestimonial
+            tag="Our Legacy"
+            quote="Mouda Palace transformed our vision into an experience that exceeded all expectations of grandeur."
+            author="Elena & Marcus"
+            role="Wedding Clients"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      tag="Our Legacy"
-      title="Experience Timeless Grandeur and Unrivalled Service"
-    />
-  </div>
+        <div id="facilities" data-section="facilities">
+          <FeaturesBorderGlow
+            tag="Our Amenities"
+            title="Exclusive Facilities for Your Prestigious Event"
+            description="Unparalleled infrastructure designed for perfection."
+            features={[
+              { icon: Crown, title: "Grand Ballroom", description: "Spacious halls with exquisite decor." },
+              { icon: Star, title: "Private Gardens", description: "Lush outdoor settings for ceremonies." }
+            ]}
+          />
+        </div>
 
-  <div id="facilities" data-section="facilities">
-      <FeatureCardNine
-      features={[]}
-      title="Exclusive Facilities for Your Prestigious Event"
-      description="Mouda Palace provides a suite of unparalleled facilities designed to ensure every event is executed with perfection and grandeur."
-      tag="Our Amenities"
-    />
-  </div>
+        <div id="events" data-section="events">
+          <FeaturesRevealCardsBento
+            tag="Our Venues"
+            title="Curated Event Spaces"
+            description="Explore our magnificent selection of event locations."
+            items={Array(7).fill(0).map((_, i) => ({
+              title: `Space ${i + 1}`,
+              description: "A breathtaking venue designed for grand occasions and intimate gatherings alike.",              href: "#contact",              imageSrc: `https://picsum.photos/seed/${i}/800/600`
+            }))}
+          />
+        </div>
 
-  <div id="events" data-section="events">
-      <ProductCardOne
-      products={[]}
-      title="Curated Event Spaces for Every Grand Occasion"
-      description="Explore our magnificent venues and envision your perfect celebration."
-      tag="Our Venues"
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingSplitCards
+            tag="Investment"
+            title="Bespoke Event Packages"
+            description="Transparent, comprehensive luxury packages for every vision."
+            plans={[
+              {
+                tag: "Gold",                price: "$15,000",                period: "per event",                description: "Full palace access with complete concierge.",                primaryButton: { text: "Select", href: "#contact" },
+                featuresTitle: "Included",                features: ["Concierge", "Catering", "Decor", "Security"]
+              }
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      plans={[]}
-      title="Bespoke Event Packages to Suit Your Vision"
-      description="Our pricing reflects the exclusivity and comprehensive nature of our services."
-      tag="Investment"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialTrustCard
+            quote="A truly magical experience that captured the essence of luxury."
+            rating={5}
+            author="Corporate Client"
+            avatars={[]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      testimonials={[]}
-      showRating={true}
-      title="Voices of Distinction: What Our Clients Say"
-      description="Our commitment to creating flawless, memorable events resonates deeply with our esteemed clients."
-      tag="Testimonials"
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamStackedCards
+            tag="Our Experts"
+            title="Meet the Maestros"
+            description="The dedicated professionals behind every flawless detail."
+            members={[]}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      members={[]}
-      title="Meet the Maestros Behind Your Perfect Event"
-      description="Our dedicated team of seasoned professionals is committed to bringing your vision to life."
-      tag="Our Experts"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            tag="Assistance"
+            title="Your Questions, Elegantly Answered"
+            description="Learn more about hosting your event with us."
+            items={[
+              { question: "Can we customize the catering?", answer: "Absolutely, our chefs provide bespoke menus." }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      faqs={[]}
-      sideTitle="Your Questions, Elegantly Answered"
-      sideDescription="Unveiling the details of your bespoke experience at Mouda Palace."
-      showCard={true}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCta
+            tag="Get In Touch"
+            text="Begin your journey with Mouda Palace today."
+            primaryButton={{ text: "Book a Tour", href: "#contact" }}
+            secondaryButton={{ text: "Contact Sales", href: "#contact" }}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      title="Curate Your Unforgettable Event"
-      description="Connect with our dedicated team to begin crafting a bespoke experience that transcends expectations."
-      buttonText="Begin Your Journey"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ugu5n6"
-      logoAlt="Mouda Palace Logo"
-      logoText="Mouda Palace"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimpleReveal
+            brand="Mouda Palace"
+            columns={[]}
+            copyright="© 2024 Mouda Palace. All rights reserved."
+            links={[]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );