Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Pricing", id: "/pricing" },
+            ]}
+            brandName="Sonesta Cairo"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            title="About Our Legacy"
+            description="For over two decades, Sonesta Hotel Tower & Casino has defined hospitality in Nasr City. We blend contemporary design with authentic Egyptian service."
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Contact", items: [{ label: "3 El Tayaran St, Nasr City" }, { label: "02 22641111" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] },
+            ]}
+            bottomLeftText="© 2025 Sonesta"
+            bottomRightText="All Rights Reserved"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/booking/page.tsx

@@ -60,4 +60,4 @@ export default function BookingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -32,16 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Booking", id: "/booking" },
       ]}
       brandName="Sonesta Cairo"
     />
@@ -54,41 +48,25 @@ export default function LandingPage() {
       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: "/booking" },
       ]}
       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/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/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/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-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/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: "Luxury Accommodations",          icon: Building2,
-        },
-        {
-          type: "text-icon",          text: "Prime Location",          icon: MapPin,
-        },
-        {
-          type: "text-icon",          text: "24/7 Concierge",          icon: Bell,
-        },
-        {
-          type: "text-icon",          text: "Wellness & Spa",          icon: Sparkles,
-        },
+        { type: "text-icon", text: "Award-Winning Service", icon: Trophy },
+        { type: "text-icon", text: "Luxury Accommodations", icon: Building2 },
+        { type: "text-icon", text: "Prime Location", icon: MapPin },
+        { type: "text-icon", text: "24/7 Concierge", icon: Bell },
+        { type: "text-icon", text: "Wellness & Spa", icon: Sparkles },
       ]}
     />
   </div>
@@ -109,15 +87,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Droplets,
-          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."},
-        {
-          icon: Activity,
-          title: "Fitness & Wellness",          description: "Stay fit in our fully equipped gym or rejuvenate in our tranquil wellness facilities."},
+        { icon: Droplets, 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." },
+        { icon: Activity, 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."
@@ -130,15 +102,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          icon: Star,
-          title: "Guest Rating",          value: "4.3/5"},
-        {
-          id: "m2",          icon: MapPin,
-          title: "Attractions Nearby",          value: "15+"},
-        {
-          id: "m3",          icon: Clock,
-          title: "Years of Experience",          value: "20+"},
+        { id: "m1", icon: Star, title: "Guest Rating", value: "4.3/5" },
+        { id: "m2", icon: MapPin, title: "Attractions Nearby", value: "15+" },
+        { 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."
@@ -152,16 +118,11 @@ export default function LandingPage() {
       rating={5}
       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/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/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/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/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/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"
@@ -172,8 +133,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "TravelChoice",        "GlobalHospitality",        "BookingPartner",        "CairoTourism",        "GreenStayAward"]}
+      names={["TravelChoice", "GlobalHospitality", "BookingPartner", "CairoTourism", "GreenStayAward"]}
       title="Trusted by Travelers Worldwide"
       description="Recognized for excellence and sustainability in the global hospitality sector."
     />
@@ -184,12 +144,9 @@ export default function LandingPage() {
       textboxLayout="default"
       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: "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: "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: "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."
@@ -197,46 +154,19 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      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"]
-      }}
-      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"
-    />
-  </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"},
+            { 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: "#"},
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
@@ -247,4 +177,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Pricing", id: "/pricing" },
+            ]}
+            brandName="Sonesta Cairo"
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            title="Our Room Packages"
+            description="Choose the perfect stay option tailored to your needs."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", badge: "Essential", price: "$150", subtitle: "Comfortable standard stay", features: ["Free Wi-Fi", "Breakfast included", "City View"] },
+              { id: "p2", badge: "Deluxe", price: "$250", subtitle: "Premium tower views", features: ["All Essential features", "Executive Lounge Access", "Priority Check-in"] },
+              { id: "p3", badge: "Royal", price: "$450", subtitle: "Ultimate luxury experience", features: ["All Deluxe features", "Airport Transfers", "Private Concierge"] }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Contact", items: [{ label: "3 El Tayaran St, Nasr City" }, { label: "02 22641111" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] },
+            ]}
+            bottomLeftText="© 2025 Sonesta"
+            bottomRightText="All Rights Reserved"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}