Update src/app/pricing/page.tsx

Merge version_3 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

@@ -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>
+  );
+}

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';
@@ -32,26 +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"
     />
@@ -60,68 +44,29 @@ 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: "/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>
@@ -142,21 +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."
@@ -169,24 +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."
@@ -200,26 +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"
@@ -230,13 +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."
     />
@@ -247,21 +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."
@@ -269,48 +154,19 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Book Your Stay Today"
-      description="Reach out to our reservations team to secure your room at Sonesta Cairo Hotel."
-      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg"
-      mediaAnimation="slide-up"
-      imageAlt="hotel reception desk elegant"
-    />
-  </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: "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: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}

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>
+  );
+}