bender/b97aa43c-8be7-4afd-8042-b5017f5e3a45
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-15 14:41:27 +00:00
Conversation 0 Commits 2 Files Changed 2 +121 -132
2 changed files with 121 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/app/booking/page.tsx Normal file
View File

@@ -0,0 +1,63 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function BookingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Features", id: "/features" },
{ name: "Testimonials", id: "/testimonials" },
{ name: "Contact", id: "/contact" },
{ name: "Booking", id: "/booking" },
]}
brandName="Sonesta Cairo"
/>
</div>
<div className="py-20">
<ProductCatalog
layout="page"
products={[
{ id: "r1", name: "Deluxe Room", price: "$150/night", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-comfortable-bed-and-pillows_23-2148753232.jpg", imageAlt: "Deluxe Room" },
{ id: "r2", name: "Executive Suite", price: "$250/night", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-suite-hotel_105762-2164.jpg", imageAlt: "Executive Suite" },
{ id: "r3", name: "Presidential Suite", price: "$500/night", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-hotel-room_23-2148753232.jpg", imageAlt: "Presidential Suite" }
]}
searchPlaceholder="Search for rooms..."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Contact", items: [{ label: "3 El Tayaran St, Nasr City", href: "#" }, { label: "02 22641111", href: "tel:0222641111" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 Sonesta Hotel Tower & Casino Cairo. All rights reserved."
bottomRightText="Built with passion for excellence."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

190
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterSimple from '@/components/sections/footer/FooterSimple';
@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Sonesta Cairo"
/>
@@ -60,67 +50,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Experience Unrivaled Luxury in Cairo"
description="Discover the sophisticated elegance of Sonesta Hotel Tower & Casino. Perfectly situated in the heart of Nasr City, offering world-class comfort and authentic hospitality."
buttons={[
{
text: "Check Availability",
href: "#contact",
},
text: "Check Availability", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918969.jpg"
imageAlt="luxury hotel exterior view cairo"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
alt: "Middle age businessman smiling happy standing at the city",
},
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", alt: "Middle age businessman smiling happy standing at the city"},
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
alt: "Smiling businessman face portrait, wearing suit",
},
src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", alt: "Smiling businessman face portrait, wearing suit"},
{
src: "http://img.b2bpic.net/free-photo/smiling-blonde-young-woman-leaning-wooden-desk_23-2148066848.jpg",
alt: "Smiling blonde young woman leaning on wooden desk",
},
src: "http://img.b2bpic.net/free-photo/smiling-blonde-young-woman-leaning-wooden-desk_23-2148066848.jpg", alt: "Smiling blonde young woman leaning on wooden desk"},
{
src: "http://img.b2bpic.net/free-photo/loving-family-taking-selfie_23-2147800444.jpg",
alt: "Loving family taking selfie",
},
src: "http://img.b2bpic.net/free-photo/loving-family-taking-selfie_23-2147800444.jpg", alt: "Loving family taking selfie"},
{
src: "http://img.b2bpic.net/free-photo/front-view-adults-girl-posing-together_23-2148600881.jpg",
alt: "Front view adults and girl posing together",
},
src: "http://img.b2bpic.net/free-photo/front-view-adults-girl-posing-together_23-2148600881.jpg", alt: "Front view adults and girl posing together"},
]}
avatarText="Join 5,000+ satisfied guests"
marqueeItems={[
{
type: "text-icon",
text: "Award-Winning Service",
icon: Trophy,
type: "text-icon", text: "Award-Winning Service", icon: Trophy,
},
{
type: "text-icon",
text: "Luxury Accommodations",
icon: Building2,
type: "text-icon", text: "Luxury Accommodations", icon: Building2,
},
{
type: "text-icon",
text: "Prime Location",
icon: MapPin,
type: "text-icon", text: "Prime Location", icon: MapPin,
},
{
type: "text-icon",
text: "24/7 Concierge",
icon: Bell,
type: "text-icon", text: "24/7 Concierge", icon: Bell,
},
{
type: "text-icon",
text: "Wellness & Spa",
icon: Sparkles,
type: "text-icon", text: "Wellness & Spa", icon: Sparkles,
},
]}
/>
@@ -144,19 +111,13 @@ export default function LandingPage() {
features={[
{
icon: Droplets,
title: "Relaxing Poolside",
description: "Unwind in our serene outdoor swimming area, perfect for sunny Cairo afternoons.",
},
title: "Relaxing Poolside", description: "Unwind in our serene outdoor swimming area, perfect for sunny Cairo afternoons."},
{
icon: Utensils,
title: "Gourmet Dining",
description: "Experience culinary excellence at our onsite restaurants offering international flavors.",
},
title: "Gourmet Dining", description: "Experience culinary excellence at our onsite restaurants offering international flavors."},
{
icon: Activity,
title: "Fitness & Wellness",
description: "Stay fit in our fully equipped gym or rejuvenate in our tranquil wellness facilities.",
},
title: "Fitness & Wellness", description: "Stay fit in our fully equipped gym or rejuvenate in our tranquil wellness facilities."},
]}
title="World-Class Amenities"
description="Indulge in an array of services designed for ultimate relaxation and productivity."
@@ -170,23 +131,14 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Star,
title: "Guest Rating",
value: "4.3/5",
},
id: "m1", icon: Star,
title: "Guest Rating", value: "4.3/5"},
{
id: "m2",
icon: MapPin,
title: "Attractions Nearby",
value: "15+",
},
id: "m2", icon: MapPin,
title: "Attractions Nearby", value: "15+"},
{
id: "m3",
icon: Clock,
title: "Years of Experience",
value: "20+",
},
id: "m3", icon: Clock,
title: "Years of Experience", value: "20+"},
]}
title="Excellence in Hospitality"
description="Our commitment to guest satisfaction is reflected in our numbers."
@@ -201,25 +153,15 @@ export default function LandingPage() {
author="Sarah Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg",
alt: "portrait business traveler smiling",
},
src: "http://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg", alt: "portrait business traveler smiling"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
alt: "professional man smiling portrait",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "professional man smiling portrait"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5287.jpg",
alt: "portrait woman smiling relaxing",
},
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5287.jpg", alt: "portrait woman smiling relaxing"},
{
src: "http://img.b2bpic.net/free-photo/family-hanging-out-jetty_23-2150767911.jpg",
alt: "smiling family portrait hotel",
},
src: "http://img.b2bpic.net/free-photo/family-hanging-out-jetty_23-2150767911.jpg", alt: "smiling family portrait hotel"},
{
src: "http://img.b2bpic.net/free-photo/happy-young-african-american-guy-using-digital-tablet-wireless-headphones-while-sitting-hotel-lounge-area-looking-webcam-smiling-tourist-talking-by-video-with-family-while-travelling_482257-65023.jpg",
alt: "man professional casual portrait",
},
src: "http://img.b2bpic.net/free-photo/happy-young-african-american-guy-using-digital-tablet-wireless-headphones-while-sitting-hotel-lounge-area-looking-webcam-smiling-tourist-talking-by-video-with-family-while-travelling_482257-65023.jpg", alt: "man professional casual portrait"},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -231,12 +173,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"TravelChoice",
"GlobalHospitality",
"BookingPartner",
"CairoTourism",
"GreenStayAward",
]}
"TravelChoice", "GlobalHospitality", "BookingPartner", "CairoTourism", "GreenStayAward"]}
title="Trusted by Travelers Worldwide"
description="Recognized for excellence and sustainability in the global hospitality sector."
/>
@@ -248,20 +185,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What are the check-in/check-out times?",
content: "Check-in time is 2:00 PM and check-out time is 12:00 PM.",
},
id: "f1", title: "What are the check-in/check-out times?", content: "Check-in time is 2:00 PM and check-out time is 12:00 PM."},
{
id: "f2",
title: "Is Wi-Fi available for free?",
content: "Yes, free Wi-Fi is provided for all our guests throughout the property.",
},
id: "f2", title: "Is Wi-Fi available for free?", content: "Yes, free Wi-Fi is provided for all our guests throughout the property."},
{
id: "f3",
title: "Is breakfast included in the booking?",
content: "We offer various rates, some of which include daily complimentary breakfast. Please check your booking details.",
},
id: "f3", title: "Is breakfast included in the booking?", content: "We offer various rates, some of which include daily complimentary breakfast. Please check your booking details."},
]}
title="Frequently Asked Questions"
description="Answers to common questions regarding your upcoming stay."
@@ -270,17 +198,25 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactSplit
<ContactSplitForm
useInvertedBackground={true}
background={{
variant: "plain",
title="Book Your Stay"
description="Secure your room by providing your travel details."
inputs={[
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
{ name: "checkIn", type: "date", placeholder: "Check-in Date", required: true },
{ name: "checkOut", type: "date", placeholder: "Check-out Date", required: true }
]}
multiSelect={{
name: "roomType",
label: "Select Room Type",
options: ["Standard Suite", "Deluxe Tower View", "Royal Penthouse"]
}}
tag="Contact Us"
title="Book Your Stay Today"
description="Reach out to our reservations team to secure your room at Sonesta Cairo Hotel."
textarea={{ name: "requests", placeholder: "Special Requests", rows: 3 }}
buttonText="Submit Booking"
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg"
mediaPosition="left"
mediaAnimation="slide-up"
imageAlt="hotel reception desk elegant"
/>
</div>
@@ -288,29 +224,19 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "3 El Tayaran St, Nasr City",
href: "#",
},
label: "3 El Tayaran St, Nasr City", href: "#"},
{
label: "02 22641111",
href: "tel:0222641111",
},
label: "02 22641111", href: "tel:0222641111"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -321,4 +247,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}