203 lines
14 KiB
TypeScript
203 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Sparkles, Award, Heart, Home, Quote, Trophy } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="inset-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Riad Marrakech"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Rooms", id: "accommodations" },
|
|
{ name: "Amenities", id: "features" },
|
|
{ name: "Experiences", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Your Escape", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Discover Timeless Elegance in the Heart of Morocco"
|
|
description="Indulge in luxury, culture, and serenity at our Moroccan retreat. Experience world-class amenities, authentic hospitality, and the magic of Morocco's rich heritage."
|
|
background={{ variant: "aurora" }}
|
|
kpis={[
|
|
{ value: "25+", label: "Years of Excellence" },
|
|
{ value: "5-Star", label: "Luxury Rating" },
|
|
{ value: "10,000+", label: "Cherished Guests" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="https://img.b2bpic.net/free-photo/gothic-vaults-stone-ceiling-patterns-historic-church-architecture_169016-68764.jpg"
|
|
imageAlt="Moroccan palace architecture"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Book Your Escape", href: "contact" },
|
|
{ text: "Explore Rooms", href: "accommodations" }
|
|
]}
|
|
tag="Luxury Destination"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Heritage"
|
|
tagIcon={Award}
|
|
title="A Sanctuary of Authentic Moroccan Luxury"
|
|
description="Founded on principles of cultural preservation and exceptional hospitality, Riad Marrakech stands as a beacon of timeless elegance in Morocco's vibrant heart."
|
|
subdescription="Celebrating 25 years of authentic luxury experiences and world-class service"
|
|
icon={Heart}
|
|
imageSrc="https://img.b2bpic.net/free-photo/wooden-craft-gift-box-with-patterns_114579-12012.jpg"
|
|
imageAlt="Moroccan cultural heritage"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
title="World-Class Amenities"
|
|
description="Every detail is crafted to exceed expectations. From rejuvenating spa treatments to culinary masterpieces, discover amenities that redefine luxury."
|
|
tag="Experience Excellence"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Wellness", title: "Traditional Hammam & Spa", subtitle: "Ancient treatments meet modern luxury", description: "Indulge in authentic Moroccan hammam rituals performed by expert therapists. Our spa combines traditional wellness practices with contemporary techniques for complete rejuvenation.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-ancient-room-design-with-bathtub-small-indoor-pool_181624-21679.jpg", imageAlt: "Luxury spa and hammam"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Culinary", title: "Award-Winning Cuisine", subtitle: "Moroccan flavors elevated to art", description: "Experience exquisite dining in our courtyard restaurant. Our Michelin-trained chef creates innovative dishes rooted in authentic Moroccan traditions using the finest local ingredients.", imageSrc: "https://img.b2bpic.net/free-photo/top-view-arab-dish_23-2147794277.jpg", imageAlt: "Fine dining experience"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Serenity", title: "Serene Garden Oasis", subtitle: "Peace in the heart of the medina", description: "Retreat to our enchanting courtyard garden, a tranquil sanctuary featuring cascading fountains, exotic palms, and traditional Moroccan architecture that transports you away from the world.", imageSrc: "https://img.b2bpic.net/free-photo/tropical-garden-with-small-artificial-pond-palm-trees-around-it_627829-8256.jpg", imageAlt: "Garden oasis and courtyard"
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Service", title: "Personalized Concierge", subtitle: "Your wishes are our commands", description: "Our dedicated concierge team arranges bespoke experiences, from private desert excursions to exclusive cultural tours, ensuring every moment of your stay is unforgettable.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-waitress-serving-dessert-guest-cafe_637285-8889.jpg", imageAlt: "Luxury concierge service"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="accommodations" data-section="accommodations">
|
|
<ProductCardFour
|
|
title="Luxurious Accommodations"
|
|
description="Each room is a masterpiece of design, blending traditional Moroccan architecture with contemporary luxury and modern amenities."
|
|
tag="Rooms & Suites"
|
|
tagIcon={Home}
|
|
products={[
|
|
{
|
|
id: "1", name: "Deluxe Suite", price: "From $350/night", variant: "Marble bathrooms • City view • Premium linens", imageSrc: "https://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg", imageAlt: "Deluxe suite with luxury furnishings"
|
|
},
|
|
{
|
|
id: "2", name: "Presidential Suite", price: "From $800/night", variant: "Private terrace • Jacuzzi • Personalized service", imageSrc: "https://img.b2bpic.net/free-photo/small-bathroom-space-with-modern-style-furniture_23-2150864624.jpg", imageAlt: "Presidential suite with panoramic views"
|
|
},
|
|
{
|
|
id: "3", name: "Garden View Room", price: "From $280/night", variant: "Courtyard views • Traditional decor • Serene setting", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754885.jpg", imageAlt: "Garden view room with traditional design"
|
|
}
|
|
]
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Trusted by Affluent Travelers Worldwide"
|
|
description="Discover why discerning guests return year after year"
|
|
tag="Guest Stories"
|
|
tagIcon={Quote}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "A true sanctuary of elegance and authenticity", quote: "Every detail surpassed our expectations. The staff anticipated our needs before we even realized them. This is luxury redefined.", name: "Michael Richardson", role: "CEO, Global Ventures", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Michael Richardson"
|
|
},
|
|
{
|
|
id: "2", title: "The most authentic Moroccan experience imaginable", quote: "The cultural immersion here is unparalleled. We felt transported to another world while enjoying world-class amenities. Simply extraordinary.", name: "Catherine Laurent", role: "Art Collector & Philanthropist", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Catherine Laurent"
|
|
},
|
|
{
|
|
id: "3", title: "Privacy, luxury, and impeccable service", quote: "As someone who travels extensively, I can confidently say this is among the finest luxury hotels I've experienced. Utterly perfect.", name: "James Thompson", role: "Private Equity Executive", imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "James Thompson"
|
|
},
|
|
{
|
|
id: "4", title: "An investment in unforgettable memories", quote: "Worth every penny. The personalized service, stunning architecture, and genuine warmth of the staff made our anniversary truly magical.", name: "Sophie Beaumont", role: "Business Owner", imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Sophie Beaumont"
|
|
},
|
|
{
|
|
id: "5", title: "A masterpiece of hospitality excellence", quote: "From check-in to check-out, every moment was carefully crafted. This is how luxury should feel—effortless and deeply authentic.", name: "David Chen", role: "Tech Entrepreneur", imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "6", title: "The epitome of Moroccan grandeur", quote: "I've stayed at hundreds of luxury hotels worldwide. This one stands apart with its soul, sophistication, and sincere commitment to excellence.", name: "Victoria Ashford", role: "Travel Influencer & Author", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Victoria Ashford"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Our Impact & Recognition"
|
|
description="A legacy of excellence, celebrated by industry leaders and cherished by guests"
|
|
tag="Achievements"
|
|
tagIcon={Trophy}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "10,000+", title: "Satisfied Guests", description: "Memorable stays spanning over two decades", imageSrc: "https://img.b2bpic.net/free-photo/front-view-friends-having-lunch_23-2150598427.jpg", imageAlt: "Happy guests at luxury hotel"
|
|
},
|
|
{
|
|
id: "2", value: "47", title: "International Awards", description: "Recognized for luxury, service, and cultural excellence", imageSrc: "https://img.b2bpic.net/free-photo/front-view-friends-having-lunch_23-2150598401.jpg", imageAlt: "Award recognition and accolades"
|
|
},
|
|
{
|
|
id: "3", value: "500+", title: "Cultural Experiences", description: "Curated authentic adventures through Morocco's heritage", imageSrc: "https://img.b2bpic.net/free-photo/side-view-morning-brides-with-bridesmaids_8353-12006.jpg", imageAlt: "Cultural experiences and traditions"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience timeless elegance and authentic Moroccan luxury? Let us craft your perfect escape."
|
|
animationType="entrance-slide"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Book Your Escape", href: "#contact-form" },
|
|
{ text: "Request Information", href: "#contact-form" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal logoText="Riad Marrakech" />
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |