Compare commits
3 Commits
version_3_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 3e2be14aa3 | |||
| 29ceb4f1c4 | |||
| 5c56d0b369 |
248
src/app/page.tsx
248
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user