Merge version_1 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
name: "Rooms", id: "rooms"},
|
||||
{
|
||||
name: "Rooftop",
|
||||
id: "rooftop",
|
||||
},
|
||||
name: "Rooftop", id: "rooftop"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="KANEX"
|
||||
/>
|
||||
@@ -55,33 +47,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Comfort with a View"
|
||||
description="Affordable luxury, peaceful rooms, and a rooftop bar that changes your evenings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", href: "#contact"},
|
||||
{
|
||||
text: "View Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
text: "View Rooms", href: "#rooms"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks-snacks_23-2149128362.jpg?_wi=1",
|
||||
imageAlt: "Rooftop sunset view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks-snacks_23-2149128362.jpg", imageAlt: "Rooftop sunset view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/string-lights-sunset_23-2148232006.jpg",
|
||||
imageAlt: "Rooftop lounge area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/string-lights-sunset_23-2148232006.jpg", imageAlt: "Rooftop lounge area"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-bed-with-white-pillows_1203-669.jpg?_wi=1",
|
||||
imageAlt: "Standard room interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-bed-with-white-pillows_1203-669.jpg", imageAlt: "Standard room interior"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -94,17 +75,11 @@ export default function LandingPage() {
|
||||
description="KANEX HOTEL offers a calm and welcoming space designed for travelers who value comfort and simplicity. From neatly maintained rooms to a relaxing rooftop bar, every stay is built around ease and quiet enjoyment."
|
||||
metrics={[
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
},
|
||||
value: "24/7", title: "Service"},
|
||||
{
|
||||
value: "Prime",
|
||||
title: "Location",
|
||||
},
|
||||
value: "Prime", title: "Location"},
|
||||
{
|
||||
value: "Quiet",
|
||||
title: "Atmosphere",
|
||||
},
|
||||
value: "Quiet", title: "Atmosphere"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956524.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -120,40 +95,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "std",
|
||||
name: "Standard Room",
|
||||
price: "Affordable",
|
||||
variant: "Cozy & Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed_74190-4537.jpg",
|
||||
},
|
||||
id: "std", name: "Standard Room", price: "Affordable", variant: "Cozy & Clean", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed_74190-4537.jpg"},
|
||||
{
|
||||
id: "del",
|
||||
name: "Deluxe Room",
|
||||
price: "Best Value",
|
||||
variant: "Premium Bedding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg",
|
||||
},
|
||||
id: "del", name: "Deluxe Room", price: "Best Value", variant: "Premium Bedding", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg"},
|
||||
{
|
||||
id: "exec",
|
||||
name: "Executive Room",
|
||||
price: "Experience",
|
||||
variant: "Maximum Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-beadroom-hotel_1150-17926.jpg",
|
||||
},
|
||||
id: "exec", name: "Executive Room", price: "Experience", variant: "Maximum Comfort", imageSrc: "http://img.b2bpic.net/free-photo/modern-beadroom-hotel_1150-17926.jpg"},
|
||||
{
|
||||
id: "std2",
|
||||
name: "Standard Room",
|
||||
price: "Affordable",
|
||||
variant: "Cozy & Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed-decoration-bedroom-interior_1339-7140.jpg",
|
||||
},
|
||||
id: "std2", name: "Standard Room", price: "Affordable", variant: "Cozy & Clean", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed-decoration-bedroom-interior_1339-7140.jpg"},
|
||||
{
|
||||
id: "del2",
|
||||
name: "Deluxe Room",
|
||||
price: "Best Value",
|
||||
variant: "Premium Bedding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118971.jpg",
|
||||
},
|
||||
id: "del2", name: "Deluxe Room", price: "Best Value", variant: "Premium Bedding", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118971.jpg"},
|
||||
]}
|
||||
title="Our Rooms"
|
||||
description="Designed for comfort and relaxation."
|
||||
@@ -167,26 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Coffee",
|
||||
title: "Morning Brew",
|
||||
description: "Freshly prepared beverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-pastry-near-coffee-tray_23-2147869460.jpg",
|
||||
},
|
||||
id: "m1", value: "Coffee", title: "Morning Brew", description: "Freshly prepared beverage", imageSrc: "http://img.b2bpic.net/free-photo/fresh-pastry-near-coffee-tray_23-2147869460.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Oats",
|
||||
title: "Healthy Start",
|
||||
description: "Nutritious morning oats",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-healthy-start-breakfast_23-2148297903.jpg",
|
||||
},
|
||||
id: "m2", value: "Oats", title: "Healthy Start", description: "Nutritious morning oats", imageSrc: "http://img.b2bpic.net/free-photo/set-healthy-start-breakfast_23-2148297903.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Eggs",
|
||||
title: "Fresh & Hot",
|
||||
description: "Fried eggs with fresh bread",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-crepes-pancakes-toasts-croissant-egg-sliced-strawberries-bananas-coffee_140725-7771.jpg",
|
||||
},
|
||||
id: "m3", value: "Eggs", title: "Fresh & Hot", description: "Fried eggs with fresh bread", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-crepes-pancakes-toasts-croissant-egg-sliced-strawberries-bananas-coffee_140725-7771.jpg"},
|
||||
]}
|
||||
title="Start Your Morning Right"
|
||||
description="Enjoy a simple but satisfying breakfast every morning."
|
||||
@@ -200,40 +135,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Panoramic Views",
|
||||
description: "City skyline at night.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-toasting-with-red-wine_53876-40302.jpg",
|
||||
},
|
||||
title: "Panoramic Views", description: "City skyline at night.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-toasting-with-red-wine_53876-40302.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks-snacks_23-2149128362.jpg?_wi=2",
|
||||
imageAlt: "luxury hotel rooftop bar night atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Relaxing Drinks",
|
||||
description: "Refreshing cocktails served.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-celebrating-with-drinks_23-2149734951.jpg",
|
||||
},
|
||||
title: "Relaxing Drinks", description: "Refreshing cocktails served.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-celebrating-with-drinks_23-2149734951.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-chatting_23-2149110915.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-bed-with-white-pillows_1203-669.jpg?_wi=2",
|
||||
imageAlt: "luxury hotel rooftop bar night atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-chatting_23-2149110915.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Social Atmosphere",
|
||||
description: "The perfect place to unwind.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girls-outdoors_23-2149334005.jpg",
|
||||
},
|
||||
title: "Social Atmosphere", description: "The perfect place to unwind.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girls-outdoors_23-2149334005.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rooftop-lounge-sunset_23-2151986955.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-white-house-relaxation-room_1203-4422.jpg",
|
||||
imageAlt: "luxury hotel rooftop bar night atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rooftop-lounge-sunset_23-2151986955.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -250,45 +167,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Traveler",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Traveler", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Guest",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119016.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Guest", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119016.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Traveler",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-9519.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Traveler", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-9519.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Guest",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12644.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Guest", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12644.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah J.",
|
||||
role: "Traveler",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah J.", role: "Traveler", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"},
|
||||
]}
|
||||
title="Guests Appreciate Our Calm Atmosphere"
|
||||
description="Reflecting the comfort we strive for daily."
|
||||
@@ -301,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free breakfast?",
|
||||
content: "Yes, we serve fresh breakfast every morning.",
|
||||
},
|
||||
id: "f1", title: "Do you offer free breakfast?", content: "Yes, we serve fresh breakfast every morning."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the rooftop bar open daily?",
|
||||
content: "Our rooftop bar welcomes guests every evening.",
|
||||
},
|
||||
id: "f2", title: "Is the rooftop bar open daily?", content: "Our rooftop bar welcomes guests every evening."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I book a room?",
|
||||
content: "You can book directly via WhatsApp or our website.",
|
||||
},
|
||||
id: "f3", title: "How can I book a room?", content: "You can book directly via WhatsApp or our website."},
|
||||
]}
|
||||
title="We’re Always Improving"
|
||||
description="We are committed to better responsiveness, cleanliness, and timely service."
|
||||
@@ -329,20 +212,12 @@ export default function LandingPage() {
|
||||
description="Ready for a relaxing stay? Limited rooms available daily."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requests...",
|
||||
}}
|
||||
name: "message", placeholder: "Special requests..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -352,29 +227,19 @@ export default function LandingPage() {
|
||||
logoText="KANEX"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
label: "Rooms", href: "#rooms"},
|
||||
{
|
||||
label: "Rooftop",
|
||||
href: "#rooftop",
|
||||
},
|
||||
label: "Rooftop", href: "#rooftop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user