bender/49cf2a89-7c89-417f-acf3-08edf61406bb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 14:08:03 +00:00
parent bf1357ef09
commit e9c6d076f7
1 changed files with 132 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

480
src/app/page.tsx
View File

@@ -27,361 +27,145 @@ export default function LandingPage() {
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="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?_wi=1",
},
{
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?_wi=1"
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="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="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",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-roman-palace-with-pool_23-2151224381.jpg?_wi=2",
imageAlt: "luxury infinity pool artificial beach",
},
{
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",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/pool-relaxation-sea-scene-nature_1203-6304.jpg",
imageAlt: "luxury infinity pool artificial beach",
},
{
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",
},
],
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?_wi=2",
imageAlt: "luxury infinity pool artificial beach",
},
]}
title="World-Class Amenities"
description="Discover a comprehensive suite of facilities crafted for relaxation, recreation, and productivity."
/>
</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", 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="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="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"
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="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>
<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>
);
}
}