Merge version_1 into main #2
277
src/app/page.tsx
277
src/app/page.tsx
@@ -32,21 +32,13 @@ 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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Grand Oasis"
|
||||
/>
|
||||
@@ -55,77 +47,48 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Experience Unrivaled Luxury"
|
||||
description="Escape to the Grand Oasis, where timeless elegance meets world-class service in the heart of the city."
|
||||
kpis={[
|
||||
{
|
||||
value: "5-Star",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "5-Star", label: "Rating"},
|
||||
{
|
||||
value: "120+",
|
||||
label: "Luxury Suites",
|
||||
},
|
||||
value: "120+", label: "Luxury Suites"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Concierge",
|
||||
},
|
||||
value: "24/7", label: "Concierge"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",
|
||||
alt: "Luxury hotel guest relaxing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg", alt: "Luxury hotel guest relaxing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000417.jpg",
|
||||
alt: "Spa wellness environment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000417.jpg", alt: "Spa wellness environment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397562.jpg",
|
||||
alt: "Hotel hallway architecture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397562.jpg", alt: "Hotel hallway architecture"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-ceremony-venue-with-floral-decorations_23-2151978933.jpg",
|
||||
alt: "Elegant event venue",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-ceremony-venue-with-floral-decorations_23-2151978933.jpg", alt: "Elegant event venue"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-745.jpg",
|
||||
alt: "Modern urban architecture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-745.jpg", alt: "Modern urban architecture"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ travelers worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Amenities",
|
||||
},
|
||||
type: "text", text: "Premium Amenities"},
|
||||
{
|
||||
type: "text",
|
||||
text: "World-Class Dining",
|
||||
},
|
||||
type: "text", text: "World-Class Dining"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ocean Views",
|
||||
},
|
||||
type: "text", text: "Ocean Views"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Private Concierge",
|
||||
},
|
||||
type: "text", text: "Private Concierge"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Wellness Spa",
|
||||
},
|
||||
type: "text", text: "Full Wellness Spa"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,19 +100,13 @@ export default function LandingPage() {
|
||||
description="Established with a vision to redefine comfort, our hotel blends modern sophistication with classic charm to create an unforgettable stay."
|
||||
metrics={[
|
||||
{
|
||||
value: "30+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "30+", title: "Years Experience"},
|
||||
{
|
||||
value: "1M+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
value: "1M+", title: "Happy Guests"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Awards Won",
|
||||
},
|
||||
value: "50+", title: "Awards Won"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-teenager-urged-sing-microphone-counseling-session_482257-113872.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-teenager-urged-sing-microphone-counseling-session_482257-113872.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -162,49 +119,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Infinity Pool",
|
||||
description: "Relax in our crystal clear pool overlooking the horizon.",
|
||||
icon: Waves,
|
||||
title: "Infinity Pool", description: "Relax in our crystal clear pool overlooking the horizon.", icon: Waves,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort-with-chair-deck-leisure-vacation_74190-8478.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort-with-chair-deck-leisure-vacation_74190-8478.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8389.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8389.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg?_wi=2",
|
||||
imageAlt: "hotel swimming pool luxury resort",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Experience world-class culinary excellence at our signature restaurants.",
|
||||
icon: Utensils,
|
||||
title: "Gourmet Dining", description: "Experience world-class culinary excellence at our signature restaurants.", icon: Utensils,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-urged-sing-microphone-counseling-session_482257-113872.jpg?_wi=2",
|
||||
imageAlt: "hotel swimming pool luxury resort",
|
||||
},
|
||||
{
|
||||
title: "Wellness Spa",
|
||||
description: "Rejuvenate your senses with our bespoke therapeutic treatments.",
|
||||
icon: Leaf,
|
||||
title: "Wellness Spa", description: "Rejuvenate your senses with our bespoke therapeutic treatments.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-woman-chinese-restaurant-wearing-yellow-dress-with-sushi-rolls-posing-smiling-with-chopsticks_496169-350.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-woman-chinese-restaurant-wearing-yellow-dress-with-sushi-rolls-posing-smiling-with-chopsticks_496169-350.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-sauna-heaters-geometric-forms-sunny-interior_169016-68905.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-sauna-heaters-geometric-forms-sunny-interior_169016-68905.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comfortable-modern-hotel-suite-with-elegant-decoration-generated-by-ai_188544-29116.jpg?_wi=1",
|
||||
imageAlt: "hotel swimming pool luxury resort",
|
||||
},
|
||||
]}
|
||||
title="Exceptional Amenities"
|
||||
@@ -220,47 +159,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Royal Suite",
|
||||
price: "$950/night",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comfortable-modern-hotel-suite-with-elegant-decoration-generated-by-ai_188544-29116.jpg?_wi=2",
|
||||
},
|
||||
id: "r1", name: "Royal Suite", price: "$950/night", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/comfortable-modern-hotel-suite-with-elegant-decoration-generated-by-ai_188544-29116.jpg"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Deluxe Double",
|
||||
price: "$450/night",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bath-house-bathroom-faucet-bright_1203-5166.jpg",
|
||||
},
|
||||
id: "r2", name: "Deluxe Double", price: "$450/night", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/bath-house-bathroom-faucet-bright_1203-5166.jpg"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Ocean View",
|
||||
price: "$600/night",
|
||||
variant: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg",
|
||||
},
|
||||
id: "r3", name: "Ocean View", price: "$600/night", variant: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg"},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Family Suite",
|
||||
price: "$700/night",
|
||||
variant: "Space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-blue-chairs-blue-glasses-table_140725-8027.jpg",
|
||||
},
|
||||
id: "r4", name: "Family Suite", price: "$700/night", variant: "Space", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-blue-chairs-blue-glasses-table_140725-8027.jpg"},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Presidential",
|
||||
price: "$1200/night",
|
||||
variant: "Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-white-bench-watching-water_181624-22270.jpg",
|
||||
},
|
||||
id: "r5", name: "Presidential", price: "$1200/night", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/sitting-white-bench-watching-water_181624-22270.jpg"},
|
||||
{
|
||||
id: "r6",
|
||||
name: "Standard King",
|
||||
price: "$300/night",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-room-with-large-window-couch-with-pillows-it_188544-27425.jpg",
|
||||
},
|
||||
id: "r6", name: "Standard King", price: "$300/night", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/large-room-with-large-window-couch-with-pillows-it_188544-27425.jpg"},
|
||||
]}
|
||||
title="Our Luxurious Rooms"
|
||||
description="Explore our handpicked collection of suites and rooms crafted for pure relaxation."
|
||||
@@ -274,59 +183,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Smith",
|
||||
role: "Travel Blogger",
|
||||
company: "Global Travels",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-orange-juice-cafe-with-man-background_1170-551.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Smith", role: "Travel Blogger", company: "Global Travels", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-orange-juice-cafe-with-man-background_1170-551.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Garcia",
|
||||
role: "Architect",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tea_1098-13992.jpg",
|
||||
},
|
||||
id: "t2", name: "Maria Garcia", role: "Architect", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tea_1098-13992.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
company: "Tech Innovators",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-bathrobe-reading-magazine-while-relaxing-beauty-spa-looking-camera_637285-7434.jpg",
|
||||
},
|
||||
id: "t3", name: "John Doe", role: "CEO", company: "Tech Innovators", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-bathrobe-reading-magazine-while-relaxing-beauty-spa-looking-camera_637285-7434.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Petrova",
|
||||
role: "Director",
|
||||
company: "Art Gallery",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10679.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena Petrova", role: "Director", company: "Art Gallery", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10679.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Liam Neeson",
|
||||
role: "Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-orange-tablet_1157-2104.jpg",
|
||||
},
|
||||
id: "t5", name: "Liam Neeson", role: "Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-orange-tablet_1157-2104.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9", label: "Avg Rating"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "5k+", label: "Reviews"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="See why guests from around the globe choose Grand Oasis for their stay."
|
||||
@@ -339,20 +217,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are the check-in times?",
|
||||
content: "Check-in is from 3 PM, check-out is by 11 AM.",
|
||||
},
|
||||
id: "f1", title: "What are the check-in times?", content: "Check-in is from 3 PM, check-out is by 11 AM."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we offer complimentary valet parking for all our guests.",
|
||||
},
|
||||
id: "f2", title: "Is parking available?", content: "Yes, we offer complimentary valet parking for all our guests."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are pets allowed?",
|
||||
content: "We are a pet-friendly property, please inform us in advance.",
|
||||
},
|
||||
id: "f3", title: "Are pets allowed?", content: "We are a pet-friendly property, please inform us in advance."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about your stay at our hotel."
|
||||
@@ -367,20 +236,12 @@ export default function LandingPage() {
|
||||
description="Reach out to our reservation team to secure your suite at the Grand Oasis."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Full Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requests or booking dates...",
|
||||
}}
|
||||
name: "message", placeholder: "Special requests or booking dates..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tranquil-scene-illuminated-by-candle-lantern-generative-ai_188544-45844.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -390,29 +251,19 @@ export default function LandingPage() {
|
||||
logoText="Grand Oasis"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user