Merge version_1 into main #1
310
src/app/page.tsx
310
src/app/page.tsx
@@ -33,41 +33,25 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
name: "Rooms", id: "rooms"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQs", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-geometric-double-sided-vertical-business-card-template_23-2149300937.jpg"
|
||||
logoAlt="Cruiser Mogador Logo"
|
||||
brandName="Cruiser Mogador"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,58 +59,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Cruiser Mogador Essaouira: Your Oasis in Morocco"
|
||||
description="Discover unparalleled tranquility and authentic Moroccan hospitality at our esteemed hotel. With a 4.7-star rating and over 200 glowing reviews, your perfect Essaouira getaway awaits."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.7",
|
||||
label: "Guest Rating",
|
||||
},
|
||||
value: "4.7", label: "Guest Rating"},
|
||||
{
|
||||
value: "212+",
|
||||
label: "Happy Reviews",
|
||||
},
|
||||
value: "212+", label: "Happy Reviews"},
|
||||
{
|
||||
value: "Years",
|
||||
label: "Established",
|
||||
},
|
||||
value: "Years", label: "Established"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
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"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/traveler-talking-phone_23-2148228573.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/traveler-talking-phone_23-2148228573.jpg", alt: "Guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sweaty-male-couch-trainer-wears-hood-listens-music-with-earphones-electronic-device_273609-8618.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sweaty-male-couch-trainer-wears-hood-listens-music-with-earphones-electronic-device_273609-8618.jpg", alt: "Guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-girl-her-handsome-boyfriend-woman-casual-summer-jeans-clothes_158538-5517.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-girl-her-handsome-boyfriend-woman-casual-summer-jeans-clothes_158538-5517.jpg", alt: "Guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-love-elementary-positive-together_1262-2824.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mother-love-elementary-positive-together_1262-2824.jpg", alt: "Guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-good-looking-woman-traveler-orange-jumper-carries-rucksack-wears-headband_273609-25971.jpg",
|
||||
alt: "Smiling good looking woman traveler in orange jumper, carries rucksack, wears headband",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-good-looking-woman-traveler-orange-jumper-carries-rucksack-wears-headband_273609-25971.jpg", alt: "Smiling good looking woman traveler in orange jumper, carries rucksack, wears headband"},
|
||||
]}
|
||||
avatarText="Loved by guests worldwide"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-working-with-her-camera_23-2147601406.jpg"
|
||||
@@ -134,27 +97,17 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Unforgettable Moroccan Journeys",
|
||||
type: "text", text: "Unforgettable Moroccan Journeys"},
|
||||
{
|
||||
type: "text-icon", text: "Spa & Wellness Retreats", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Spa & Wellness Retreats",
|
||||
icon: Droplets,
|
||||
type: "text", text: "Exquisite Dining Experiences"},
|
||||
{
|
||||
type: "text-icon", text: "Seaside Serenity", icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exquisite Dining Experiences",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seaside Serenity",
|
||||
icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Hospitality",
|
||||
},
|
||||
type: "text", text: "Authentic Hospitality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,20 +117,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Cruiser Mogador Essaouira",
|
||||
},
|
||||
type: "text", content: "About Cruiser Mogador Essaouira"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Discover Our Story", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
description="Nestled in the charming city of Essaouira, Cruiser Mogador offers a unique blend of traditional Moroccan architecture and modern comforts. Our dedicated staff ensures a memorable experience, whether you're here for relaxation, adventure, or cultural immersion. From the moment you arrive, you'll feel the warmth of our hospitality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-resort-pool-paradise_23-2151961791.jpg"
|
||||
imageAlt="Hotel exterior with traditional Moroccan architecture"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,51 +134,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "luxury-rooms",
|
||||
label: "Accommodation",
|
||||
title: "Luxurious Rooms & Suites",
|
||||
items: [
|
||||
"Spacious layouts with ocean or garden views",
|
||||
"Traditional Moroccan decor with modern amenities",
|
||||
"Daily housekeeping and turndown service",
|
||||
],
|
||||
id: "luxury-rooms", label: "Accommodation", title: "Luxurious Rooms & Suites", items: [
|
||||
"Spacious layouts with ocean or garden views", "Traditional Moroccan decor with modern amenities", "Daily housekeeping and turndown service"],
|
||||
buttons: [
|
||||
{
|
||||
text: "View Details",
|
||||
href: "#rooms",
|
||||
},
|
||||
text: "View Details", href: "#rooms"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "fine-dining",
|
||||
label: "Dining",
|
||||
title: "Exquisite Moroccan Cuisine",
|
||||
items: [
|
||||
"On-site restaurant featuring local delicacies",
|
||||
"Fresh seafood and organic ingredients",
|
||||
"Private dining options available",
|
||||
],
|
||||
id: "fine-dining", label: "Dining", title: "Exquisite Moroccan Cuisine", items: [
|
||||
"On-site restaurant featuring local delicacies", "Fresh seafood and organic ingredients", "Private dining options available"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Explore Menus",
|
||||
href: "#",
|
||||
},
|
||||
text: "Explore Menus", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "wellness-spa",
|
||||
label: "Wellness",
|
||||
title: "Revitalizing Spa & Hammam",
|
||||
items: [
|
||||
"Traditional Moroccan hammam treatments",
|
||||
"Relaxing massages and beauty services",
|
||||
"Indoor heated pool and relaxation lounge",
|
||||
],
|
||||
id: "wellness-spa", label: "Wellness", title: "Revitalizing Spa & Hammam", items: [
|
||||
"Traditional Moroccan hammam treatments", "Relaxing massages and beauty services", "Indoor heated pool and relaxation lounge"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Spa",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Spa", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -248,57 +170,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Value Pick",
|
||||
price: "1026 MAD/night",
|
||||
subtitle: "Comfort for solo travelers or couples",
|
||||
buttons: [
|
||||
id: "standard", badge: "Value Pick", price: "1026 MAD/night", subtitle: "Comfort for solo travelers or couples", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Ocean or garden view (subject to availability)",
|
||||
"Complimentary Wi-Fi",
|
||||
"Daily breakfast buffet",
|
||||
],
|
||||
"Ocean or garden view (subject to availability)", "Complimentary Wi-Fi", "Daily breakfast buffet"],
|
||||
},
|
||||
{
|
||||
id: "deluxe",
|
||||
badge: "Popular Choice",
|
||||
price: "1850 MAD/night",
|
||||
subtitle: "Spacious and elegant for enhanced comfort",
|
||||
buttons: [
|
||||
id: "deluxe", badge: "Popular Choice", price: "1850 MAD/night", subtitle: "Spacious and elegant for enhanced comfort", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Guaranteed ocean view",
|
||||
"Luxurious king-size bed",
|
||||
"Private balcony or terrace",
|
||||
"Complimentary minibar access",
|
||||
],
|
||||
"Guaranteed ocean view", "Luxurious king-size bed", "Private balcony or terrace", "Complimentary minibar access"],
|
||||
},
|
||||
{
|
||||
id: "suite",
|
||||
badge: "Family & Group",
|
||||
price: "3200 MAD/night",
|
||||
subtitle: "Ideal for families or extended stays",
|
||||
buttons: [
|
||||
id: "suite", badge: "Family & Group", price: "3200 MAD/night", subtitle: "Ideal for families or extended stays", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Separate living area and bedroom",
|
||||
"Two bathrooms",
|
||||
"Fully equipped kitchenette",
|
||||
"Personalized concierge service",
|
||||
],
|
||||
"Separate living area and bedroom", "Two bathrooms", "Fully equipped kitchenette", "Personalized concierge service"],
|
||||
},
|
||||
]}
|
||||
title="Select Your Ideal Moroccan Retreat"
|
||||
@@ -311,35 +204,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-straw-hat-wears-blouse-make-selfie_273609-2353.jpg",
|
||||
imageAlt: "Sarah J. photo",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-straw-hat-wears-blouse-make-selfie_273609-2353.jpg", imageAlt: "Sarah J. photo"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sitting-yard-drinking-whiskey_1157-13374.jpg",
|
||||
imageAlt: "Michael C. photo",
|
||||
},
|
||||
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sitting-yard-drinking-whiskey_1157-13374.jpg", imageAlt: "Michael C. photo"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-mountain-side-view_23-2149737040.jpg",
|
||||
imageAlt: "Emily R. photo",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-mountain-side-view_23-2149737040.jpg", imageAlt: "Emily R. photo"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16243.jpg",
|
||||
imageAlt: "David K. photo",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16243.jpg", alt: "David K. photo"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amina B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
|
||||
imageAlt: "Amina B. photo",
|
||||
},
|
||||
id: "5", name: "Amina B.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg", imageAlt: "Amina B. photo"},
|
||||
]}
|
||||
cardTitle="Hear From Our Delighted Guests"
|
||||
cardTag="Exceptional Stays"
|
||||
@@ -352,14 +225,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TripAdvisor",
|
||||
"Booking.com",
|
||||
"Expedia",
|
||||
"Agoda",
|
||||
"Lonely Planet",
|
||||
"Travel + Leisure",
|
||||
"Conde Nast",
|
||||
]}
|
||||
"TripAdvisor", "Booking.com", "Expedia", "Agoda", "Lonely Planet", "Travel + Leisure", "Conde Nast"]}
|
||||
title="Recognized & Partnered"
|
||||
description="Cruiser Mogador Essaouira is proud to be featured on top travel platforms and recognized for its quality service."
|
||||
showCard={true}
|
||||
@@ -372,30 +238,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are the check-in and check-out times?",
|
||||
content: "Check-in is from 3:00 PM, and check-out is by 11:00 AM. Early check-in or late check-out may be available upon request and subject to availability.",
|
||||
},
|
||||
id: "1", title: "What are the check-in and check-out times?", content: "Check-in is from 3:00 PM, and check-out is by 11:00 AM. Early check-in or late check-out may be available upon request and subject to availability."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is breakfast included in the room rate?",
|
||||
content: "For most room types, a complimentary breakfast buffet is included. Please check your specific booking details for confirmation.",
|
||||
},
|
||||
id: "2", title: "Is breakfast included in the room rate?", content: "For most room types, a complimentary breakfast buffet is included. Please check your specific booking details for confirmation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer airport transportation?",
|
||||
content: "Yes, we can arrange airport transfers to and from Essaouira Mogador Airport (ESU) or Marrakech Menara Airport (RAK) for an additional fee. Please contact our concierge for details.",
|
||||
},
|
||||
id: "3", title: "Do you offer airport transportation?", content: "Yes, we can arrange airport transfers to and from Essaouira Mogador Airport (ESU) or Marrakech Menara Airport (RAK) for an additional fee. Please contact our concierge for details."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are pets allowed at the hotel?",
|
||||
content: "Unfortunately, pets are not permitted at Cruiser Mogador Essaouira to ensure the comfort of all our guests. Service animals are exempt with proper documentation.",
|
||||
},
|
||||
id: "4", title: "Are pets allowed at the hotel?", content: "Unfortunately, pets are not permitted at Cruiser Mogador Essaouira to ensure the comfort of all our guests. Service animals are exempt with proper documentation."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you have a swimming pool?",
|
||||
content: "Yes, we have a beautiful indoor heated pool as part of our wellness and spa facilities, available for all guests during operational hours.",
|
||||
},
|
||||
id: "5", title: "Do you have a swimming pool?", content: "Yes, we have a beautiful indoor heated pool as part of our wellness and spa facilities, available for all guests during operational hours."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about your stay at Cruiser Mogador Essaouira."
|
||||
@@ -407,8 +258,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Plan Your Moroccan Escape"
|
||||
description="Ready to book your stay or have a special request? Our team is dedicated to making your experience seamless and unforgettable."
|
||||
@@ -430,57 +280,35 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
label: "Rooms", href: "#rooms"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Location: Essaouira, Morocco",
|
||||
href: "https://www.google.com/maps/search/Rt+Sidi+Magdoul,+Essaouira+44000",
|
||||
},
|
||||
label: "Location: Essaouira, Morocco", href: "https://www.google.com/maps/search/Rt+Sidi+Magdoul,+Essaouira+44000"},
|
||||
{
|
||||
label: "Phone: +212 661-704239",
|
||||
href: "tel:+212661704239",
|
||||
},
|
||||
label: "Phone: +212 661-704239", href: "tel:+212661704239"},
|
||||
{
|
||||
label: "Email: info@cruisermogador.com",
|
||||
href: "mailto:info@cruisermogador.com",
|
||||
},
|
||||
label: "Email: info@cruisermogador.com", href: "mailto:info@cruisermogador.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user