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" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Rooms", id: "rooms" },
}, { name: "Contact", id: "contact" },
{ ]}
name: "About", brandName="Casa De Maria"
id: "about", />
}, </div>
{
name: "Rooms",
id: "rooms",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Casa De Maria"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{ variant: "plain" }}
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."
title="An Oasis of Calm in Nazareth" leftCarouselItems={[
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." { imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg", imageAlt: "Luxurious Hotel Interior" },
leftCarouselItems={[ { 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/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-yoga-mat_23-2149358917.jpg", imageAlt: "Full shot man doing yoga on mat" },
imageAlt: "Luxurious Hotel Interior", { 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/girl-sits-by-sea-relaxes_169016-1675.jpg", { 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" },
imageAlt: "Warm Hotel Terrace", { 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/family-hanging-out-jetty_23-2150767946.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/computer-desktop-table_23-2147936237.jpg", imageAlt: "Computer desktop behind the table" }
imageAlt: "Family hanging out on a jetty", ]}
}, buttons={[
{ { text: "Book Your Stay", href: "#contact" },
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-yoga-mat_23-2149358917.jpg", { text: "Explore Rooms", href: "#rooms" }
imageAlt: "Full shot man doing yoga on mat", ]}
}, avatars={[
{ { src: "http://img.b2bpic.net/free-photo/woman-looking-through-menu-restaurant_23-2150520059.jpg", alt: "Woman looking through menu at the restaurant" },
imageSrc: "http://img.b2bpic.net/free-photo/person-black-jacket-sitting-brown-wooden-bench-near-sea-daytime_413556-24.jpg", { 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" },
imageAlt: "Person in black jacket sitting on brown wooden bench near sea during daytime", { 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" }
rightCarouselItems={[ ]}
{ avatarText="Loved by over 500+ happy travelers"
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", </div>
},
{
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"> <div id="about" data-section="about">
<SplitAbout <SplitAbout
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
title="A Legacy of Hospitality" 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." 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={[ bulletPoints={[
{ { title: "Prime Location", description: "Ideally situated for exploring Nazareth's rich culture." },
title: "Prime Location", { title: "Premium Comfort", description: "Every room is carefully designed to ensure restful nights." },
description: "Ideally situated for exploring Nazareth's rich culture.", { 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"
title: "Premium Comfort", mediaAnimation="slide-up"
description: "Every room is carefully designed to ensure restful nights.", />
}, </div>
{
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"> <div id="rooms" data-section="rooms">
<FeatureCardSeven <FeatureCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "Classic 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" },
description: "Intimate and comfortable space for the solo traveler or couple.", { 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" }
imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed_74190-4537.jpg", ]}
imageAlt: "Classic Hotel Room", title="Exquisite Accommodations"
}, description="Retreat to your private sanctuary. Our rooms blend modern amenities with classic charm."
{ />
title: "Deluxe Suite", </div>
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"> <div id="amenities" data-section="amenities">
<FeatureCardSeven <FeatureCardSeven
textboxLayout="split" animationType="slide-up"
useInvertedBackground={true} textboxLayout="split"
features={[ useInvertedBackground={true}
{ features={[
title: "Fine Dining", { 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" },
description: "Experience exquisite local and international cuisine at our restaurant.", { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927733.jpg", { 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" }
imageAlt: "Fine Dining Room", ]}
}, title="World-Class Amenities"
{ description="We ensure your stay is seamless, comfortable, and truly relaxing."
title: "Garden Retreat", />
description: "Our landscaped gardens offer a quiet space for your morning coffee.", </div>
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"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve <TestimonialCardTwelve
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-young-woman-standing-restaurant_23-2147936182.jpg" },
id: "1", { id: "2", name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-with-oligodactyly-hands_23-2149057493.jpg" },
name: "Sarah J.", { id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-bed_74190-10182.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-young-woman-standing-restaurant_23-2147936182.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" }
{ ]}
id: "2", cardTitle="What Guests Say"
name: "Michael K.", cardTag="Testimonials"
imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-with-oligodactyly-hands_23-2149057493.jpg", cardAnimation="slide-up"
}, />
{ </div>
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"> <div id="metrics" data-section="metrics">
<MetricCardSeven <MetricCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "15+", title: "Years of Excellence", items: ["Established history", "Dedicated service"] },
id: "m1", { id: "m2", value: "4.9", title: "Average Guest Rating", items: ["Highly recommended", "Exquisite reviews"] },
value: "15+", { id: "m3", value: "98%", title: "Customer Satisfaction", items: ["Repeat guests", "Warm hospitality"] }
title: "Years of Excellence", ]}
items: [ title="Hospitality Excellence"
"Established history", description="We are proud of our commitment to guest satisfaction."
"Dedicated service", />
], </div>
},
{
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"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "What time is check-in?", content: "Check-in is from 3:00 PM. Early check-in can be requested." },
id: "f1", { id: "f2", title: "Is parking available?", content: "Yes, we offer complimentary parking for all our guests." },
title: "What time is check-in?", { id: "f3", title: "Is breakfast included?", content: "Yes, a delicious traditional breakfast is included in all room rates." }
content: "Check-in is from 3:00 PM. Early check-in can be requested.", ]}
}, title="Frequently Asked Questions"
{ description="Information to help plan your perfect stay."
id: "f2", faqsAnimation="slide-up"
title: "Is parking available?", />
content: "Yes, we offer complimentary parking for all our guests.", </div>
},
{
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"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={true} useInvertedBackground={true}
title="Start Your Journey" title="Start Your Journey"
description="Ready to experience Casa De Maria? Reach out today to make your booking." description="Ready to experience Casa De Maria? Reach out today to make your booking."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Your Name", required: true },
name: "name", { name: "email", type: "email", placeholder: "Your Email", required: true }
type: "text", ]}
placeholder: "Your Name", textarea={{ name: "message", placeholder: "Your booking details...", rows: 4 }}
required: true, imageSrc="http://img.b2bpic.net/free-photo/active-people-enter-alpine-resort-lobby_482257-102456.jpg"
}, />
{ </div>
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"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[
{ { title: "Explore", items: [{ label: "About Us", href: "#about" }, { label: "Rooms", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] },
title: "Explore", { title: "Help", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] }
items: [ ]}
{ logoText="Casa De Maria"
label: "About Us", />
href: "#about", </div>
},
{
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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );