bender/69fe0382-c0f8-490a-b9b6-4fcf440b8045
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-07 11:29:21 +00:00
Conversation 0 Commits 1 Files Changed 1 +103 -136
1 changed files with 103 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
src/app/page.tsx
View File

@@ -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}