5 Commits

Author SHA1 Message Date
3e2be14aa3 Merge version_4_1781767492558 into main
Merge version_4_1781767492558 into main
2026-06-18 07:25:04 +00:00
29ceb4f1c4 Update src/app/page.tsx 2026-06-18 07:25:01 +00:00
5c56d0b369 Merge version_3_1781767241704 into main
Merge version_3_1781767241704 into main
2026-06-18 07:20:56 +00:00
84f1d9ed54 Update src/app/page.tsx 2026-06-18 07:20:49 +00:00
f51d886a0b Merge version_2 into main
Merge version_2 into main
2026-06-04 15:43:24 +00:00

View File

@@ -2,18 +2,18 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine'; import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel'; import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarFullscreen from '@/components/ui/NavbarFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; import PricingSplitCards from '@/components/sections/pricing/PricingSplitCards';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo'; import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
import TextAbout from '@/components/sections/about/TextAbout'; import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
import { Crown, Diamond, Sparkles } from "lucide-react"; import { Crown, Star } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -30,283 +30,129 @@ export default function LandingPage() {
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarFullscreen
navItems={[ logo="Mouda Palace"
{ navItems={[
name: "Home", id: "#hero"}, { name: "Home", href: "#hero" },
{ { name: "About", href: "#about" },
name: "About", id: "#about"}, { name: "Venues", href: "#events" },
{ { name: "Pricing", href: "#pricing" },
name: "Facilities", id: "#facilities"}, { name: "Contact", href: "#contact" }
{ ]}
name: "Events", id: "#events"}, ctaButton={{ text: "Book a Tour", href: "#contact" }}
{ />
name: "Pricing", id: "#pricing"}, </div>
{
name: "Testimonials", id: "#testimonials"},
{
name: "Team", id: "#team"},
{
name: "FAQ", id: "#faq"},
{
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="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroSplitKpi
background={{ tag="Luxury Defined"
variant: "radial-gradient"}} title="Your Grand Event Awaits at Mouda Palace"
title="Your Grand Event Awaits at Mouda Palace" description="Discover unparalleled elegance and bespoke service for unforgettable celebrations."
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." primaryButton={{ text: "Explore Venues", href: "#events" }}
buttons={[ secondaryButton={{ text: "Request a Quote", href: "#contact" }}
{ kpis={[
text: "Explore Venues", href: "#events"}, { value: "25+", label: "Years of Excellence" },
{ { value: "500+", label: "Events Hosted" },
text: "Request a Quote", href: "#contact"}, { value: "100%", label: "Client Satisfaction" }
]} ]}
mediaItems={[ />
{ </div>
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"},
{
imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-avocado-puree_23-2151942388.jpg", imageAlt: "Exquisite fine dining setup in a palace interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892929.jpg", imageAlt: "The majestic exterior of Mouda Palace at sunset"},
{
imageSrc: "http://img.b2bpic.net/free-photo/table-setting-with-focus-goblets-plates_8353-9901.jpg", imageAlt: "Elegant conference room within the palace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118971.jpg", imageAlt: "Luxury spa and wellness area in the palace"},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <AboutTestimonial
useInvertedBackground={true} tag="Our Legacy"
tag="Our Legacy" quote="Mouda Palace transformed our vision into an experience that exceeded all expectations of grandeur."
title="Experience Timeless Grandeur and Unrivalled Service" author="Elena & Marcus"
buttons={[ role="Wedding Clients"
{ />
text: "Our Story", href: "#"}, </div>
]}
/>
</div>
<div id="facilities" data-section="facilities"> <div id="facilities" data-section="facilities">
<FeatureCardNine <FeaturesBorderGlow
animationType="slide-up" tag="Our Amenities"
textboxLayout="default" title="Exclusive Facilities for Your Prestigious Event"
useInvertedBackground={false} description="Unparalleled infrastructure designed for perfection."
features={[ features={[
{ { icon: Crown, title: "Grand Ballroom", description: "Spacious halls with exquisite decor." },
title: "Opulent Architecture & Design", description: "Experience the grandeur of meticulously restored halls, adorned with intricate details and lavish finishes that transport you to an era of royal splendor.", phoneOne: { { icon: Star, title: "Private Gardens", description: "Lush outdoor settings for ceremonies." }
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-blue-dress-high-heels-sitting-fireplace_132075-12009.jpg", imageAlt: "Intricate gold ornate interior design"}, ]}
phoneTwo: { />
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892973.jpg", imageAlt: "Elegant event lighting effects in a grand hall"} </div>
},
{
title: "Gourmet Culinary Artistry", description: "Our Michelin-trained chefs craft bespoke menus using the finest ingredients, delivering a culinary journey that delights every palate and complements your event's theme.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg", imageAlt: "Artistic gourmet dessert plate"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-with-client_23-2150167194.jpg", imageAlt: "Dedicated event planner consulting with a client"}
},
{
title: "Advanced Technology & Support", description: "Seamlessly integrate presentations, performances, and entertainment with our state-of-the-art audio-visual systems and dedicated technical support.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg", imageAlt: "Luxurious private VIP lounge"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-43.jpg", imageAlt: "State-of-the-art sound system setup for an event"}
},
]}
showStepNumbers={true}
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. From architectural marvels to cutting-edge technology, we offer everything needed for a seamless and memorable occasion."
tag="Our Amenities"
/>
</div>
<div id="events" data-section="events"> <div id="events" data-section="events">
<ProductCardOne <FeaturesRevealCardsBento
animationType="slide-up" tag="Our Venues"
textboxLayout="default" title="Curated Event Spaces"
gridVariant="three-columns-all-equal-width" description="Explore our magnificent selection of event locations."
useInvertedBackground={true} items={Array(7).fill(0).map((_, i) => ({
products={[ 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`
id: "wedding-hall", name: "Royal Wedding Hall", price: "Enquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481467.jpg", imageAlt: "Elegant wedding hall with grand decorations"}, }))}
{ />
id: "conference-suite", name: "Executive Conference Suite", price: "Enquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/wide-view-dining-hall-classic-design_114579-2224.jpg", imageAlt: "Luxury conference room setup"}, </div>
{
id: "gala-dinner", name: "Grand Gala Dinner Space", price: "Enquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-safari-party-with-dessert-table_23-2149707844.jpg", imageAlt: "Formal banquet hall set for a gala dinner"},
{
id: "private-celebration", name: "Private Celebration Lounges", price: "Enquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/table-decorated-christmas-with-glass_1162-208.jpg", imageAlt: "Intimate private dining room for celebrations"},
{
id: "garden-reception", name: "Palace Garden Reception", price: "Enquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/decorated-wedding-setting-marriage-ceremony-garden_637285-5636.jpg", imageAlt: "Manicured palace garden ready for an outdoor reception"},
{
id: "art-exhibition", name: "Art Exhibition Gallery", price: "Enquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/art-gallery-interior_23-2151945661.jpg", imageAlt: "Grand hall used as an art exhibition space"},
]}
title="Curated Event Spaces for Every Grand Occasion"
description="From intimate gatherings to extravagant galas, Mouda Palace offers a collection of versatile spaces, each with its unique charm and capacity to host your bespoke event. Explore our magnificent venues and envision your perfect celebration."
tag="Our Venues"
/>
</div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardOne <PricingSplitCards
animationType="depth-3d" tag="Investment"
textboxLayout="default" title="Bespoke Event Packages"
useInvertedBackground={false} description="Transparent, comprehensive luxury packages for every vision."
plans={[ plans={[
{ {
id: "emerald", badge: "Signature", badgeIcon: Sparkles, tag: "Gold", price: "$15,000", period: "per event", description: "Full palace access with complete concierge.", primaryButton: { text: "Select", href: "#contact" },
price: "Starting from $X,XXX", subtitle: "Ideal for elegant weddings & grand receptions", features: [ featuresTitle: "Included", features: ["Concierge", "Catering", "Decor", "Security"]
"Exclusive venue access for 12 hours", "Gourmet 4-course dinner for 100 guests", "Dedicated senior event planner", "Basic floral arrangements & decor", "Premium open bar service"], }
}, ]}
{ />
id: "sapphire", badge: "Premium", badgeIcon: Crown, </div>
price: "Starting from $Y,XXX", subtitle: "Perfect for corporate galas & prestigious gatherings", features: [
"Exclusive venue access for 10 hours", "Customizable 3-course banquet for 75 guests", "Assigned event coordinator", "Standard AV equipment & setup", "Select beverage package"],
},
{
id: "diamond", badge: "Elite", badgeIcon: Diamond,
price: "Request Tailored Quote", subtitle: "For unparalleled luxury & bespoke events", features: [
"Full palace access, 24-hour duration", "Fully custom menu by Michelin-starred chef", "Personalized lead event director + team", "Extensive bespoke decor & entertainment", "Top-tier vintage wine & champagne selection"],
},
]}
title="Bespoke Event Packages to Suit Your Vision"
description="Our pricing reflects the exclusivity and comprehensive nature of our services. Each package is designed to provide a luxurious experience, with options for customization to perfectly align with your event's unique requirements."
tag="Investment"
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen <TestimonialTrustCard
animationType="slide-up" quote="A truly magical experience that captured the essence of luxury."
textboxLayout="default" rating={5}
useInvertedBackground={true} author="Corporate Client"
testimonials={[ avatars={[]}
{ />
id: "1", name: "Lady Eleanor Vance", handle: "@EleanorV_Events", testimonial: "Mouda Palace delivered a wedding beyond our wildest dreams. Every detail was executed with impeccable taste and precision. Truly an enchanting experience!", rating: 5, </div>
imageSrc: "http://img.b2bpic.net/free-photo/store-employee-hands-man-gift-certificate-he-bought-christmas-present-copy-space-jewelry-store-promotion_166373-8892.jpg", imageAlt: "Lady Eleanor Vance"},
{
id: "2", name: "Mr. Julian Sterling", handle: "@Sterling_Corp", testimonial: "Our annual corporate gala at Mouda Palace was an overwhelming success. The staff's professionalism and the venue's grandeur left a lasting impression on all our guests.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg", imageAlt: "Mr. Julian Sterling"},
{
id: "3", name: "Ms. Isabella Chen", handle: "@IsabellaC_Art", testimonial: "The art exhibition hosted at Mouda Palace was spectacular. The historical backdrop enhanced the art beautifully, and the logistical support was flawless.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-brides-guests-wedding-smiling-women-with-bouquets-holding-hands-going-somewhere_74855-19978.jpg", imageAlt: "Ms. Isabella Chen"},
{
id: "4", name: "Dr. Marcus Thorne", handle: "@Thorne_Research", testimonial: "For our academic conference, Mouda Palace provided an environment of sophisticated tranquility. The facilities were excellent, and the service was discreet yet attentive.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196964.jpg", imageAlt: "Dr. Marcus Thorne"},
{
id: "5", name: "Mrs. Sophia Rodriguez", handle: "@SophiaR_Weddings", testimonial: "As a wedding planner, I appreciate perfection. Mouda Palace exceeded every expectation, delivering an event that clients will cherish forever. A true gem!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-girl-blue-tulle-skirt-having-fun-terrace-background-she-splashing-water-smiling-camera_197531-1062.jpg", imageAlt: "Mrs. Sophia Rodriguez"},
]}
showRating={true}
title="Voices of Distinction: What Our Clients Say"
description="Our commitment to creating flawless, memorable events resonates deeply with our esteemed clients. Read their experiences and discover why Mouda Palace is the preferred choice for discerning individuals and organizations."
tag="Testimonials"
/>
</div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardTwo <TeamStackedCards
animationType="slide-up" tag="Our Experts"
textboxLayout="default" title="Meet the Maestros"
gridVariant="three-columns-all-equal-width" description="The dedicated professionals behind every flawless detail."
useInvertedBackground={false} members={[]}
members={[ />
{ </div>
id: "1", name: "Elias Thorne", role: "Palace Director", description: "With over two decades in luxury hospitality, Elias ensures every aspect of Mouda Palace operates with royal standards and seamless precision.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3839.jpg", imageAlt: "Elias Thorne, Palace Director"},
{
id: "2", name: "Clara Beaumont", role: "Head Event Planner", description: "Clara is renowned for her creative vision and meticulous execution, crafting bespoke events that reflect each client's unique style and grandeur.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-ready-get-married_23-2150753685.jpg", imageAlt: "Clara Beaumont, Head Event Planner"},
{
id: "3", name: "Chef Antoine Dubois", role: "Executive Head Chef", description: "Antoine leads our culinary team, blending classic techniques with innovative flavors to create an unforgettable dining experience for every occasion.", imageSrc: "http://img.b2bpic.net/free-photo/new-idea-great-business_329181-2907.jpg", imageAlt: "Chef Antoine Dubois, Executive Head Chef"},
]}
title="Meet the Maestros Behind Your Perfect Event"
description="Our dedicated team of seasoned professionals is committed to bringing your vision to life with unparalleled expertise and a meticulous eye for detail. From initial consultation to the final flourish, we are here to ensure your event is nothing short of magnificent."
tag="Our Experts"
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitMedia
useInvertedBackground={true} tag="Assistance"
faqs={[ title="Your Questions, Elegantly Answered"
{ description="Learn more about hosting your event with us."
id: "faq-1", title: "What types of events can be hosted at Mouda Palace?", content: "Mouda Palace is an exquisite venue perfect for a wide range of luxurious events, including grand weddings, corporate galas, private celebrations, art exhibitions, and high-profile conferences. Our versatile spaces can be tailored to suit any occasion."}, items={[
{ { question: "Can we customize the catering?", answer: "Absolutely, our chefs provide bespoke menus." }
id: "faq-2", title: "How far in advance should I book my event?", content: "Due to the high demand for our exclusive venue, we recommend booking at least 12-18 months in advance for major events like weddings and large corporate gatherings. For smaller or more flexible events, please inquire about availability."}, ]}
{ />
id: "faq-3", title: "Do you offer bespoke catering services?", content: "Absolutely. Our Executive Head Chef, Antoine Dubois, and his culinary team specialize in creating bespoke menus tailored to your preferences, dietary requirements, and event theme. We pride ourselves on delivering an unparalleled gourmet experience."}, </div>
{
id: "faq-4", title: "Can I tour the palace before booking?", content: "We highly encourage personal tours to fully appreciate the grandeur and versatility of Mouda Palace. Please contact our events team to schedule a private viewing at your convenience."},
{
id: "faq-5", title: "What support is provided for event planning?", content: "Every event at Mouda Palace is assigned a dedicated Event Planner, who will guide you through every stage, from initial concept to execution. Our team provides comprehensive support to ensure a seamless and stress-free planning process."},
]}
sideTitle="Your Questions, Elegantly Answered"
sideDescription="Unveiling the details of your bespoke experience at Mouda Palace. Our comprehensive FAQ ensures all your queries are addressed with utmost clarity and sophistication, guiding you through the journey of planning your grand occasion."
buttons={[
{
text: "Ask a Question", href: "#contact"},
]}
faqsAnimation="opacity"
textPosition="left"
showCard={true}
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactCta
useInvertedBackground={false} tag="Get In Touch"
title="Curate Your Unforgettable Event" text="Begin your journey with Mouda Palace today."
description="Connect with our dedicated team to begin crafting a bespoke experience that transcends expectations. We look forward to realizing your grand vision at Mouda Palace, ensuring every detail is perfected." primaryButton={{ text: "Book a Tour", href: "#contact" }}
inputs={[ secondaryButton={{ text: "Contact Sales", href: "#contact" }}
{ />
name: "name", type: "text", placeholder: "Your Full Name", required: true, </div>
},
{
name: "email", type: "email", placeholder: "Your Email Address", required: true,
},
{
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
]}
multiSelect={{
name: "eventType", label: "Type of Event", options: [
"Wedding", "Corporate Gala", "Private Celebration", "Art Exhibition", "Conference", "Other"],
}}
textarea={{
name: "message", placeholder: "Tell us about your event and vision...", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081855.jpg"
imageAlt="Luxury pen and notebook on a desk"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Begin Your Journey"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterSimpleReveal
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ugu5n6" brand="Mouda Palace"
logoAlt="Mouda Palace Logo" columns={[]}
logoText="Mouda Palace" copyright="© 2024 Mouda Palace. All rights reserved."
leftLink={{ links={[]}
text: "Privacy Policy", href: "#"}} />
rightLink={{ </div>
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }