bender/2eeffc7a-8178-4d93-9fa2-80973023768e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-09 15:47:30 +00:00
parent 5ea2466ab5 c715a980b9
commit 5e5bad3c8f
1 changed files with 152 additions and 353 deletions
Download Patch File Download Diff File Expand all files Collapse all files

505
src/app/page.tsx
View File

@@ -27,368 +27,167 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Rooms",
id: "rooms",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Casa De Maria"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Rooms", id: "rooms" },
{ name: "Contact", id: "contact" },
]}
brandName="Casa De Maria"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="An Oasis of Calm in Nazareth"
description="Experience timeless elegance and warm hospitality at Casa De Maria. Nestled in the heart of the city, we offer a serene retreat designed for your ultimate comfort."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg",
imageAlt: "Luxurious Hotel Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-sits-by-sea-relaxes_169016-1675.jpg",
imageAlt: "Warm Hotel Terrace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/family-hanging-out-jetty_23-2150767946.jpg",
imageAlt: "Family hanging out on a jetty",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-yoga-mat_23-2149358917.jpg",
imageAlt: "Full shot man doing yoga on mat",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-black-jacket-sitting-brown-wooden-bench-near-sea-daytime_413556-24.jpg",
imageAlt: "Person in black jacket sitting on brown wooden bench near sea during daytime",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-person-lying-chaise-lounge-reading-book-near-pool-with-tropical-plants_181624-4155.jpg",
imageAlt: "Hotel Morning View",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg",
imageAlt: "Elegant Hotel Entrance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/red-kayaks-sunset_1258-13.jpg",
imageAlt: "Red kayaks at sunset",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-coffee-sitting-cafe_23-2147775894.jpg",
imageAlt: "Man with coffee sitting in cafe",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/computer-desktop-table_23-2147936237.jpg",
imageAlt: "Computer desktop behind the table",
},
]}
buttons={[
{
text: "Book Your Stay",
href: "#contact",
},
{
text: "Explore Rooms",
href: "#rooms",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-looking-through-menu-restaurant_23-2150520059.jpg",
alt: "Woman looking through menu at the restaurant",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg",
alt: "Portrait of a young woman sitting at the modern cafe",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
alt: "Portrait of a pretty young woman sitting",
},
{
src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg",
alt: "Charming african american woman model",
},
{
src: "http://img.b2bpic.net/free-photo/mirror-background-with-hands-outdoors_23-2149574143.jpg",
alt: "Mirror background with hands outdoors",
},
]}
avatarText="Loved by over 500+ happy travelers"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="An Oasis of Calm in Nazareth"
description="Experience timeless elegance and warm hospitality at Casa De Maria. Nestled in the heart of the city, we offer a serene retreat designed for your ultimate comfort."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg", imageAlt: "Luxurious Hotel Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-sits-by-sea-relaxes_169016-1675.jpg", imageAlt: "Warm Hotel Terrace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/family-hanging-out-jetty_23-2150767946.jpg", imageAlt: "Family hanging out on a jetty" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-yoga-mat_23-2149358917.jpg", imageAlt: "Full shot man doing yoga on mat" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-black-jacket-sitting-brown-wooden-bench-near-sea-daytime_413556-24.jpg", imageAlt: "Person in black jacket sitting on brown wooden bench near sea during daytime" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-person-lying-chaise-lounge-reading-book-near-pool-with-tropical-plants_181624-4155.jpg", imageAlt: "Hotel Morning View" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg", imageAlt: "Elegant Hotel Entrance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/red-kayaks-sunset_1258-13.jpg", imageAlt: "Red kayaks at sunset" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-coffee-sitting-cafe_23-2147775894.jpg", imageAlt: "Man with coffee sitting in cafe" },
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-desktop-table_23-2147936237.jpg", imageAlt: "Computer desktop behind the table" }
]}
buttons={[
{ text: "Book Your Stay", href: "#contact" },
{ text: "Explore Rooms", href: "#rooms" }
]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/woman-looking-through-menu-restaurant_23-2150520059.jpg", alt: "Woman looking through menu at the restaurant" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg", alt: "Portrait of a young woman sitting at the modern cafe" },
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Portrait of a pretty young woman sitting" },
{ src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", alt: "Charming african american woman model" },
{ src: "http://img.b2bpic.net/free-photo/mirror-background-with-hands-outdoors_23-2149574143.jpg", alt: "Mirror background with hands outdoors" }
]}
avatarText="Loved by over 500+ happy travelers"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="A Legacy of Hospitality"
description="For generations, Casa De Maria has been the preferred destination for travelers seeking quality, tranquility, and a touch of local Nazareth magic. Our history is rooted in guest comfort."
bulletPoints={[
{
title: "Prime Location",
description: "Ideally situated for exploring Nazareth's rich culture.",
},
{
title: "Premium Comfort",
description: "Every room is carefully designed to ensure restful nights.",
},
{
title: "Personal Touch",
description: "Our team is dedicated to making every stay unforgettable.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/roof-old-building-front-blue-sky-day-time_231208-3241.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="A Legacy of Hospitality"
description="For generations, Casa De Maria has been the preferred destination for travelers seeking quality, tranquility, and a touch of local Nazareth magic. Our history is rooted in guest comfort."
bulletPoints={[
{ title: "Prime Location", description: "Ideally situated for exploring Nazareth's rich culture." },
{ title: "Premium Comfort", description: "Every room is carefully designed to ensure restful nights." },
{ title: "Personal Touch", description: "Our team is dedicated to making every stay unforgettable." }
]}
imageSrc="http://img.b2bpic.net/free-photo/roof-old-building-front-blue-sky-day-time_231208-3241.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="rooms" data-section="rooms">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Classic Room",
description: "Intimate and comfortable space for the solo traveler or couple.",
imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed_74190-4537.jpg",
imageAlt: "Classic Hotel Room",
},
{
title: "Deluxe Suite",
description: "Spacious and luxurious, perfect for families and longer stays.",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497282.jpg",
imageAlt: "Deluxe Hotel Suite",
},
{
title: "Royal Master",
description: "The ultimate luxury experience with premium views of the city.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-posing-bathroom-with-bath-robe_23-2148147502.jpg",
imageAlt: "Royal Hotel Suite",
},
]}
title="Exquisite Accommodations"
description="Retreat to your private sanctuary. Our rooms blend modern amenities with classic charm."
/>
</div>
<div id="rooms" data-section="rooms">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Classic Room", description: "Intimate and comfortable space for the solo traveler or couple.", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed_74190-4537.jpg", imageAlt: "Classic Hotel Room" },
{ title: "Deluxe Suite", description: "Spacious and luxurious, perfect for families and longer stays.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497282.jpg", imageAlt: "Deluxe Hotel Suite" },
{ title: "Royal Master", description: "The ultimate luxury experience with premium views of the city.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-posing-bathroom-with-bath-robe_23-2148147502.jpg", imageAlt: "Royal Hotel Suite" }
]}
title="Exquisite Accommodations"
description="Retreat to your private sanctuary. Our rooms blend modern amenities with classic charm."
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardSeven
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Fine Dining",
description: "Experience exquisite local and international cuisine at our restaurant.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927733.jpg",
imageAlt: "Fine Dining Room",
},
{
title: "Garden Retreat",
description: "Our landscaped gardens offer a quiet space for your morning coffee.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929508.jpg",
imageAlt: "Serene Garden View",
},
{
title: "Concierge Service",
description: "Assistance with tours, transport, and city discovery.",
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg",
imageAlt: "Concierge Services",
},
]}
title="World-Class Amenities"
description="We ensure your stay is seamless, comfortable, and truly relaxing."
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ title: "Fine Dining", description: "Experience exquisite local and international cuisine at our restaurant.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927733.jpg", imageAlt: "Fine Dining Room" },
{ title: "Garden Retreat", description: "Our landscaped gardens offer a quiet space for your morning coffee.", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929508.jpg", imageAlt: "Serene Garden View" },
{ title: "Concierge Service", description: "Assistance with tours, transport, and city discovery.", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg", imageAlt: "Concierge Services" }
]}
title="World-Class Amenities"
description="We ensure your stay is seamless, comfortable, and truly relaxing."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-young-woman-standing-restaurant_23-2147936182.jpg",
},
{
id: "2",
name: "Michael K.",
imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-with-oligodactyly-hands_23-2149057493.jpg",
},
{
id: "3",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-bed_74190-10182.jpg",
},
{
id: "4",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-orange-juice-cafe-with-man-background_1170-551.jpg",
},
{
id: "5",
name: "Susan L.",
imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebration_23-2151644797.jpg",
},
]}
cardTitle="What Guests Say"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-young-woman-standing-restaurant_23-2147936182.jpg" },
{ id: "2", name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-with-oligodactyly-hands_23-2149057493.jpg" },
{ id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-bed_74190-10182.jpg" },
{ id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-orange-juice-cafe-with-man-background_1170-551.jpg" },
{ id: "5", name: "Susan L.", imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebration_23-2151644797.jpg" }
]}
cardTitle="What Guests Say"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15+",
title: "Years of Excellence",
items: [
"Established history",
"Dedicated service",
],
},
{
id: "m2",
value: "4.9",
title: "Average Guest Rating",
items: [
"Highly recommended",
"Exquisite reviews",
],
},
{
id: "m3",
value: "98%",
title: "Customer Satisfaction",
items: [
"Repeat guests",
"Warm hospitality",
],
},
]}
title="Hospitality Excellence"
description="We are proud of our commitment to guest satisfaction."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "15+", title: "Years of Excellence", items: ["Established history", "Dedicated service"] },
{ id: "m2", value: "4.9", title: "Average Guest Rating", items: ["Highly recommended", "Exquisite reviews"] },
{ id: "m3", value: "98%", title: "Customer Satisfaction", items: ["Repeat guests", "Warm hospitality"] }
]}
title="Hospitality Excellence"
description="We are proud of our commitment to guest satisfaction."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What time is check-in?",
content: "Check-in is from 3:00 PM. Early check-in can be requested.",
},
{
id: "f2",
title: "Is parking available?",
content: "Yes, we offer complimentary parking for all our guests.",
},
{
id: "f3",
title: "Is breakfast included?",
content: "Yes, a delicious traditional breakfast is included in all room rates.",
},
]}
title="Frequently Asked Questions"
description="Information to help plan your perfect stay."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "What time is check-in?", content: "Check-in is from 3:00 PM. Early check-in can be requested." },
{ id: "f2", title: "Is parking available?", content: "Yes, we offer complimentary parking for all our guests." },
{ id: "f3", title: "Is breakfast included?", content: "Yes, a delicious traditional breakfast is included in all room rates." }
]}
title="Frequently Asked Questions"
description="Information to help plan your perfect stay."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Start Your Journey"
description="Ready to experience Casa De Maria? Reach out today to make your booking."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your booking details...",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/active-people-enter-alpine-resort-lobby_482257-102456.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Start Your Journey"
description="Ready to experience Casa De Maria? Reach out today to make your booking."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{ name: "message", placeholder: "Your booking details...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/active-people-enter-alpine-resort-lobby_482257-102456.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Rooms",
href: "#rooms",
},
{
label: "Amenities",
href: "#amenities",
},
],
},
{
title: "Help",
items: [
{
label: "FAQs",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
logoText="Casa De Maria"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Explore", items: [{ label: "About Us", href: "#about" }, { label: "Rooms", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] },
{ title: "Help", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] }
]}
logoText="Casa De Maria"
/>
</div>
</ReactLenis>
</ThemeProvider>
);