Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
name: "Amenities", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Rabi Hotel"
|
||||
/>
|
||||
@@ -59,103 +49,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Welcome to Rabi Hotel"
|
||||
description="Affordable comfort located in the heart of the city. We pride ourselves on providing a welcoming home away from home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice W.",
|
||||
handle: "Frequent Guest",
|
||||
testimonial: "Great location near the CBD and excellent room comfort for the price.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683453.jpg?_wi=1",
|
||||
imageAlt: "luxury hotel lobby warm lighting",
|
||||
},
|
||||
name: "Alice W.", handle: "Frequent Guest", testimonial: "Great location near the CBD and excellent room comfort for the price.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683453.jpg", imageAlt: "luxury hotel lobby warm lighting"},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "Business Traveler",
|
||||
testimonial: "Friendly team and very welcoming environment, enjoyed my stay.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-with-coffee-cup_23-2149429379.jpg?_wi=1",
|
||||
imageAlt: "luxury hotel lobby warm lighting",
|
||||
},
|
||||
name: "John D.", handle: "Business Traveler", testimonial: "Friendly team and very welcoming environment, enjoyed my stay.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-with-coffee-cup_23-2149429379.jpg", imageAlt: "luxury hotel lobby warm lighting"},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "Weekend Traveler",
|
||||
testimonial: "Incredible value for the price and very close to major attractions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-beige-soft-pillows-bed-blanket-bedroom-interior-design-conceptbed-maid-luxury-ideas-concept_609648-89.jpg?_wi=1",
|
||||
imageAlt: "luxury hotel lobby warm lighting",
|
||||
},
|
||||
name: "Mark S.", handle: "Weekend Traveler", testimonial: "Incredible value for the price and very close to major attractions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-beige-soft-pillows-bed-blanket-bedroom-interior-design-conceptbed-maid-luxury-ideas-concept_609648-89.jpg", imageAlt: "luxury hotel lobby warm lighting"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "Digital Nomad",
|
||||
testimonial: "Solid Wi-Fi and quiet nights, perfect for getting work done.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-bathrobe-sitting-bed_1303-13299.jpg?_wi=1",
|
||||
imageAlt: "luxury hotel lobby warm lighting",
|
||||
},
|
||||
name: "Elena R.", handle: "Digital Nomad", testimonial: "Solid Wi-Fi and quiet nights, perfect for getting work done.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-bathrobe-sitting-bed_1303-13299.jpg", imageAlt: "luxury hotel lobby warm lighting"},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "Tourist",
|
||||
testimonial: "The staff made me feel welcome from the second I walked in.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-corridor-with-bokeh-effect_1203-1502.jpg?_wi=1",
|
||||
imageAlt: "luxury hotel lobby warm lighting",
|
||||
},
|
||||
name: "Tom B.", handle: "Tourist", testimonial: "The staff made me feel welcome from the second I walked in.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-corridor-with-bokeh-effect_1203-1502.jpg", imageAlt: "luxury hotel lobby warm lighting"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683453.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683453.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-female-staff-standing-escalator_107420-63613.jpg",
|
||||
alt: "Portrait of smiling female staff",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-female-staff-standing-escalator_107420-63613.jpg", alt: "Portrait of smiling female staff"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-man_23-2148228558.jpg",
|
||||
alt: "Portrait of a smiling man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-man_23-2148228558.jpg", alt: "Portrait of a smiling man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-looking-away_23-2147860917.jpg",
|
||||
alt: "Portrait of a happy young man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-looking-away_23-2147860917.jpg", alt: "Portrait of a happy young man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-smile-bed-bedroom_74190-10095.jpg",
|
||||
alt: "Portrait beautiful young asian woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-smile-bed-bedroom_74190-10095.jpg", alt: "Portrait beautiful young asian woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg",
|
||||
alt: "Middle eastern worker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg", alt: "Middle eastern worker"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Located in CBD",
|
||||
},
|
||||
type: "text", text: "Located in CBD"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Service",
|
||||
},
|
||||
type: "text", text: "24/7 Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Wi-Fi",
|
||||
},
|
||||
type: "text", text: "Free Wi-Fi"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Affordable Luxury",
|
||||
},
|
||||
type: "text", text: "Affordable Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Parking",
|
||||
},
|
||||
type: "text", text: "Secure Parking"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,9 +107,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Commitment to You"
|
||||
description={[
|
||||
"At Rabi Hotel, we blend affordable luxury with local convenience. Our mission is to provide every guest with a seamless experience, whether you are here for business or leisure.",
|
||||
"We listen to our guests, and we are committed to constant improvement across our facilities and service standards.",
|
||||
]}
|
||||
"At Rabi Hotel, we blend affordable luxury with local convenience. Our mission is to provide every guest with a seamless experience, whether you are here for business or leisure.", "We listen to our guests, and we are committed to constant improvement across our facilities and service standards."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,40 +118,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Prime Location",
|
||||
description: "Located just minutes away from the CBD, perfect for business and sightseeing.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-beige-soft-pillows-bed-blanket-bedroom-interior-design-conceptbed-maid-luxury-ideas-concept_609648-89.jpg?_wi=2",
|
||||
},
|
||||
title: "Prime Location", description: "Located just minutes away from the CBD, perfect for business and sightseeing.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-beige-soft-pillows-bed-blanket-bedroom-interior-design-conceptbed-maid-luxury-ideas-concept_609648-89.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-bathrobe-sitting-bed_1303-13299.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683453.jpg?_wi=3",
|
||||
imageAlt: "hotel room amenities modern luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-bathrobe-sitting-bed_1303-13299.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Comfortable Rooms",
|
||||
description: "Spacious, clean, and quiet rooms designed to ensure you get a restful night's sleep.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-design-overlooking-city-through-window-generated-by-ai_188544-16923.jpg",
|
||||
},
|
||||
title: "Comfortable Rooms", description: "Spacious, clean, and quiet rooms designed to ensure you get a restful night's sleep.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-design-overlooking-city-through-window-generated-by-ai_188544-16923.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-corridor-with-bokeh-effect_1203-1502.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-with-coffee-cup_23-2149429379.jpg?_wi=2",
|
||||
imageAlt: "hotel room amenities modern luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-corridor-with-bokeh-effect_1203-1502.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Dedicated Service",
|
||||
description: "Our friendly team is always on hand to assist with your needs around the clock.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-sofa-interior-decoration_1339-7730.jpg",
|
||||
},
|
||||
title: "Dedicated Service", description: "Our friendly team is always on hand to assist with your needs around the clock.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-sofa-interior-decoration_1339-7730.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-coffee-cup_23-2150326154.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg?_wi=1",
|
||||
imageAlt: "hotel room amenities modern luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-coffee-cup_23-2150326154.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -228,20 +150,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10,000+",
|
||||
description: "Happy Guests Served",
|
||||
},
|
||||
id: "m1", value: "10,000+", description: "Happy Guests Served"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Service Availability",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Service Availability"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Years in Business",
|
||||
},
|
||||
id: "m3", value: "15+", description: "Years in Business"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Serving travelers with dedication and care since our inception."
|
||||
@@ -255,40 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Traveler",
|
||||
testimonial: "The location is fantastic, and the pricing is very reasonable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Traveler", testimonial: "The location is fantastic, and the pricing is very reasonable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
role: "Businessman",
|
||||
testimonial: "Rooms are always clean and the staff is extremely helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg",
|
||||
},
|
||||
id: "2", name: "Michael B.", role: "Businessman", testimonial: "Rooms are always clean and the staff is extremely helpful.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Tourist",
|
||||
testimonial: "A welcoming environment that made me feel right at home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flirting-couple-with-sparkling-wine-roof_1153-3782.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Tourist", testimonial: "A welcoming environment that made me feel right at home.", imageSrc: "http://img.b2bpic.net/free-photo/flirting-couple-with-sparkling-wine-roof_1153-3782.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Guest",
|
||||
testimonial: "Constant improvement is evident. Happy to see the upgrades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-striped-dress-expressing-positive-emotions-summer-day-indoor-photo-wonderful-female-model-wears-pink-sunglasses-holding-glass-champagne_197531-9595.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Guest", testimonial: "Constant improvement is evident. Happy to see the upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-striped-dress-expressing-positive-emotions-summer-day-indoor-photo-wonderful-female-model-wears-pink-sunglasses-holding-glass-champagne_197531-9595.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
role: "Guest",
|
||||
testimonial: "A great value option near the CBD.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-dreaming-about-leisure-vacation_1163-5502.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa M.", role: "Guest", testimonial: "A great value option near the CBD.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-dreaming-about-leisure-vacation_1163-5502.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Your feedback drives our progress."
|
||||
@@ -300,14 +188,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Expedia",
|
||||
"Booking.com",
|
||||
"TripAdvisor",
|
||||
"Airbnb",
|
||||
"Agoda",
|
||||
"Hotel.com",
|
||||
"Traveloka",
|
||||
]}
|
||||
"Expedia", "Booking.com", "TripAdvisor", "Airbnb", "Agoda", "Hotel.com", "Traveloka"]}
|
||||
title="Trusted Partners"
|
||||
description="We collaborate with leading travel and service providers."
|
||||
/>
|
||||
@@ -319,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We are currently improving our payment systems to better support card payments and Mpesa.",
|
||||
},
|
||||
id: "f1", title: "What payment methods do you accept?", content: "We are currently improving our payment systems to better support card payments and Mpesa."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the hotel near the CBD?",
|
||||
content: "Yes, we are conveniently located just a short distance from the Central Business District.",
|
||||
},
|
||||
id: "f2", title: "Is the hotel near the CBD?", content: "Yes, we are conveniently located just a short distance from the Central Business District."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I book a room?",
|
||||
content: "You can book directly via our website or call us through our official contact lines.",
|
||||
},
|
||||
id: "f3", title: "How do I book a room?", content: "You can book directly via our website or call us through our official contact lines."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-hotel-reception-with-two-female-guests-waiting-concierge-finalize-booking-procedure-relaxed-customers-holding-baggages-getting-ready-check-lavish-resort_482257-67961.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -346,20 +218,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Book Your Stay Today"
|
||||
description="Have questions or ready to make a reservation? Reach out to us now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+254700000000",
|
||||
},
|
||||
text: "Call Us", href: "tel:+254700000000"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@rabihotel.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:info@rabihotel.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -369,33 +236,21 @@ export default function LandingPage() {
|
||||
logoText="Rabi Hotel"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Rooms", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user