Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shelter"
|
||||
/>
|
||||
@@ -57,13 +45,8 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="Shelter"
|
||||
description="Discover a place of rest and quiet elegance in the heart of the city. Shelter Mini-Hotel offers boutique hospitality designed for the modern traveler."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brick-wall-vintage-architecture_1359-827.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brick-wall-vintage-architecture_1359-827.jpg"
|
||||
imageAlt="Shelter Hotel welcoming atmosphere"
|
||||
/>
|
||||
</div>
|
||||
@@ -73,9 +56,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Sanctuary of Comfort"
|
||||
description={[
|
||||
"Shelter was founded on the belief that travel should be both an adventure and a period of genuine restorative peace.",
|
||||
"Our boutique rooms are curated with local textures, warm lighting, and silent design elements to ensure you wake up refreshed every morning.",
|
||||
]}
|
||||
"Shelter was founded on the belief that travel should be both an adventure and a period of genuine restorative peace.", "Our boutique rooms are curated with local textures, warm lighting, and silent design elements to ensure you wake up refreshed every morning."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,52 +67,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Linens",
|
||||
description: "High-thread-count natural cotton bedding for unparalleled sleep quality.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-rattan-headboard-pendant-light_23-2152031743.jpg",
|
||||
imageAlt: "Premium bedding",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Organic materials",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-vintage-architecture_1359-827.jpg?_wi=2",
|
||||
imageAlt: "luxury double hotel room",
|
||||
title: "Premium Linens", description: "High-thread-count natural cotton bedding for unparalleled sleep quality.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-rattan-headboard-pendant-light_23-2152031743.jpg", imageAlt: "Premium bedding"},
|
||||
items: [{ icon: Sparkles, text: "Organic materials" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Quiet Atmosphere",
|
||||
description: "Soundproofed interiors ensure your stay remains peaceful and private.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-tea_23-2150326119.jpg",
|
||||
imageAlt: "Quiet space",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Total privacy",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-12977.jpg",
|
||||
imageAlt: "luxury double hotel room",
|
||||
title: "Quiet Atmosphere", description: "Soundproofed interiors ensure your stay remains peaceful and private.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-tea_23-2150326119.jpg", imageAlt: "Quiet space"},
|
||||
items: [{ icon: CheckCircle, text: "Total privacy" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Concierge Service",
|
||||
description: "Personalized assistance to help you explore local hidden gems.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-6353.jpg",
|
||||
imageAlt: "Personal service",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Local expertise",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg?_wi=1",
|
||||
imageAlt: "luxury double hotel room",
|
||||
title: "Concierge Service", description: "Personalized assistance to help you explore local hidden gems.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-6353.jpg", imageAlt: "Personal service"},
|
||||
items: [{ icon: Shield, text: "Local expertise" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Designed for Your Peace"
|
||||
@@ -147,41 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Classic Studio",
|
||||
price: "$120/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
|
||||
},
|
||||
id: "r1", name: "Classic Studio", price: "$120/night", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Deluxe Room",
|
||||
price: "$180/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-luxury-travel-house_23-2149140841.jpg",
|
||||
},
|
||||
id: "r2", name: "Deluxe Room", price: "$180/night", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-luxury-travel-house_23-2149140841.jpg"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Executive Suite",
|
||||
price: "$250/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-cup-tea-teapot-book-beautiful-vintage-candlesticks-with-candles-home-decor-concept_169016-9927.jpg",
|
||||
},
|
||||
id: "r3", name: "Executive Suite", price: "$250/night", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-cup-tea-teapot-book-beautiful-vintage-candlesticks-with-candles-home-decor-concept_169016-9927.jpg"},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Garden View",
|
||||
price: "$200/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg?_wi=2",
|
||||
},
|
||||
id: "r4", name: "Garden View", price: "$200/night", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg"},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Compact Suite",
|
||||
price: "$150/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-tv-with-wardrobe-walk-closet_105762-1941.jpg",
|
||||
},
|
||||
id: "r5", name: "Compact Suite", price: "$150/night", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-tv-with-wardrobe-walk-closet_105762-1941.jpg"},
|
||||
{
|
||||
id: "r6",
|
||||
name: "Terrace Studio",
|
||||
price: "$220/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185071.jpg",
|
||||
},
|
||||
id: "r6", name: "Terrace Studio", price: "$220/night", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185071.jpg"},
|
||||
]}
|
||||
title="Explore Our Rooms"
|
||||
description="Each space is unique, designed to welcome you home away from home."
|
||||
@@ -194,24 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Guests Hosted",
|
||||
value: "5,000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years of Service",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Five-Star Reviews",
|
||||
value: "98%",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Guests Hosted", value: "5,000+" },
|
||||
{ id: "m2", icon: Award, title: "Years of Service", value: "10+" },
|
||||
{ id: "m3", icon: CheckCircle, title: "Five-Star Reviews", value: "98%" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measured in smiles and restorative nights."
|
||||
@@ -222,31 +134,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/receptionist-providing-luxury-service_482257-78605.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-tourist-using-mobile-nfc-payment-pos-terminal_482257-98854.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195140.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-130214.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-hat-smiling-camera_23-2148206763.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena M.", imageSrc: "http://img.b2bpic.net/free-photo/receptionist-providing-luxury-service_482257-78605.jpg" },
|
||||
{ id: "2", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/female-tourist-using-mobile-nfc-payment-pos-terminal_482257-98854.jpg" },
|
||||
{ id: "3", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195140.jpg" },
|
||||
{ id: "4", name: "Mark R.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-130214.jpg" },
|
||||
{ id: "5", name: "Lisa G.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-hat-smiling-camera_23-2148206763.jpg" },
|
||||
]}
|
||||
cardTitle="Guest Stories"
|
||||
cardTag="Reviews"
|
||||
@@ -259,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, we serve local organic breakfast every morning.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I check in early?",
|
||||
content: "Subject to availability, early check-in is always prioritized.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we offer complimentary secure parking for all guests.",
|
||||
},
|
||||
{ id: "q1", title: "Is breakfast included?", content: "Yes, we serve local organic breakfast every morning." },
|
||||
{ id: "q2", title: "Can I check in early?", content: "Subject to availability, early check-in is always prioritized." },
|
||||
{ id: "q3", title: "Is parking available?", content: "Yes, we offer complimentary secure parking for all guests." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Here to help you prepare for your peaceful stay."
|
||||
@@ -284,18 +164,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Reserve Your Room"
|
||||
description="Ready for your peaceful getaway? We look forward to hosting you soon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@shelterhotel.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:hello@shelterhotel.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -303,29 +176,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shelter Hotel",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
title: "Shelter Hotel", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user