src/app/about/page.tsx

@@ -0,0 +1,35 @@
+"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>
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Booking", id: "/booking" },
+          ]}
+          brandName="Sonesta Cairo"
+        />
+        <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."
+        />
+        <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" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,11 +32,9 @@ 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"
@@ -50,7 +48,7 @@ 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"
@@ -156,25 +154,6 @@ 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={[

src/app/pricing/page.tsx

@@ -0,0 +1,41 @@
+"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>
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Booking", id: "/booking" },
+          ]}
+          brandName="Sonesta Cairo"
+        />
+        <PricingCardOne
+          title="Our Room Packages"
+          description="Choose the perfect stay option tailored to your needs."
+          animationType="slide-up"
+          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"] }
+          ]}
+        />
+        <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" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}