Initial commit
This commit is contained in:
203
src/app/page.tsx
Normal file
203
src/app/page.tsx
Normal file
@@ -0,0 +1,203 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user