171 lines
12 KiB
TypeScript
171 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Activity, Utensils, Waves } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Amenities", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
brandName="Royal Oasis Estate"
|
|
button={{ text: "Book Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{ variant: "rotated-rays-static" }}
|
|
title="Unparalleled Luxury in the Heart of the New Capital"
|
|
description="Experience a sanctuary of elegance, blending modern architectural brilliance with timeless Egyptian hospitality."
|
|
testimonials={[
|
|
{ name: "Sarah J.", handle: "@travel_enthusiast", testimonial: "The architecture is stunning! A truly opulent getaway for those looking to escape the ordinary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg" },
|
|
{ name: "Mark D.", handle: "@business_traveler", testimonial: "Professional staff and exceptional service. Perfect for high-end corporate events.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-modern-street-casual-clothing-with-laptop_613910-7442.jpg" },
|
|
{ name: "Elena M.", handle: "@lifestyle_blogger", testimonial: "The pools and spa are world-class. An oasis of calm and beauty.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-handsome-man-posing-sensually_23-2147689193.jpg" },
|
|
{ name: "Kevin T.", handle: "@luxury_seeker", testimonial: "A visually magnificent property that feels like a private kingdom.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/selfie-beauty-fashion-station-beautiful_1157-2440.jpg" },
|
|
{ name: "Lisa R.", handle: "@event_planner", testimonial: "Hosted our wedding here and the attention to detail was flawless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3902.jpg" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-ancient-roman-palace-with-pool_23-2151224381.jpg"
|
|
imageAlt="Royal Oasis Estate Grand Entrance"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/census-concept-photographed-city-building_23-2148993203.jpg", alt: "Guest profile" },
|
|
{ src: "http://img.b2bpic.net/free-photo/girl-looking-sea_181624-322.jpg", alt: "Guest profile" },
|
|
{ src: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892900.jpg", alt: "Guest profile" },
|
|
{ src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349203.jpg", alt: "Guest profile" },
|
|
{ src: "http://img.b2bpic.net/free-photo/very-elegant-woman-looking-away_329181-7317.jpg", alt: "Guest profile" }
|
|
]}
|
|
avatarText="Join 500+ satisfied guests"
|
|
marqueeItems={[{ type: "text", text: "Five-Star Rating" }, { type: "text", text: "World-Class Dining" }, { type: "text", text: "Private Concierge" }, { type: "text", text: "Modern Architecture" }, { type: "text", text: "Elite Wellness Spa" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Where Grandeur Meets Modernity"
|
|
description={[
|
|
"Royal Oasis Estate offers an immersive luxury experience designed for those who appreciate the finer things. Nestled away from the urban bustle, our property provides a self-contained environment of peace and exclusivity.", "Our dedicated staff takes pride in curating seamless stays, ensuring that every detail—from our dancing fountains to our gourmet dining options—exceeds your highest expectations."
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Aquatic Sanctuary", description: "Dive into our expansive pools or relax on our exclusive artificial beach and wave pool.", icon: Waves,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-view-caucasian-male-swimming-outdoor-pool-placed-building-balcony_181624-40233.jpg", imageAlt: "Wave Pool" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-6500.jpg", imageAlt: "Poolside View" }
|
|
]
|
|
},
|
|
{
|
|
title: "Fitness & Wellness", description: "Maintain your routine in our state-of-the-art gym or indulge in our restorative spa services.", icon: Activity,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114140.jpg", imageAlt: "Gym" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-bathrobes-relaxing-lounge-chairs-while-enjoying-their-wellness-weekend-focus-is-woman_637285-7502.jpg", imageAlt: "Spa" }
|
|
]
|
|
},
|
|
{
|
|
title: "Elegant Dining", description: "Savor authentic flavors at our curated Italian and Egyptian restaurants.", icon: Utensils,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-paying-coffee-cup_482257-87199.jpg?_wi=1", imageAlt: "Fine Dining" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/details-structure-decoration-wrought-iron-beams-old-train-station-floral-decorative-ornament-made-metal-closeup-with-copy-space-interior-details-ideas-background-wallpaper_166373-2660.jpg", imageAlt: "Dining Area" }
|
|
]
|
|
}
|
|
]}
|
|
title="World-Class Amenities"
|
|
description="Discover a comprehensive suite of facilities crafted for relaxation, recreation, and productivity."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", title: "A Royal Stay", quote: "The staff were so professional, especially Mr. Ahmed. A truly grand architectural marvel.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-bright-make-up-golden-jewerly-black-dress-posing_291650-502.jpg" },
|
|
{ id: "2", title: "Perfect for Events", quote: "I attended a conference here and everything was seamless and sophisticated.", name: "Mark D.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg" },
|
|
{ id: "3", title: "Relaxing Escape", quote: "The spa is amazing! Exactly what I needed for a weekend reset.", name: "Elena M.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-wearing-green-t-shirt-showing-okay-gesture-isolated-olive-green-wall_141793-91268.jpg" },
|
|
{ id: "4", title: "Great Hospitality", quote: "Waiter Mahmoud made our evening truly special. Such a friendly team.", name: "Kevin T.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/charming-curly-brunette-woman-holds-straw-hat-smiles-pretty-lady-beige-elegant-dress-poses-place-with-sea-view_197531-30079.jpg" },
|
|
{ id: "5", title: "Visual Masterpiece", quote: "Breathtaking gardens and fountains. A photographer's dream destination.", name: "Lisa R.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2148928885.jpg" }
|
|
]}
|
|
title="Guest Experiences"
|
|
description="Real feedback from our cherished guests regarding their stay at the Estate."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "loc", title: "Is the hotel near Cairo?", content: "We are located in the New Administrative Capital, approximately 30-60 minutes from central Cairo depending on traffic." },
|
|
{ id: "shop", title: "Are there shops nearby?", content: "The Estate is an exclusive, self-contained property." },
|
|
{ id: "food", title: "What dining is available?", content: "We offer fine Italian and local Egyptian cuisine, alongside a daily breakfast buffet." },
|
|
{ id: "events", title: "Can I host a wedding here?", content: "Absolutely. Our conference facilities are designed for high-profile weddings and gatherings." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/elderly-person-paying-coffee-cup_482257-87199.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Practical information regarding your stay and travel planning."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
text="Ready to experience the luxury of Royal Oasis Estate? Contact our concierge team to reserve your stay."
|
|
buttons={[{ text: "Contact Concierge", href: "mailto:concierge@royaloasis.com" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Royal Oasis Estate"
|
|
columns={[
|
|
{ title: "The Estate", items: [{ label: "About Us", href: "#about" }, { label: "Amenities", href: "#features" }, { label: "Gallery", href: "#" }] },
|
|
{ title: "Guest Services", items: [{ label: "Concierge", href: "mailto:concierge@royaloasis.com" }, { label: "Event Inquiries", href: "#" }, { label: "FAQ", href: "#faq" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Stay", href: "#" }] }
|
|
]}
|
|
copyrightText="© 2024 Royal Oasis Estate. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |