9 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
ef3be02270 Update src/app/styles/variables.css 2026-06-04 15:43:21 +00:00
4c20494ef7 Update src/app/page.tsx 2026-06-04 15:43:20 +00:00
311d1a1959 Merge version_1 into main
Merge version_1 into main
2026-06-04 15:40:45 +00:00
99d1fcb47c Merge version_1 into main
Merge version_1 into main
2026-06-04 15:39:54 +00:00
2 changed files with 134 additions and 288 deletions

View File

@@ -2,18 +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 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 (
@@ -30,283 +30,129 @@ 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: "Events", id: "#events"},
{
name: "Pricing", id: "#pricing"},
{
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="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"},
{
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="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="about" data-section="about">
<TextAbout
useInvertedBackground={true}
tag="Our Legacy"
title="Experience Timeless Grandeur and Unrivalled Service"
buttons={[
{
text: "Our Story", href: "#"},
]}
/>
</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="facilities" data-section="facilities">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
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: {
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"}
},
{
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="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="events" data-section="events">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
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"},
{
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="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="pricing" data-section="pricing">
<PricingCardOne
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "emerald", badge: "Signature", badgeIcon: Sparkles,
price: "Starting from $X,XXX", subtitle: "Ideal for elegant weddings & grand receptions", features: [
"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,
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="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="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
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,
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="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="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
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="team" data-section="team">
<TeamStackedCards
tag="Our Experts"
title="Meet the Maestros"
description="The dedicated professionals behind every flawless detail."
members={[]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
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."},
{
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."},
{
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, Our Expertise"
sideDescription="Find answers to frequently asked questions about booking, planning, and hosting events at Mouda Palace. Our comprehensive guide ensures clarity and confidence as you plan your grand occasion."
buttons={[
{
text: "Ask a Question", href: "#contact"},
]}
faqsAnimation="opacity"
textPosition="left"
showCard={true}
/>
</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="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Begin Your Mouda Palace Journey"
description="Ready to discuss your vision? Our dedicated team is eager to assist you in planning an event that will be etched in memory forever. Submit your inquiry below, and we will contact you shortly for a personalized consultation."
inputs={[
{
name: "name", type: "text", placeholder: "Your Full Name", required: true,
},
{
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...", 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="Submit Inquiry"
/>
</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="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"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimpleReveal
brand="Mouda Palace"
columns={[]}
copyright="© 2024 Mouda Palace. All rights reserved."
links={[]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000f06e6;
--primary-cta: #0a7039;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000f06e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);