Merge version_1 into main #1
249
src/app/page.tsx
249
src/app/page.tsx
@@ -32,62 +32,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
{
|
||||
name: "Dining",
|
||||
id: "#dining",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Rooms", id: "#rooms" },
|
||||
{ name: "Dining", id: "#dining" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Serena Hotel"
|
||||
button={{ text: "Book Now", href: "#rooms" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Escape to Elegance at Serena Hotel"
|
||||
description="Indulge in a perfect blend of luxury, comfort, and serenity. Experience bespoke hospitality crafted for the modern traveler in the heart of the city."
|
||||
tag="Welcome to Serena"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#rooms",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Stay", href: "#rooms" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",
|
||||
imageAlt: "luxury hotel lobby entrance interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3808.jpg",
|
||||
imageAlt: "serena hotel architecture exterior view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-teacups-antique-store_23-2149640750.jpg",
|
||||
imageAlt: "High angle teacups at the antique store",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg",
|
||||
imageAlt: "Big and luxe dining room interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-ceiling-decorated-celebration-hall-with-round-tables_8353-10198.jpg",
|
||||
imageAlt: "View from the ceiling of decorated celebration hall with round tables",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg", imageAlt: "luxury hotel lobby entrance interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3808.jpg", imageAlt: "serena hotel architecture exterior view" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,12 +64,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Legacy of Hospitality"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Discover Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -116,48 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic King Room",
|
||||
price: "From $350/night",
|
||||
variant: "Cozy & Elegant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3602.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Deluxe Queen Room",
|
||||
price: "From $420/night",
|
||||
variant: "Spacious & Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Executive Studio",
|
||||
price: "From $550/night",
|
||||
variant: "Business Ready",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-smartphone-vibrator_23-2150232150.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Serena Signature Suite",
|
||||
price: "From $850/night",
|
||||
variant: "Ultimate Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-blanket-bed-decoration-interior-bedroom_74190-13578.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Grand Panorama Suite",
|
||||
price: "From $1,200/night",
|
||||
variant: "Breathtaking Views",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Garden Retreat Suite",
|
||||
price: "From $750/night",
|
||||
variant: "Garden Access",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695689.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic King Room", price: "From $350/night", variant: "Cozy & Elegant", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3602.jpg" },
|
||||
{ id: "2", name: "Deluxe Queen Room", price: "From $420/night", variant: "Spacious & Modern", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg" },
|
||||
{ id: "3", name: "Executive Studio", price: "From $550/night", variant: "Business Ready", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-smartphone-vibrator_23-2150232150.jpg" },
|
||||
{ id: "4", name: "Serena Signature Suite", price: "From $850/night", variant: "Ultimate Luxury", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-blanket-bed-decoration-interior-bedroom_74190-13578.jpg" },
|
||||
{ id: "5", name: "Grand Panorama Suite", price: "From $1,200/night", variant: "Breathtaking Views", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg" },
|
||||
{ id: "6", name: "Garden Retreat Suite", price: "From $750/night", variant: "Garden Access", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695689.jpg" }
|
||||
]}
|
||||
title="Refined Accommodations"
|
||||
description="Each room and suite is meticulously designed to offer a peaceful haven for your travels."
|
||||
@@ -170,21 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Infinity Pool",
|
||||
description: "Relax in our crystal-clear infinity pool overlooking the city skyline.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg",
|
||||
},
|
||||
{
|
||||
title: "Serena Wellness Spa",
|
||||
description: "Rejuvenate with world-class holistic treatments tailored to your needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-together_23-2151178232.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Fine Dining",
|
||||
description: "Experience exquisite local and global flavors at our signature restaurant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-setting_74190-3621.jpg",
|
||||
},
|
||||
{ title: "Infinity Pool", description: "Relax in our crystal-clear infinity pool overlooking the city skyline.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg" },
|
||||
{ title: "Serena Wellness Spa", description: "Rejuvenate with world-class holistic treatments tailored to your needs.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-together_23-2151178232.jpg" },
|
||||
{ title: "Gourmet Fine Dining", description: "Experience exquisite local and global flavors at our signature restaurant.", imageSrc: "http://img.b2bpic.net/free-photo/table-setting_74190-3621.jpg" }
|
||||
]}
|
||||
title="Hotel Amenities & Services"
|
||||
description="Enhance your stay with our curated amenities designed for relaxation and rejuvenation."
|
||||
@@ -198,24 +109,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Vance",
|
||||
role: "General Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-handing-his-boarding-pass-counter_107420-63586.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Head Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727978.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie Reed",
|
||||
role: "Concierge Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714432.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena Vance", role: "General Manager", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-handing-his-boarding-pass-counter_107420-63586.jpg" },
|
||||
{ id: "t2", name: "Marcus Thorne", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727978.jpg" },
|
||||
{ id: "t3", name: "Sophie Reed", role: "Concierge Lead", imageSrc: "http://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714432.jpg" }
|
||||
]}
|
||||
title="Meet Our Dedicated Team"
|
||||
description="Our passionate experts are dedicated to ensuring your every wish is met with grace and attention."
|
||||
@@ -226,31 +122,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-portrait_23-2149207186.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-holidays-with-family_23-2147648790.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-happy-girl-with-pink-flower-her-hair-smiling-enjoys-summer-vacation-resort-portrait-cheerful-young-woman-white-shirt-standing-terrace-amazing-ocean-views_197531-3195.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg" },
|
||||
{ id: "2", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg" },
|
||||
{ id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/senior-portrait_23-2149207186.jpg" },
|
||||
{ id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/happy-holidays-with-family_23-2147648790.jpg" },
|
||||
{ id: "5", name: "Linda P.", imageSrc: "http://img.b2bpic.net/free-photo/cute-happy-girl-with-pink-flower-her-hair-smiling-enjoys-summer-vacation-resort-portrait-cheerful-young-woman-white-shirt-standing-terrace-amazing-ocean-views_197531-3195.jpg" }
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Heartfelt Reviews"
|
||||
@@ -262,21 +138,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are the check-in and check-out times?",
|
||||
content: "Check-in is at 3:00 PM, and check-out is at 11:00 AM. Early check-in or late check-out is available upon request and subject to availability.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer airport transfer services?",
|
||||
content: "Yes, we provide luxury airport shuttle services. Please contact our concierge team at least 24 hours prior to your arrival.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are pets allowed in the hotel?",
|
||||
content: "We are a pet-friendly hotel for small breeds. A daily cleaning fee applies.",
|
||||
},
|
||||
{ id: "f1", title: "What are the check-in and check-out times?", content: "Check-in is at 3:00 PM, and check-out is at 11:00 AM. Early check-in or late check-out is available upon request and subject to availability." },
|
||||
{ id: "f2", title: "Do you offer airport transfer services?", content: "Yes, we provide luxury airport shuttle services. Please contact our concierge team at least 24 hours prior to your arrival." },
|
||||
{ id: "f3", title: "Are pets allowed in the hotel?", content: "We are a pet-friendly hotel for small breeds. A daily cleaning fee applies." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need more details? Here are some quick answers to common questions."
|
||||
@@ -287,61 +151,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Start planning your dream stay today. Reach out to our concierge for special inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Concierge",
|
||||
href: "mailto:hello@serenahotel.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Concierge", href: "mailto:hello@serenahotel.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Discover",
|
||||
items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
{
|
||||
label: "Dining",
|
||||
href: "#dining",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Discover", items: [{ label: "Rooms", href: "#rooms" }, { label: "Dining", href: "#dining" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Serena Hotel. All rights reserved."
|
||||
bottomRightText="Crafted with serenity."
|
||||
|
||||
Reference in New Issue
Block a user