Merge version_1 into main #2
322
src/app/page.tsx
322
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hôtel Blida"
|
||||
/>
|
||||
@@ -54,98 +42,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Elegance in the Heart of Blida"
|
||||
description="Experience comfort and tranquility in our modern boutique hotel, meticulously designed for your relaxation."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahtravels",
|
||||
testimonial: "A truly refreshing stay. The design is impeccable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13211.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David Chen",
|
||||
handle: "@davebiz",
|
||||
testimonial: "Exceptional service and quiet surroundings.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-coffee_23-2148895170.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@elena_design",
|
||||
testimonial: "Best hotel experience in the city. So calm.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-young-woman-sitting-caf-talking-mobile-phone_23-2147974640.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Stevens",
|
||||
handle: "@mark_travels",
|
||||
testimonial: "Everything was perfect, from room to breakfast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-chambermaid-standing-near-bed-talking-mobile-phone-hotel_23-2148033270.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julia Park",
|
||||
handle: "@julia_hotelier",
|
||||
testimonial: "Hidden gem in Blida. Would recommend highly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg",
|
||||
},
|
||||
{ name: "Sarah Miller", handle: "@sarahtravels", testimonial: "A truly refreshing stay. The design is impeccable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13211.jpg" },
|
||||
{ name: "David Chen", handle: "@davebiz", testimonial: "Exceptional service and quiet surroundings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-coffee_23-2148895170.jpg" },
|
||||
{ name: "Elena Rossi", handle: "@elena_design", testimonial: "Best hotel experience in the city. So calm.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-young-woman-sitting-caf-talking-mobile-phone_23-2147974640.jpg" },
|
||||
{ name: "Mark Stevens", handle: "@mark_travels", testimonial: "Everything was perfect, from room to breakfast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-chambermaid-standing-near-bed-talking-mobile-phone-hotel_23-2148033270.jpg" },
|
||||
{ name: "Julia Park", handle: "@julia_hotelier", testimonial: "Hidden gem in Blida. Would recommend highly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683469.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683469.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg",
|
||||
alt: "Sarah Miller",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-47046.jpg",
|
||||
alt: "David Chen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-orange-juice-cafe-with-man-background_1170-551.jpg",
|
||||
alt: "Elena Rossi",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/express-tenderness-cute-young-woman-keeping-smile-her-face-while-looking-away-wrapped-white-blanket_657921-113.jpg",
|
||||
alt: "Mark Stevens",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2149455855.jpg",
|
||||
alt: "Julia Park",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg", alt: "Sarah Miller" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-47046.jpg", alt: "David Chen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-orange-juice-cafe-with-man-background_1170-551.jpg", alt: "Elena Rossi" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/express-tenderness-cute-young-woman-keeping-smile-her-face-while-looking-away-wrapped-white-blanket_657921-113.jpg", alt: "Mark Stevens" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2149455855.jpg", alt: "Julia Park" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Accommodations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Concierge",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Amenities",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exceptional Service",
|
||||
},
|
||||
{ type: "text", text: "Luxury Accommodations" },
|
||||
{ type: "text", text: "24/7 Concierge" },
|
||||
{ type: "text", text: "Modern Amenities" },
|
||||
{ type: "text", text: "Prime Location" },
|
||||
{ type: "text", text: "Exceptional Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,20 +78,11 @@ export default function LandingPage() {
|
||||
title="Welcome to Hôtel Blida"
|
||||
description="Located in the heart of the city, Hôtel Blida blends modern aesthetics with warm, personalized service to ensure an unforgettable visit."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Refined Decor",
|
||||
description: "Each room reflects modern elegance and care.",
|
||||
},
|
||||
{
|
||||
title: "Central Location",
|
||||
description: "Close to city attractions and business hubs.",
|
||||
},
|
||||
{
|
||||
title: "Quiet Atmosphere",
|
||||
description: "An oasis of calm in the urban environment.",
|
||||
},
|
||||
{ title: "Refined Decor", description: "Each room reflects modern elegance and care." },
|
||||
{ title: "Central Location", description: "Close to city attractions and business hubs." },
|
||||
{ title: "Quiet Atmosphere", description: "An oasis of calm in the urban environment." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-couple-talk-about-vacation-plans_482257-81671.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-couple-talk-about-vacation-plans_482257-81671.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -182,64 +94,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Concierge",
|
||||
description: "Always here to assist with your requirements.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg",
|
||||
},
|
||||
title: "24/7 Concierge", description: "Always here to assist with your requirements.", media: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Round the clock support",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Local tour arrangements",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Round the clock support" },
|
||||
{ icon: CheckCircle, text: "Local tour arrangements" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683469.jpg?_wi=2",
|
||||
imageAlt: "luxury hotel room bed",
|
||||
},
|
||||
{
|
||||
title: "Premium Dining",
|
||||
description: "Enjoy locally sourced breakfast and meals.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2065.jpg",
|
||||
},
|
||||
title: "Premium Dining", description: "Enjoy locally sourced breakfast and meals.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2065.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Organic fresh ingredients",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Dietary options available",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Organic fresh ingredients" },
|
||||
{ icon: CheckCircle, text: "Dietary options available" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-talk-about-vacation-plans_482257-81671.jpg?_wi=2",
|
||||
imageAlt: "luxury hotel room bed",
|
||||
},
|
||||
{
|
||||
title: "High-Speed Connectivity",
|
||||
description: "Seamless work environment for all your needs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927736.jpg",
|
||||
},
|
||||
title: "High-Speed Connectivity", description: "Seamless work environment for all your needs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927736.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Fiber optic internet",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Quiet work desks",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Fiber optic internet" },
|
||||
{ icon: CheckCircle, text: "Quiet work desks" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13211.jpg?_wi=2",
|
||||
imageAlt: "luxury hotel room bed",
|
||||
},
|
||||
]}
|
||||
title="Exceptional Comfort"
|
||||
@@ -254,42 +130,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "room-s1",
|
||||
name: "Deluxe Single Room",
|
||||
price: "From $120/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3608.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-d2",
|
||||
name: "Premium Double Room",
|
||||
price: "From $150/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vase-flower_1203-2941.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-s3",
|
||||
name: "Executive Suite",
|
||||
price: "From $210/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-working-from-home_23-2149489038.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-s4",
|
||||
name: "Family Suite",
|
||||
price: "From $250/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-d5",
|
||||
name: "Comfort Studio",
|
||||
price: "From $180/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparation-bride-wedding-most-delicate-things_8353-9148.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-s6",
|
||||
name: "Business Single",
|
||||
price: "From $135/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-mattress-modern-background-sleep_1203-4116.jpg",
|
||||
},
|
||||
{ id: "room-s1", name: "Deluxe Single Room", price: "From $120/night", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3608.jpg" },
|
||||
{ id: "room-d2", name: "Premium Double Room", price: "From $150/night", imageSrc: "http://img.b2bpic.net/free-photo/vase-flower_1203-2941.jpg" },
|
||||
{ id: "room-s3", name: "Executive Suite", price: "From $210/night", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-working-from-home_23-2149489038.jpg" },
|
||||
{ id: "room-s4", name: "Family Suite", price: "From $250/night", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg" },
|
||||
{ id: "room-d5", name: "Comfort Studio", price: "From $180/night", imageSrc: "http://img.b2bpic.net/free-photo/preparation-bride-wedding-most-delicate-things_8353-9148.jpg" },
|
||||
{ id: "room-s6", name: "Business Single", price: "From $135/night", imageSrc: "http://img.b2bpic.net/free-photo/fabric-mattress-modern-background-sleep_1203-4116.jpg" },
|
||||
]}
|
||||
title="Guest Accommodations"
|
||||
description="Discover a variety of rooms tailored to your preferences, each designed for maximum comfort."
|
||||
@@ -303,27 +149,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Room Categories",
|
||||
description: "Options for every need",
|
||||
icon: Building2,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Average Rating",
|
||||
description: "Highly acclaimed services",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
description: "Always accessible concierge",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "10+", title: "Room Categories", description: "Options for every need", icon: Building2 },
|
||||
{ id: "m2", value: "5.0", title: "Average Rating", description: "Highly acclaimed services", icon: Star },
|
||||
{ id: "m3", value: "24/7", title: "Service", description: "Always accessible concierge", icon: Clock },
|
||||
]}
|
||||
title="Experience Quality"
|
||||
description="Hôtel Blida is dedicated to providing standard-setting hospitality."
|
||||
@@ -337,26 +165,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Amira H."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg",
|
||||
alt: "Guest A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-green-dress-beach_1303-10508.jpg",
|
||||
alt: "Guest B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/satisfied-beautiful-woman-with-pleasant-smile-drinks-cocktail-sits-cafeteria-has-hair-bun-shining-smile-being-glad-spend-vacations-tropical-country_273609-3042.jpg",
|
||||
alt: "Guest C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-old-man-airport-with-suitcase_1157-33367.jpg",
|
||||
alt: "Guest D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092051.jpg",
|
||||
alt: "Guest E",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg", alt: "Guest A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-green-dress-beach_1303-10508.jpg", alt: "Guest B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/satisfied-beautiful-woman-with-pleasant-smile-drinks-cocktail-sits-cafeteria-has-hair-bun-shining-smile-being-glad-spend-vacations-tropical-country_273609-3042.jpg", alt: "Guest C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-old-man-airport-with-suitcase_1157-33367.jpg", alt: "Guest D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092051.jpg", alt: "Guest E" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -366,16 +179,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Are you ready to experience luxury in Blida? Book your reservation now for an exceptional stay."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:reservations@hotelblida.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:reservations@hotelblida.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -383,29 +189,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
title: "Hotel", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Policies",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Policies", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user