bender/93052b0c-4973-42db-8787-e6c3b42188b7
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-05-28 00:56:03 +00:00
parent f5eea2879b
commit 2e46c4bf99
1 changed files with 72 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

332
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Compass, Sparkles, Star } from "lucide-react";
import { Compass, Sparkles, Star, Eye, HeartHandshake, ChefHat, Wallet, Mountain, MapPin } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,42 +33,24 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
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: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
brandName="Gite d'étape Ouanskra"
/>
</div>
@@ -76,69 +58,42 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Experience the Serenity of the High Atlas Mountains"
description="Welcome to Gite d'étape Ouanskra, a beautiful lodge nestled in the Tchedirt Al Haouz region. Discover authentic Moroccan hospitality and breathtaking views."
buttons={[
{
text: "Book Your Stay",
href: "#contact",
},
text: "Book Your Stay", href: "#contact"},
{
text: "Explore Our Gite",
href: "#about",
},
text: "Explore Our Gite", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-with-her-coffee-sitting-outdoors-porch_53876-97154.jpg"
imageAlt="Exterior view of Gite d'étape Ouanskra in the High Atlas Mountains"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-outdoors_23-2149059868.jpg",
alt: "Happy guest",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-outdoors_23-2149059868.jpg", alt: "Happy guest"},
{
src: "http://img.b2bpic.net/free-photo/handsome-young-man-pointing-away_23-2148377858.jpg",
alt: "Smiling traveler",
},
src: "http://img.b2bpic.net/free-photo/handsome-young-man-pointing-away_23-2148377858.jpg", alt: "Smiling traveler"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-flamenca-looking-camera_23-2148235338.jpg",
alt: "Explorer",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-flamenca-looking-camera_23-2148235338.jpg", alt: "Explorer"},
{
src: "http://img.b2bpic.net/free-photo/wondered-male-hitchhiker-with-leather-gloves-backpack-crossing-hands_179666-38928.jpg",
alt: "Mountain adventurer",
},
src: "http://img.b2bpic.net/free-photo/wondered-male-hitchhiker-with-leather-gloves-backpack-crossing-hands_179666-38928.jpg", alt: "Mountain adventurer"},
{
src: "http://img.b2bpic.net/free-photo/adult-tourist-european-woman-blonde-sitting-alone-pebbly-beach-with-blue-ocean-sky-background-vertical-shot-people-summer-holidays-vacation-lifestyle-concept_166373-3728.jpg",
alt: "Relaxed visitor",
},
src: "http://img.b2bpic.net/free-photo/adult-tourist-european-woman-blonde-sitting-alone-pebbly-beach-with-blue-ocean-sky-background-vertical-shot-people-summer-holidays-vacation-lifestyle-concept_166373-3728.jpg", alt: "Relaxed visitor"},
]}
avatarText="Join our community of happy explorers!"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/landscape-mountains-bushes_181624-16820.jpg",
alt: "Scenic view from gite",
},
type: "image", src: "http://img.b2bpic.net/free-photo/landscape-mountains-bushes_181624-16820.jpg", alt: "Scenic view from gite"},
{
type: "text",
text: "Authentic Stays",
},
type: "text", text: "Authentic Stays"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050938.jpg",
alt: "Traditional Moroccan decor",
},
type: "image", src: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050938.jpg", alt: "Traditional Moroccan decor"},
{
type: "text",
text: "High Atlas Adventures",
},
type: "text", text: "High Atlas Adventures"},
{
type: "text",
text: "Unforgettable Hospitality",
},
type: "text", text: "Unforgettable Hospitality"},
]}
/>
</div>
@@ -150,17 +105,11 @@ export default function LandingPage() {
description="At Gite d'étape Ouanskra, we offer a humble and warm experience, loved by all our visitors. Brother Omar, the owner, ensures wonderful treatment for everyone, making your stay truly memorable."
metrics={[
{
value: "4.3",
title: "Average Rating",
},
value: "4.3", title: "Average Rating"},
{
value: "8+",
title: "Happy Guests",
},
value: "8+", title: "Happy Guests"},
{
value: "High Atlas",
title: "Prime Location",
},
value: "High Atlas", title: "Prime Location"},
]}
imageSrc="http://img.b2bpic.net/free-photo/lamps-arab-restaurant_23-2147794382.jpg"
imageAlt="Interior of Gite d'étape Ouanskra with traditional Moroccan decor"
@@ -175,51 +124,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Stunning Mountain Views",
description: "Wake up to breathtaking panoramic views of the majestic High Atlas Mountains right from your window.",
imageSrc: "http://img.b2bpic.net/free-photo/look-from-outside-gates-great-landscape_8353-1261.jpg",
imageAlt: "Panoramic view of High Atlas mountains from gite",
buttonIcon: "Eye",
buttonHref: "#",
},
title: "Stunning Mountain Views", description: "Wake up to breathtaking panoramic views of the majestic High Atlas Mountains right from your window.", imageSrc: "http://img.b2bpic.net/free-photo/look-from-outside-gates-great-landscape_8353-1261.jpg", imageAlt: "Panoramic view of High Atlas mountains from gite", buttonIcon: Eye,
buttonHref: "#"},
{
title: "Traditional Moroccan Hospitality",
description: "Experience the genuine warmth and welcoming spirit of local Berber culture, personally overseen by Brother Omar.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-toasting-party_23-2148232023.jpg",
imageAlt: "Traditional Moroccan tea ceremony",
buttonIcon: "HeartHandshake",
buttonHref: "#",
},
title: "Traditional Moroccan Hospitality", description: "Experience the genuine warmth and welcoming spirit of local Berber culture, personally overseen by Brother Omar.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-toasting-party_23-2148232023.jpg", imageAlt: "Traditional Moroccan tea ceremony", buttonIcon: HeartHandshake,
buttonHref: "#"},
{
title: "Fully Equipped Kitchen Access",
description: "Enjoy the convenience of a shared, fully equipped kitchen at your disposal for preparing your own meals.",
imageSrc: "http://img.b2bpic.net/free-photo/defocused-cupcakes-with-powdered-sugar-jar_23-2148368250.jpg",
imageAlt: "Fully equipped kitchen in the gite",
buttonIcon: "ChefHat",
buttonHref: "#",
},
title: "Fully Equipped Kitchen Access", description: "Enjoy the convenience of a shared, fully equipped kitchen at your disposal for preparing your own meals.", imageSrc: "http://img.b2bpic.net/free-photo/defocused-cupcakes-with-powdered-sugar-jar_23-2148368250.jpg", imageAlt: "Fully equipped kitchen in the gite", buttonIcon: ChefHat,
buttonHref: "#"},
{
title: "Affordable Accommodation",
description: "Comfortable stays at prices ranging between 40 and 50 dirhams, ensuring great value for your mountain adventure.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-stairs_23-2149411900.jpg",
imageAlt: "Cozy gite accommodation interior",
buttonIcon: "Wallet",
buttonHref: "#",
},
title: "Affordable Accommodation", description: "Comfortable stays at prices ranging between 40 and 50 dirhams, ensuring great value for your mountain adventure.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-stairs_23-2149411900.jpg", imageAlt: "Cozy gite accommodation interior", buttonIcon: Wallet,
buttonHref: "#"},
{
title: "Hiking & Exploration Access",
description: "Direct access to numerous hiking trails and opportunities to explore the stunning natural landscapes of the High Atlas.",
imageSrc: "http://img.b2bpic.net/free-photo/hiker-taking-rest_23-2147683060.jpg",
imageAlt: "People hiking in the High Atlas Mountains",
buttonIcon: "Mountain",
buttonHref: "#",
},
title: "Hiking & Exploration Access", description: "Direct access to numerous hiking trails and opportunities to explore the stunning natural landscapes of the High Atlas.", imageSrc: "http://img.b2bpic.net/free-photo/hiker-taking-rest_23-2147683060.jpg", imageAlt: "People hiking in the High Atlas Mountains", buttonIcon: Mountain,
buttonHref: "#"},
{
title: "Local Guide Services",
description: "Arrange guided treks and cultural tours with local experts to truly immerse yourself in the region.",
imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-taking-pictures-using-smartphone-wild-nature-winter-vacation-hiking_285396-2012.jpg",
imageAlt: "Local guide with tourists in mountains",
buttonIcon: "MapPin",
title: "Local Guide Services", description: "Arrange guided treks and cultural tours with local experts to truly immerse yourself in the region.", imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-taking-pictures-using-smartphone-wild-nature-winter-vacation-hiking_285396-2012.jpg", imageAlt: "Local guide with tourists in mountains", buttonIcon: MapPin,
},
]}
title="Comfort and Adventure Await"
@@ -236,47 +156,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "room-double",
name: "Double Room",
price: "50 Dhs / Night",
imageSrc: "http://img.b2bpic.net/free-photo/bed-pillow-hotel_74190-1210.jpg",
imageAlt: "Cozy double room in the gite",
},
id: "room-double", name: "Double Room", price: "50 Dhs / Night", imageSrc: "http://img.b2bpic.net/free-photo/bed-pillow-hotel_74190-1210.jpg", imageAlt: "Cozy double room in the gite"},
{
id: "room-twin",
name: "Twin Room",
price: "45 Dhs / Night",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518192.jpg",
imageAlt: "Twin beds in a gite room",
},
id: "room-twin", name: "Twin Room", price: "45 Dhs / Night", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518192.jpg", imageAlt: "Twin beds in a gite room"},
{
id: "room-dorm",
name: "Dormitory Bed",
price: "40 Dhs / Night",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598864.jpg",
imageAlt: "Shared dormitory room with multiple beds",
},
id: "room-dorm", name: "Dormitory Bed", price: "40 Dhs / Night", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598864.jpg", imageAlt: "Shared dormitory room with multiple beds"},
{
id: "room-family",
name: "Family Room",
price: "150 Dhs / Night",
imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room_114579-1406.jpg",
imageAlt: "Spacious family room with multiple beds",
},
id: "room-family", name: "Family Room", price: "150 Dhs / Night", imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room_114579-1406.jpg", imageAlt: "Spacious family room with multiple beds"},
{
id: "room-single",
name: "Single Room",
price: "40 Dhs / Night",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-living-boho-interiors_23-2149662186.jpg",
imageAlt: "Small, private single room",
},
id: "room-single", name: "Single Room", price: "40 Dhs / Night", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-living-boho-interiors_23-2149662186.jpg", imageAlt: "Small, private single room"},
{
id: "room-suite",
name: "Mountain Suite",
price: "200 Dhs / Night",
imageSrc: "http://img.b2bpic.net/free-photo/girl-guy-are-sitting-around-pool-having-fun-splashing-water_197531-17276.jpg",
imageAlt: "Larger suite with traditional decor and mountain view",
},
id: "room-suite", name: "Mountain Suite", price: "200 Dhs / Night", imageSrc: "http://img.b2bpic.net/free-photo/girl-guy-are-sitting-around-pool-having-fun-splashing-water_197531-17276.jpg", imageAlt: "Larger suite with traditional decor and mountain view"},
]}
title="Comfortable Stays for Every Traveler"
description="Whether you're a solo adventurer or a group, our cozy rooms offer a perfect blend of comfort and traditional charm, ensuring a restful night."
@@ -290,40 +180,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "standard-stay",
badge: "Value",
badgeIcon: Sparkles,
price: "40-50 Dhs",
subtitle: "Per Person / Night",
features: [
"Cozy Accommodation",
"Access to Shared Kitchen",
"Breathtaking Mountain Views",
],
id: "standard-stay", badge: "Value", badgeIcon: Sparkles,
price: "40-50 Dhs", subtitle: "Per Person / Night", features: [
"Cozy Accommodation", "Access to Shared Kitchen", "Breathtaking Mountain Views"],
},
{
id: "full-board",
badge: "Popular",
badgeIcon: Star,
price: "150 Dhs",
subtitle: "Per Person / Day",
features: [
"Cozy Accommodation",
"Breakfast, Lunch, Dinner",
"Access to Shared Kitchen",
],
id: "full-board", badge: "Popular", badgeIcon: Star,
price: "150 Dhs", subtitle: "Per Person / Day", features: [
"Cozy Accommodation", "Breakfast, Lunch, Dinner", "Access to Shared Kitchen"],
},
{
id: "guided-trek",
badge: "Adventure",
badgeIcon: Compass,
price: "Contact Us",
subtitle: "Customized Trips",
features: [
"All-Inclusive Stay",
"Experienced Local Guide",
"Tailored Hiking Routes",
],
id: "guided-trek", badge: "Adventure", badgeIcon: Compass,
price: "Contact Us", subtitle: "Customized Trips", features: [
"All-Inclusive Stay", "Experienced Local Guide", "Tailored Hiking Routes"],
},
]}
title="Affordable Stays & Local Experiences"
@@ -339,50 +208,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "King AHMEDO",
role: "Local Guide",
company: "Google Reviews",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-standing-near-window-talking-mobile-phone_23-2147974633.jpg",
imageAlt: "King AHMEDO profile picture",
},
id: "1", name: "King AHMEDO", role: "Local Guide", company: "Google Reviews", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-standing-near-window-talking-mobile-phone_23-2147974633.jpg", imageAlt: "King AHMEDO profile picture"},
{
id: "2",
name: "ahmed awrik",
role: "Traveler",
company: "Google Reviews",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-successful-man-with-stylish-hair-dressed-modern-elegant-clothes-holds-cup-coffee-while-sitting-sofa-outdoor-cafe-against-background-city-wharf_613910-4560.jpg",
imageAlt: "ahmed awrik profile picture",
},
id: "2", name: "ahmed awrik", role: "Traveler", company: "Google Reviews", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-successful-man-with-stylish-hair-dressed-modern-elegant-clothes-holds-cup-coffee-while-sitting-sofa-outdoor-cafe-against-background-city-wharf_613910-4560.jpg", imageAlt: "ahmed awrik profile picture"},
{
id: "3",
name: "noureddine labib",
role: "Guest",
company: "Google Reviews",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-binoculars-while-reading-novel-safari-vacation_107420-9652.jpg",
imageAlt: "noureddine labib profile picture",
},
id: "3", name: "noureddine labib", role: "Guest", company: "Google Reviews", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-binoculars-while-reading-novel-safari-vacation_107420-9652.jpg", imageAlt: "noureddine labib profile picture"},
{
id: "4",
name: "Sarah J.",
role: "Hiker",
company: "Booking.com",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adolescent-confidential-therapy-session-address-anxiety-low-self-esteem_482257-105928.jpg",
imageAlt: "Sarah J. profile picture",
},
id: "4", name: "Sarah J.", role: "Hiker", company: "Booking.com", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adolescent-confidential-therapy-session-address-anxiety-low-self-esteem_482257-105928.jpg", imageAlt: "Sarah J. profile picture"},
{
id: "5",
name: "Michael D.",
role: "Explorer",
company: "Airbnb",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-looking-each-other_23-2148223440.jpg",
imageAlt: "Michael D. profile picture",
},
id: "5", name: "Michael D.", role: "Explorer", company: "Airbnb", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-looking-each-other_23-2148223440.jpg", imageAlt: "Michael D. profile picture"},
]}
title="Hear From Our Happy Guests"
description="Our visitors love the serene location, warm hospitality, and the unique experience at Gite d'étape Ouanskra."
@@ -395,30 +234,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What are the accommodation prices?",
content: "Accommodation prices typically range between 40 and 50 dirhams per person per night for basic stays, with options for full board or guided treks available upon inquiry.",
},
id: "faq1", title: "What are the accommodation prices?", content: "Accommodation prices typically range between 40 and 50 dirhams per person per night for basic stays, with options for full board or guided treks available upon inquiry."},
{
id: "faq2",
title: "Is a fully equipped kitchen available for guests?",
content: "Yes, a fully equipped kitchen is at your disposal for preparing your own meals, allowing for a comfortable and flexible stay.",
},
id: "faq2", title: "Is a fully equipped kitchen available for guests?", content: "Yes, a fully equipped kitchen is at your disposal for preparing your own meals, allowing for a comfortable and flexible stay."},
{
id: "faq3",
title: "What activities are available near the Gite?",
content: "The Gite is ideally located for hiking and exploring the High Atlas Mountains. We can help arrange local guides for treks and cultural experiences.",
},
id: "faq3", title: "What activities are available near the Gite?", content: "The Gite is ideally located for hiking and exploring the High Atlas Mountains. We can help arrange local guides for treks and cultural experiences."},
{
id: "faq4",
title: "How do I get to Gite d'étape Ouanskra?",
content: "We are located in Douar, Ouanskra, 544R+5H Ouanskra. Detailed directions can be provided upon booking, and transport assistance may be available.",
},
id: "faq4", title: "How do I get to Gite d'étape Ouanskra?", content: "We are located in Douar, Ouanskra, 544R+5H Ouanskra. Detailed directions can be provided upon booking, and transport assistance may be available."},
{
id: "faq5",
title: "Are meals provided at the Gite?",
content: "While a shared kitchen is available for self-catering, we also offer full board options including breakfast, lunch, and dinner. Please inquire when booking.",
},
id: "faq5", title: "Are meals provided at the Gite?", content: "While a shared kitchen is available for self-catering, we also offer full board options including breakfast, lunch, and dinner. Please inquire when booking."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about booking, amenities, and what to expect during your stay at Gite d'étape Ouanskra."
@@ -433,22 +257,14 @@ export default function LandingPage() {
description="Contact us to book your authentic mountain escape or to inquire about our services and special arrangements. We look forward to welcoming you to Ouanskra."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-wooden-rocking-chair-wooden-patio_181624-60471.jpg"
@@ -463,13 +279,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Gite d'étape Ouanskra"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>