diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
new file mode 100644
index 0000000..ea01123
--- /dev/null
+++ b/src/app/booking/page.tsx
@@ -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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6e42e30..2120d40 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file