bender/0a92737c-831b-4e4c-aecc-1e09eb96c8f6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 14:35:22 +00:00
parent 809666a73d
commit 587e3fdc94
1 changed files with 53 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Amenities",
id: "#amenities",
},
name: "Amenities", id: "#amenities"},
{
name: "Rooms",
id: "#rooms",
},
name: "Rooms", id: "#rooms"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Marabout Sousse Hotel"
/>
@@ -68,69 +54,42 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Welcome to Marabout Sousse Hotel"
description="Experience unparalleled comfort and luxury in the heart of Sousse. Your perfect getaway awaits."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg",
alt: "Happy guest John Doe",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg", alt: "Happy guest John Doe"},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",
alt: "Satisfied visitor Jane Smith",
},
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg", alt: "Satisfied visitor Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-happily-smiling-pink_179666-1670.jpg",
alt: "Guest Michael Brown",
},
src: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-happily-smiling-pink_179666-1670.jpg", alt: "Guest Michael Brown"},
{
src: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg",
alt: "Visitor Emily White",
},
src: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg", alt: "Visitor Emily White"},
{
src: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg",
alt: "Stylish man smiling close up",
},
src: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg", alt: "Stylish man smiling close up"},
]}
avatarText="Loved by thousands of guests worldwide!"
buttons={[
{
text: "Book Your Stay",
href: "#contact",
},
text: "Book Your Stay", href: "#contact"},
{
text: "Explore Rooms",
href: "#rooms",
},
text: "Explore Rooms", href: "#rooms"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Exceptional Service",
icon: Star,
type: "text-icon", text: "Exceptional Service", icon: Star,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg",
alt: "Hotel lobby with guests",
type: "image", src: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg", alt: "Hotel lobby with guests"},
{
type: "text-icon", text: "Luxurious Comfort", icon: Home,
},
{
type: "text-icon",
text: "Luxurious Comfort",
icon: Home,
},
type: "image", src: "http://img.b2bpic.net/free-photo/friends-smiling-drinking-cocktails-lying-chaises-near-swimming-pool_176420-4049.jpg", alt: "Guest enjoying poolside"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/friends-smiling-drinking-cocktails-lying-chaises-near-swimming-pool_176420-4049.jpg",
alt: "Guest enjoying poolside",
},
{
type: "text-icon",
text: "Prime Location",
icon: MapPin,
type: "text-icon", text: "Prime Location", icon: MapPin,
},
]}
marqueeSpeed={30}
@@ -143,11 +102,8 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Discover the Elegance of Marabout Sousse Hotel",
},
type: "text", content: "Discover the Elegance of Marabout Sousse Hotel"},
]}
description="Nestled along the pristine beaches of Sousse, Marabout Sousse Hotel offers a luxurious retreat with breathtaking sea views. Our commitment to exceptional service, exquisite dining, and world-class amenities ensures a memorable experience for every guest. From serene relaxation by the pool to vibrant entertainment, we cater to all your desires."
imageSrc="http://img.b2bpic.net/free-photo/walkway-summer-park-with-palm-trees-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18721.jpg"
imageAlt="Exterior of Marabout Sousse Hotel"
/>
@@ -160,23 +116,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Sparkling Pools",
description: "Dive into our refreshing outdoor and indoor swimming pools, perfect for a leisurely swim or fun with the family.",
imageSrc: "http://img.b2bpic.net/free-photo/pool-water-background_1203-3043.jpg",
imageAlt: "Outdoor swimming pool at the hotel",
},
title: "Sparkling Pools", description: "Dive into our refreshing outdoor and indoor swimming pools, perfect for a leisurely swim or fun with the family.", imageSrc: "http://img.b2bpic.net/free-photo/pool-water-background_1203-3043.jpg", imageAlt: "Outdoor swimming pool at the hotel"},
{
title: "Rejuvenating Spa",
description: "Indulge in a world of relaxation with our comprehensive spa services, including massages and wellness treatments.",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883531.jpg",
imageAlt: "Interior of a luxurious spa",
},
title: "Rejuvenating Spa", description: "Indulge in a world of relaxation with our comprehensive spa services, including massages and wellness treatments.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883531.jpg", imageAlt: "Interior of a luxurious spa"},
{
title: "Gourmet Dining",
description: "Savor exquisite local and international cuisine at our on-site restaurants, offering diverse flavors and elegant ambiance.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg",
imageAlt: "Fine dining restaurant interior",
},
title: "Gourmet Dining", description: "Savor exquisite local and international cuisine at our on-site restaurants, offering diverse flavors and elegant ambiance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg", imageAlt: "Fine dining restaurant interior"},
]}
title="Unrivaled Comfort & Convenience"
description="Marabout Sousse Hotel provides a diverse range of facilities designed to enhance your stay."
@@ -191,65 +135,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "suite",
brand: "Marabout Sousse Hotel",
name: "Executive Suite",
price: "From $350/night",
rating: 5,
reviewCount: "120 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-chandelier_105762-2156.jpg",
imageAlt: "Luxurious Executive Suite",
},
id: "suite", brand: "Marabout Sousse Hotel", name: "Executive Suite", price: "From $350/night", rating: 5,
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-chandelier_105762-2156.jpg", imageAlt: "Luxurious Executive Suite"},
{
id: "double-room",
brand: "Marabout Sousse Hotel",
name: "Comfort Double Room",
price: "From $180/night",
rating: 4,
reviewCount: "250 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/home-sofa-with-objects-cozy-decor-living-room_169016-6277.jpg",
imageAlt: "Comfortable Double Room",
},
id: "double-room", brand: "Marabout Sousse Hotel", name: "Comfort Double Room", price: "From $180/night", rating: 4,
reviewCount: "250 reviews", imageSrc: "http://img.b2bpic.net/free-photo/home-sofa-with-objects-cozy-decor-living-room_169016-6277.jpg", imageAlt: "Comfortable Double Room"},
{
id: "family-room",
brand: "Marabout Sousse Hotel",
name: "Spacious Family Room",
price: "From $280/night",
rating: 5,
reviewCount: "90 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-cream_23-2149426734.jpg",
imageAlt: "Spacious Family Room",
},
id: "family-room", brand: "Marabout Sousse Hotel", name: "Spacious Family Room", price: "From $280/night", rating: 5,
reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-cream_23-2149426734.jpg", imageAlt: "Spacious Family Room"},
{
id: "single-room",
brand: "Marabout Sousse Hotel",
name: "Cozy Single Room",
price: "From $120/night",
rating: 4,
reviewCount: "180 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businessman-sitting-bed-besides-luggage-bag_1163-5498.jpg",
imageAlt: "Cozy Single Room",
},
id: "single-room", brand: "Marabout Sousse Hotel", name: "Cozy Single Room", price: "From $120/night", rating: 4,
reviewCount: "180 reviews", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businessman-sitting-bed-besides-luggage-bag_1163-5498.jpg", imageAlt: "Cozy Single Room"},
{
id: "deluxe-room",
brand: "Marabout Sousse Hotel",
name: "Deluxe Sea View Room",
price: "From $220/night",
rating: 5,
reviewCount: "150 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/bed-with-white-duvet-black-cushion_1203-549.jpg",
imageAlt: "Deluxe Sea View Room",
},
id: "deluxe-room", brand: "Marabout Sousse Hotel", name: "Deluxe Sea View Room", price: "From $220/night", rating: 5,
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/bed-with-white-duvet-black-cushion_1203-549.jpg", imageAlt: "Deluxe Sea View Room"},
{
id: "studio-room",
brand: "Marabout Sousse Hotel",
name: "Studio Apartment",
price: "From $200/night",
rating: 4,
reviewCount: "75 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956570.jpg",
imageAlt: "Studio Apartment",
},
id: "studio-room", brand: "Marabout Sousse Hotel", name: "Studio Apartment", price: "From $200/night", rating: 4,
reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956570.jpg", imageAlt: "Studio Apartment"},
]}
title="Our Luxurious Accommodations"
description="Choose from a selection of elegantly designed rooms and suites, each offering comfort and style."
@@ -264,20 +166,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "guests",
value: "150K+",
description: "Happy Guests Served Annually",
},
id: "guests", value: "150K+", description: "Happy Guests Served Annually"},
{
id: "rooms-suites",
value: "300+",
description: "Luxurious Rooms & Suites",
},
id: "rooms-suites", value: "300+", description: "Luxurious Rooms & Suites"},
{
id: "rating",
value: "4.8/5",
description: "Average Guest Rating",
},
id: "rating", value: "4.8/5", description: "Average Guest Rating"},
]}
title="Our Commitment to Excellence"
description="Proudly serving guests with dedication and a passion for hospitality."
@@ -291,45 +184,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sophie M.",
role: "Travel Blogger",
testimonial: "An absolutely wonderful experience! The staff were incredibly attentive, and the sea views from my room were breathtaking. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-guy-tourist-takes-selfies-with-suitcase-uses-smartphone_1258-314756.jpg",
imageAlt: "Sophie M. happy guest",
},
id: "1", name: "Sophie M.", role: "Travel Blogger", testimonial: "An absolutely wonderful experience! The staff were incredibly attentive, and the sea views from my room were breathtaking. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-guy-tourist-takes-selfies-with-suitcase-uses-smartphone_1258-314756.jpg", imageAlt: "Sophie M. happy guest"},
{
id: "2",
name: "Ahmed K.",
role: "Business Traveler",
testimonial: "Fantastic facilities for both work and relaxation. The dining options were superb, and the Wi-Fi was fast and reliable. A perfect stay.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
imageAlt: "Ahmed K. satisfied business traveler",
},
id: "2", name: "Ahmed K.", role: "Business Traveler", testimonial: "Fantastic facilities for both work and relaxation. The dining options were superb, and the Wi-Fi was fast and reliable. A perfect stay.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg", imageAlt: "Ahmed K. satisfied business traveler"},
{
id: "3",
name: "Elena & Marco",
role: "Holidaymakers",
testimonial: "Our honeymoon at Marabout Sousse was magical. Every detail was perfect, from the romantic dinners to the relaxing spa treatments. We'll be back!",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-taking-selfie-bistro-medium-shot_23-2149366464.jpg",
imageAlt: "Elena and Marco, happy couple",
},
id: "3", name: "Elena & Marco", role: "Holidaymakers", testimonial: "Our honeymoon at Marabout Sousse was magical. Every detail was perfect, from the romantic dinners to the relaxing spa treatments. We'll be back!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-taking-selfie-bistro-medium-shot_23-2149366464.jpg", imageAlt: "Elena and Marco, happy couple"},
{
id: "4",
name: "The Rodriguez Family",
role: "Family Vacationers",
testimonial: "The kids loved the pools and activities, and we appreciated the spacious family room. Truly a stress-free and fun vacation for everyone.",
imageSrc: "http://img.b2bpic.net/free-photo/seascape-backstage-infants-trend-entertainment-laughter_1303-3373.jpg",
imageAlt: "The Rodriguez Family enjoying vacation",
},
id: "4", name: "The Rodriguez Family", role: "Family Vacationers", testimonial: "The kids loved the pools and activities, and we appreciated the spacious family room. Truly a stress-free and fun vacation for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/seascape-backstage-infants-trend-entertainment-laughter_1303-3373.jpg", imageAlt: "The Rodriguez Family enjoying vacation"},
{
id: "5",
name: "Fatma H.",
role: "Retired Educator",
testimonial: "Peaceful and serene. The hotel offered a tranquil escape with beautiful gardens and attentive service. A truly restful holiday.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-couple-holding-their-tablet_23-2148404369.jpg",
imageAlt: "Fatma H. relaxing guest",
},
id: "5", name: "Fatma H.", role: "Retired Educator", testimonial: "Peaceful and serene. The hotel offered a tranquil escape with beautiful gardens and attentive service. A truly restful holiday.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-couple-holding-their-tablet_23-2148404369.jpg", imageAlt: "Fatma H. relaxing guest"},
]}
title="What Our Valued Guests Say"
description="Hear directly from visitors who have enjoyed their stay at Marabout Sousse Hotel."
@@ -342,30 +205,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "check-in",
title: "What are the check-in and check-out times?",
content: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability.",
},
id: "check-in", title: "What are the check-in and check-out times?", content: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability."},
{
id: "pet-policy",
title: "Is the hotel pet-friendly?",
content: "Unfortunately, for the comfort and safety of all our guests, pets are not allowed on the hotel premises.",
},
id: "pet-policy", title: "Is the hotel pet-friendly?", content: "Unfortunately, for the comfort and safety of all our guests, pets are not allowed on the hotel premises."},
{
id: "wifi",
title: "Is Wi-Fi available throughout the hotel?",
content: "Yes, complimentary high-speed Wi-Fi is available in all rooms and public areas for our guests.",
},
id: "wifi", title: "Is Wi-Fi available throughout the hotel?", content: "Yes, complimentary high-speed Wi-Fi is available in all rooms and public areas for our guests."},
{
id: "parking",
title: "Do you offer parking facilities? ",
content: "Yes, we offer complimentary on-site parking for all our hotel guests.",
},
id: "parking", title: "Do you offer parking facilities? ", content: "Yes, we offer complimentary on-site parking for all our hotel guests."},
{
id: "airport-transfer",
title: "Do you provide airport transfer services?",
content: "Yes, airport transfer services can be arranged upon request. Please contact our concierge desk for details and bookings.",
},
id: "airport-transfer", title: "Do you provide airport transfer services?", content: "Yes, airport transfer services can be arranged upon request. Please contact our concierge desk for details and bookings."},
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-concierge-assists-elderly-male-guest-front-desk-while-caucasian-senior-woman-enjoys-reading-novel-lounge-area-hotel-lobby-features-comfy-sofa-reception-counter-reservations_482257-70059.jpg"
imageAlt="Hotel concierge assisting a guest"
@@ -380,8 +228,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact Us"
title="Plan Your Perfect Getaway"
description="Ready to experience the beauty of Sousse? Contact us to book your unforgettable stay or inquire about our special offers."
@@ -399,13 +246,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Marabout Sousse Hotel"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>