From 38783383b4df70021ddda636b6ff9097fc5f9470 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 11:29:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 239 ++++++++++++++++++++---------------------------
 1 file changed, 103 insertions(+), 136 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 37dd958..391905e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,8 +5,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import {
   Hotel,
@@ -15,35 +17,28 @@ import {
   MapPin,
   Star,
   Check,
-  CircleDollarSign,
-  ArrowLeftRight,
-  Send,
   Home,
-  MessageSquareText,
-  Settings,
 } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "Rooms", id: "rooms" },
+    { name: "Rooms", id: "products" },
     { name: "Amenities", id: "amenities" },
     { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Quick Links",
-      items: [
+      title: "Quick Links",      items: [
         { label: "Home", href: "/" },
-        { label: "Rooms & Suites", href: "/rooms" },
-        { label: "Amenities", href: "/amenities" },
+        { label: "Rooms & Suites", href: "#products" },
+        { label: "Amenities", href: "#amenities" },
         { label: "Book Now", href: "#contact" },
       ],
     },
     {
-      title: "Contact Info",
-      items: [
+      title: "Contact Info",      items: [
         { label: "Phone: +966 12 601 1111", href: "tel:+966126011111" },
         { label: "Email: reservations@areenhotel.com", href: "mailto:reservations@areenhotel.com" },
         { label: "Location: 4432–4471 Sultan Ibn Salman Road, An Nuzhah, Jeddah 23534", href: "#" },
@@ -51,17 +46,15 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Information",
-      items: [
+      title: "Information",      items: [
         { label: "About Us", href: "#about" },
         { label: "Gallery", href: "#" },
         { label: "Guest Reviews", href: "#testimonials" },
-        { label: "Contact Us", href: "/contact" },
+        { label: "Contact Us", href: "#contact" },
       ],
     },
     {
-      title: "Policies",
-      items: [
+      title: "Policies",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms & Conditions", href: "#" },
         { label: "Cancellation Policy", href: "#" },
@@ -88,9 +81,7 @@ export default function HomePage() {
           brandName="Areen Airport Hotel"
           navItems={navItems}
           button={{
-            text: "Book Now",
-            href: "#contact",
-          }}
+            text: "Book Now",            href: "#contact"}}
           animateOnLoad={true}
         />
       </div>
@@ -104,14 +95,11 @@ export default function HomePage() {
           background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Book a Room", href: "#contact" },
-            { text: "View Amenities", href: "/amenities" },
+            { text: "View Amenities", href: "#amenities" },
           ]}
           dashboard={{
-            title: "Why Choose Areen?",
-            logoIcon: Award,
-            imageSrc: "http://img.b2bpic.net/free-photo/business-professional-finding-new-ideas-forge-international-partnership-before-attending-conference-hotel-lounge-area-ceo-taking-notes-preparing-important-speech_482257-68049.jpg",
-            imageAlt: "modern hotel lobby luxury interior",
-            sidebarItems: [
+            title: "Why Choose Areen?",            logoIcon: Award,
+            imageSrc: "http://img.b2bpic.net/free-photo/business-professional-finding-new-ideas-forge-international-partnership-before-attending-conference-hotel-lounge-area-ceo-taking-notes-preparing-important-speech_482257-68049.jpg",            imageAlt: "modern hotel lobby luxury interior",            sidebarItems: [
               { icon: Wifi, active: true },
               { icon: MapPin },
               { icon: Star },
@@ -122,38 +110,61 @@ export default function HomePage() {
             ],
             stats: [
               {
-                title: "Free WiFi",
-                values: ["5 Mbps", "50 Mbps", "100 Mbps"],
-                description: "High-speed connectivity",
-              },
+                title: "Free WiFi",                values: [5, 50, 100],
+                valueSuffix: " Mbps",                description: "High-speed connectivity"},
               {
-                title: "Airport Access",
-                values: ["15 min", "10 min", "5 min"],
-                valueSuffix: " away",
-                description: "From terminal",
-              },
+                title: "Airport Access",                values: [15, 10, 5],
+                valueSuffix: " min away",                description: "From terminal"},
               {
-                title: "24/7 Reception",
-                values: ["Available", "Ready", "Always Open"],
-                description: "Round-the-clock service",
-              },
+                title: "24/7 Reception",                values: [24, 7, 365],
+                description: "Round-the-clock service"},
             ],
-            chartTitle: "Guest Satisfaction",
-            chartData: [
+            chartTitle: "Guest Satisfaction",            chartData: [
               { value: 85 },
               { value: 90 },
               { value: 88 },
               { value: 92 },
               { value: 95 },
             ],
-            listTitle: "Key Features",
-            listItems: [
+            listTitle: "Key Features",            listItems: [
               { icon: Check, title: "Modern Rooms", status: "Premium" },
               { icon: Check, title: "Excellent Service", status: "24/7" },
               { icon: Check, title: "Prime Location", status: "5 min walk" },
             ],
-            searchPlaceholder: "Search hotel services...",
-          }}
+            searchPlaceholder: "Search hotel services..."}}
+        />
+      </div>
+
+      <div id="amenities" data-section="amenities">
+        <FeatureCardTwentyFour
+          title="Premium Hotel Amenities"
+          description="Discover all the services and facilities designed to make your stay comfortable and memorable at Areen Airport Hotel."
+          tag="Facilities"
+          tagIcon={Star}
+          features={[
+            {
+              id: "wifi",              title: "High-Speed WiFi",              author: "Complimentary",              description: "Stay connected throughout your stay with our reliable high-speed internet access in all rooms and common areas.",              tags: ["Connectivity", "Essential"],
+              imageSrc: "http://img.b2bpic.net/free-vector/smart-home-background-with-smartphone-control_23-2147852719.jpg",              imageAlt: "wifi high speed internet connectivity"},
+            {
+              id: "reception",              title: "24/7 Front Desk",              author: "Always Available",              description: "Our dedicated reception team is available round-the-clock to assist with bookings, information, and any guest requests.",              tags: ["Service", "Support"],
+              imageSrc: "http://img.b2bpic.net/free-photo/client-presents-passport-check-process-hotel-concierge-reviewing-id-info-validate-online-room-booking-executive-manager-travelling-business-trip-stays-five-star-resort_482257-70518.jpg",              imageAlt: "hotel reception desk professional staff"},
+            {
+              id: "parking",              title: "Secure Parking",              author: "Guest Exclusive",              description: "Complimentary secure parking available for all hotel guests with 24-hour surveillance and easy access.",              tags: ["Convenience", "Security"],
+              imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397568.jpg",              imageAlt: "secure parking lot modern facility"},
+            {
+              id: "dining",              title: "Room Service & Dining",              author: "In-Room Delivery",              description: "Enjoy quality meals delivered to your room with our comprehensive room service menu available throughout the day.",              tags: ["Dining", "Convenience"],
+              imageSrc: "http://img.b2bpic.net/free-photo/restaurant-private-room-with-blue-chairs-white-walls-fireplace-wide-window_140725-8454.jpg",              imageAlt: "hotel restaurant elegant fine dining room"},
+            {
+              id: "lounge",              title: "Relaxation Lounges",              author: "Comfortable Spaces",              description: "Unwind in our modern lounge areas designed for relaxation with comfortable seating and ambient atmosphere.",              tags: ["Comfort", "Leisure"],
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-with-food-booze-leftover-misery-table_482257-26793.jpg",              imageAlt: "hotel lounge comfortable seating relaxation"},
+            {
+              id: "ac",              title: "Climate Control",              author: "Premium Comfort",              description: "All rooms feature advanced air-conditioning systems to ensure optimal temperature control in any season.",              tags: ["Comfort", "Technology"],
+              imageSrc: "http://img.b2bpic.net/free-photo/maybe-i-should-take-nap-before-clients-come-shot-tired-woman-maid-uniform-lying-bed-yawning-covering-mouth-being-exhausted-after-cleaning-all-mess-clients-left-their-hotel-room_176420-14588.jpg",              imageAlt: "air conditioning system modern hotel room"},
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "Book Your Stay", href: "#contact" }]}
         />
       </div>
 
@@ -161,20 +172,17 @@ export default function HomePage() {
         <TextSplitAbout
           title="About Areen Airport Hotel"
           description={[
-            "Areen Airport Hotel is your premier choice for accommodations near King Abdulaziz International Airport in Jeddah. Located at 4432–4471 Sultan Ibn Salman Road, An Nuzhah District, we offer a perfect blend of modern comfort, convenient location, and exceptional service.",
-            "Our hotel welcomes business travelers, families, and leisure guests with spacious, well-appointed rooms featuring contemporary amenities. We understand the unique needs of airport travelers and have designed our services to provide maximum comfort and convenience.",
-            "From our knowledgeable staff to our well-maintained facilities, every detail is crafted to ensure your stay is memorable. Whether you need a quick overnight stay or a longer visit to Jeddah, Areen Airport Hotel is the ideal destination for comfort and professionalism.",
-          ]}
+            "Areen Airport Hotel is your premier choice for accommodations near King Abdulaziz International Airport in Jeddah. Located at 4432–4471 Sultan Ibn Salman Road, An Nuzhah District, we offer a perfect blend of modern comfort, convenient location, and exceptional service.",            "Our hotel welcomes business travelers, families, and leisure guests with spacious, well-appointed rooms featuring contemporary amenities. We understand the unique needs of airport travelers and have designed our services to provide maximum comfort and convenience.",            "From our knowledgeable staff to our well-maintained facilities, every detail is crafted to ensure your stay is memorable. Whether you need a quick overnight stay or a longer visit to Jeddah, Areen Airport Hotel is the ideal destination for comfort and professionalism."]}
           useInvertedBackground={false}
           showBorder={true}
           buttons={[
-            { text: "Explore Rooms", href: "/rooms" },
-            { text: "Contact Us", href: "/contact" },
+            { text: "Explore Rooms", href: "#products" },
+            { text: "Contact Us", href: "#contact" },
           ]}
         />
       </div>
 
-      <div id="rooms" data-section="rooms">
+      <div id="products" data-section="products">
         <ProductCardTwo
           title="Room Types & Suites"
           description="Choose from our selection of comfortable room types, each designed with your needs in mind. All rooms feature premium bedding, modern amenities, and elegant décor."
@@ -182,45 +190,17 @@ export default function HomePage() {
           tagIcon={Home}
           products={[
             {
-              id: "standard",
-              brand: "Areen",
-              name: "Standard Room",
-              price: "SAR 350-450",
-              rating: 4,
-              reviewCount: "180",
-              imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4503.jpg?_wi=1",
-              imageAlt: "Comfortable Standard Room at Areen Airport Hotel",
-            },
+              id: "standard",              brand: "Areen",              name: "Standard Room",              price: "SAR 350-450",              rating: 4,
+              reviewCount: "180",              imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4503.jpg",              imageAlt: "Comfortable Standard Room at Areen Airport Hotel"},
             {
-              id: "deluxe",
-              brand: "Areen",
-              name: "Deluxe Room",
-              price: "SAR 500-650",
-              rating: 5,
-              reviewCount: "220",
-              imageSrc: "http://img.b2bpic.net/free-photo/bed-with-nightstand-pendant-lamp-showroom-styled-bedroom_169016-71049.jpg?_wi=1",
-              imageAlt: "Spacious Deluxe Room with modern amenities",
-            },
+              id: "deluxe",              brand: "Areen",              name: "Deluxe Room",              price: "SAR 500-650",              rating: 5,
+              reviewCount: "220",              imageSrc: "http://img.b2bpic.net/free-photo/bed-with-nightstand-pendant-lamp-showroom-styled-bedroom_169016-71049.jpg",              imageAlt: "Spacious Deluxe Room with modern amenities"},
             {
-              id: "family",
-              brand: "Areen",
-              name: "Family Room",
-              price: "SAR 650-800",
-              rating: 5,
-              reviewCount: "195",
-              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-have-fun-bedroom-fighting-with-big-pillows-home_1153-3756.jpg?_wi=1",
-              imageAlt: "Spacious Family Room perfect for groups",
-            },
+              id: "family",              brand: "Areen",              name: "Family Room",              price: "SAR 650-800",              rating: 5,
+              reviewCount: "195",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-have-fun-bedroom-fighting-with-big-pillows-home_1153-3756.jpg",              imageAlt: "Spacious Family Room perfect for groups"},
             {
-              id: "suite",
-              brand: "Areen",
-              name: "Executive Suite",
-              price: "SAR 1000-1200",
-              rating: 5,
-              reviewCount: "150",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-caucasian-woman-alone-summer-cute-dress-vacation-luxury-villa_343596-357.jpg?_wi=1",
-              imageAlt: "Luxurious Executive Suite with premium amenities",
-            },
+              id: "suite",              brand: "Areen",              name: "Executive Suite",              price: "SAR 1000-1200",              rating: 5,
+              reviewCount: "150",              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-caucasian-woman-alone-summer-cute-dress-vacation-luxury-villa_343596-357.jpg",              imageAlt: "Luxurious Executive Suite with premium amenities"},
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -238,59 +218,23 @@ export default function HomePage() {
           tagIcon={Star}
           testimonials={[
             {
-              id: "1",
-              name: "Ahmed Al-Dosari",
-              role: "Business Traveler",
-              company: "Saudi Aramco",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
-              imageAlt: "professional business man portrait headshot",
-            },
+              id: "1",              name: "Ahmed Al-Dosari",              role: "Business Traveler",              company: "Saudi Aramco",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",              imageAlt: "professional business man portrait headshot"},
             {
-              id: "2",
-              name: "Fatima Hassan",
-              role: "Family Vacation",
-              company: "Jeddah Resident",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
-              imageAlt: "professional woman business portrait smiling",
-            },
+              id: "2",              name: "Fatima Hassan",              role: "Family Vacation",              company: "Jeddah Resident",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",              imageAlt: "professional woman business portrait smiling"},
             {
-              id: "3",
-              name: "Mohammed Al-Shehri",
-              role: "Corporate Guest",
-              company: "SABIC",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-man-using-laptop-street_74855-4738.jpg",
-              imageAlt: "mature businessman professional portrait serious",
-            },
+              id: "3",              name: "Mohammed Al-Shehri",              role: "Corporate Guest",              company: "SABIC",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-man-using-laptop-street_74855-4738.jpg",              imageAlt: "mature businessman professional portrait serious"},
             {
-              id: "4",
-              name: "Noor Al-Mutairi",
-              role: "Leisure Traveler",
-              company: "Kuwait Airways",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-business-man_23-2148479507.jpg",
-              imageAlt: "young woman business casual portrait",
-            },
+              id: "4",              name: "Noor Al-Mutairi",              role: "Leisure Traveler",              company: "Kuwait Airways",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-business-man_23-2148479507.jpg",              imageAlt: "young woman business casual portrait"},
             {
-              id: "5",
-              name: "Ibrahim Khan",
-              role: "Airport Transfer",
-              company: "Frequent Guest",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg",
-              imageAlt: "businessman middle age professional portrait",
-            },
+              id: "5",              name: "Ibrahim Khan",              role: "Airport Transfer",              company: "Frequent Guest",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg",              imageAlt: "businessman middle age professional portrait"},
             {
-              id: "6",
-              name: "Leila Majid",
-              role: "Conference Attendee",
-              company: "Jeddah Convention Center",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-surface-office-audience_78826-2405.jpg",
-              imageAlt: "professional woman business portrait confident",
-            },
+              id: "6",              name: "Leila Majid",              role: "Conference Attendee",              company: "Jeddah Convention Center",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-surface-office-audience_78826-2405.jpg",              imageAlt: "professional woman business portrait confident"},
           ]}
           gridVariant="uniform-all-items-equal"
           carouselMode="buttons"
@@ -300,6 +244,29 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Book Your Stay Today"
+          description="Contact us now to make your reservation at Areen Airport Hotel. Our team is ready to assist you with booking inquiries and provide all the information you need for a comfortable stay."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
+            { name: "phone", type: "tel", placeholder: "+966 (Phone Number)", required: true },
+            { name: "checkIn", type: "date", placeholder: "Check-in Date", required: true },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Room preference, special requests, or additional information...",            rows: 4,
+            required: false,
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/building-night_1127-3366.jpg"
+          imageAlt="Hotel exterior at sunset"
+          mediaPosition="right"
+          buttonText="Request Booking"
+          mediaAnimation="slide-up"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={footerColumns}
-- 
2.49.1