bender/b012dbe1-201f-4dc8-99f6-cd11e2cbed92
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1_1776946976994 into main #1

Merged
bender merged 2 commits from version_1_1776946976994 into main 2026-04-23 12:24:55 +00:00
Conversation 0 Commits 2 Files Changed 1 +108 -243
1 changed files with 108 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

351
src/App.tsx
View File

@@ -11,257 +11,122 @@ import TestimonialRatingCards from '@/components/sections/testimonial/Testimonia
export default function App() {
return (
<>
<div id="nav" data-section="nav">
<NavbarCentered
logo="Grand Oasis"
navItems={[
{
name: "Rooms",
href: "#rooms",
},
{
name: "Amenities",
href: "#amenities",
},
{
name: "Testimonials",
href: "#testimonials",
},
]}
ctaButton={{
text: "Book Now",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarCentered
logo="Grand Oasis"
navItems={[
{ name: "Rooms", href: "#rooms" },
{ name: "Amenities", href: "#amenities" },
{ name: "Testimonials", href: "#testimonials" },
]}
ctaButton={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTiltedCarousel
tag="Welcome to Grand Oasis"
title="Experience Unmatched Luxury"
description="Nestled in the heart of the city, we offer a sanctuary of peace, comfort, and impeccable service for every traveler."
primaryButton={{
text: "Book a Room",
href: "#contact",
}}
secondaryButton={{
text: "Explore Suites",
href: "#rooms",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694041.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7399.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tea-set-with-candies-dried-fruits-nuts-cookies-jams-lemon-baklava-1_140725-8827.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-chair-with-umbrella-deck-pool-resort_74190-3962.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-sandy-beach-beach-with-sun-beds-umbrellas-open-against-sea-mountains-hotel-resort-tekirova-kemer-turkey_146671-18880.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-drinks-together_107420-94740.jpg",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTiltedCarousel
tag="Welcome to Grand Oasis"
title="Experience Unmatched Luxury"
description="Nestled in the heart of the city, we offer a sanctuary of peace, comfort, and impeccable service for every traveler."
primaryButton={{ text: "Book a Room", href: "#contact" }}
secondaryButton={{ text: "Explore Suites", href: "#rooms" }}
items={[
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694041.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7399.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/tea-set-with-candies-dried-fruits-nuts-cookies-jams-lemon-baklava-1_140725-8827.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-chair-with-umbrella-deck-pool-resort_74190-3962.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-sandy-beach-beach-with-sun-beds-umbrellas-open-against-sea-mountains-hotel-resort-tekirova-kemer-turkey_146671-18880.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-having-drinks-together_107420-94740.jpg" },
]}
/>
</div>
<div id="about" data-section="about">
<AboutTestimonial
tag="Our Story"
quote="Grand Oasis was born from a vision of creating not just a place to stay, but a home away from home. We blend modern luxury with traditional hospitality to deliver an unforgettable stay."
author="Elena Vance"
role="General Manager"
imageSrc="http://img.b2bpic.net/free-photo/concierge-operator-working-laptop_482257-86396.jpg"
/>
</div>
<div id="about" data-section="about">
<AboutTestimonial
tag="Our Story"
quote="Grand Oasis was born from a vision of creating not just a place to stay, but a home away from home. We blend modern luxury with traditional hospitality to deliver an unforgettable stay."
author="Elena Vance"
role="General Manager"
imageSrc="http://img.b2bpic.net/free-photo/concierge-operator-working-laptop_482257-86396.jpg"
/>
</div>
<div id="rooms" data-section="rooms">
<ProductMediaCards
tag="Rooms & Suites"
title="Relax in Style"
description="Explore our curated collection of spacious rooms and breathtaking suites designed for ultimate relaxation."
products={[
{
name: "Deluxe King Room",
price: "$290/night",
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010474.jpg",
},
{
name: "Ocean View Suite",
price: "$450/night",
imageSrc: "http://img.b2bpic.net/free-photo/girls-with-cocktails_1157-8902.jpg",
},
{
name: "Family Haven Suite",
price: "$520/night",
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666245.jpg",
},
{
name: "Royal Penthouse",
price: "$950/night",
imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151151757.jpg",
},
{
name: "Classic Double Room",
price: "$220/night",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
},
{
name: "Junior Boutique Suite",
price: "$380/night",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263508.jpg",
},
]}
/>
</div>
<div id="rooms" data-section="rooms">
<ProductMediaCards
tag="Rooms & Suites"
title="Relax in Style"
description="Explore our curated collection of spacious rooms and breathtaking suites designed for ultimate relaxation."
products={[
{ name: "Deluxe King Room", price: "$290/night", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010474.jpg" },
{ name: "Ocean View Suite", price: "$450/night", imageSrc: "http://img.b2bpic.net/free-photo/girls-with-cocktails_1157-8902.jpg" },
{ name: "Family Haven Suite", price: "$520/night", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666245.jpg" },
{ name: "Royal Penthouse", price: "$950/night", imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151151757.jpg" },
{ name: "Classic Double Room", price: "$220/night", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg" },
{ name: "Junior Boutique Suite", price: "$380/night", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263508.jpg" },
]}
/>
</div>
<div id="amenities" data-section="amenities">
<FeaturesTaggedCards
tag="Our Amenities"
title="Everything You Need"
description="From world-class dining to relaxing spa retreats, find all your needs catered for within our walls."
items={[
{
tag: "Relax",
title: "World-Class Spa",
description: "Rejuvenate with our curated range of spa treatments.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22518.jpg",
},
{
name: "Dining",
title: "Gourmet Kitchens",
description: "Dine on globally-inspired cuisine prepared by master chefs.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-person-pouring-honey-biscuit-roll-filled-with-walnuts-table_140725-12862.jpg",
},
{
tag: "Unwind",
title: "Rooftop Garden",
description: "Take in the city views while lounging in our lush rooftop garden.",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg",
},
]}
/>
</div>
<div id="amenities" data-section="amenities">
<FeaturesTaggedCards
tag="Our Amenities"
title="Everything You Need"
description="From world-class dining to relaxing spa retreats, find all your needs catered for within our walls."
items={[
{ tag: "Relax", title: "World-Class Spa", description: "Rejuvenate with our curated range of spa treatments.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22518.jpg" },
{ tag: "Dining", title: "Gourmet Kitchens", description: "Dine on globally-inspired cuisine prepared by master chefs.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-person-pouring-honey-biscuit-roll-filled-with-walnuts-table_140725-12862.jpg" },
{ tag: "Unwind", title: "Rooftop Garden", description: "Take in the city views while lounging in our lush rooftop garden.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialRatingCards
tag="Guest Reviews"
title="Trusted by Travelers"
description="Discover what our guests have to say about their experience at Grand Oasis."
testimonials={[
{
id: "1",
name: "Sarah Jenkins",
role: "Frequent Traveler",
quote: "The most relaxing hotel stay I've ever had. Truly impeccable service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-luggage-airport-travelling-talking-phone_1303-27814.jpg",
},
{
id: "2",
name: "Mark Peterson",
role: "Business Guest",
quote: "Grand Oasis made my business trip so much more comfortable and productive.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barefooted-lady-white-shirt-resting-summer-resort-brunette-woman-wears-hat-dancing-near-pool_197531-20891.jpg",
},
{
id: "3",
name: "Chloe Dupont",
role: "Vacationer",
quote: "A perfect blend of luxury and convenience. Would definitely return.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
},
{
id: "4",
name: "David Miller",
role: "Honeymooner",
quote: "Our honeymoon at the Grand Oasis was absolutely magical and unforgettable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-old-lady-looking-up_23-2148286619.jpg",
},
{
id: "5",
name: "Jane Adams",
role: "Traveler",
quote: "Exceeded all expectations. The spa is a must-visit for every guest.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-brunette-woman-wears-straw-hat-poses-selfie-shows-tongue-drinks-refreshing-cocktail-stands-against-cafe-interior-beautiful-young-female-model-enjoys-summer-holiday_273609-2356.jpg",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialRatingCards
tag="Guest Reviews"
title="Trusted by Travelers"
description="Discover what our guests have to say about their experience at Grand Oasis."
testimonials={[
{ name: "Sarah Jenkins", role: "Frequent Traveler", quote: "The most relaxing hotel stay I've ever had. Truly impeccable service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-luggage-airport-travelling-talking-phone_1303-27814.jpg" },
{ name: "Mark Peterson", role: "Business Guest", quote: "Grand Oasis made my business trip so much more comfortable and productive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barefooted-lady-white-shirt-resting-summer-resort-brunette-woman-wears-hat-dancing-near-pool_197531-20891.jpg" },
{ name: "Chloe Dupont", role: "Vacationer", quote: "A perfect blend of luxury and convenience. Would definitely return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg" },
{ name: "David Miller", role: "Honeymooner", quote: "Our honeymoon at the Grand Oasis was absolutely magical and unforgettable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-old-lady-looking-up_23-2148286619.jpg" },
{ name: "Jane Adams", role: "Traveler", quote: "Exceeded all expectations. The spa is a must-visit for every guest.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-brunette-woman-wears-straw-hat-poses-selfie-shows-tongue-drinks-refreshing-cocktail-stands-against-cafe-interior-beautiful-young-female-model-enjoys-summer-holiday_273609-2356.jpg" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSimple
tag="Common Questions"
title="We're Here to Help"
description="Find answers to frequently asked questions about our services and policies."
items={[
{
question: "What time is check-in?",
answer: "Check-in is from 3 PM onwards.",
},
{
question: "Are pets allowed?",
answer: "Yes, we are a pet-friendly hotel. Please inquire for details.",
},
{
question: "Is breakfast included?",
answer: "Complimentary breakfast is served for all suite guests.",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSimple
tag="Common Questions"
title="We're Here to Help"
description="Find answers to frequently asked questions about our services and policies."
items={[
{ question: "What time is check-in?", answer: "Check-in is from 3 PM onwards." },
{ question: "Are pets allowed?", answer: "Yes, we are a pet-friendly hotel. Please inquire for details." },
{ question: "Is breakfast included?", answer: "Complimentary breakfast is served for all suite guests." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Reserve Your Stay"
title="Start Your Journey"
description="Sign up for our newsletter to get exclusive offers and updates on your next visit."
inputPlaceholder="Enter your email"
buttonText="Subscribe & Save"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Reserve Your Stay"
title="Start Your Journey"
description="Sign up for our newsletter to get exclusive offers and updates on your next visit."
inputPlaceholder="Enter your email"
buttonText="Subscribe & Save"
/>
</div>
<div id="footer" data-section="footer">
<FooterBrandReveal
brand="Grand Oasis"
columns={[
{
items: [
{
label: "About Us",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBrandReveal
brand="Grand Oasis"
columns={[
{ items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</>
);
}