Update src/app/page.tsx
This commit is contained in:
215
src/app/page.tsx
215
src/app/page.tsx
@@ -29,45 +29,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Suites",
|
||||
id: "suites",
|
||||
},
|
||||
{
|
||||
name: "Reservation",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Suites", id: "suites" },
|
||||
{ name: "Reservation", id: "contact" },
|
||||
]}
|
||||
brandName="Royal Stay"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Excellence Redefined"
|
||||
description="Indulge in the perfect blend of modern comfort and royal sophistication at Royal Stay. Your premier destination for luxury shortlets, fine dining, and relaxation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Explore Services", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-bathrobe-standing-by-window-eating-cereal_1303-13331.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-bathrobe-standing-by-window-eating-cereal_1303-13331.jpg"
|
||||
imageAlt="Luxury apartment interior"
|
||||
/>
|
||||
</div>
|
||||
@@ -79,21 +60,13 @@ export default function LandingPage() {
|
||||
title="A Sanctuary of Style"
|
||||
description="Experience hospitality elevated to an art form. From our meticulously designed luxury apartments to our signature bar and restaurant, every detail is crafted for those with a taste for the extraordinary."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Luxury Accommodations",
|
||||
description: "Fully serviced, premium apartments designed for comfort.",
|
||||
},
|
||||
{
|
||||
title: "Exquisite Dining",
|
||||
description: "Gourmet restaurant featuring world-class culinary creations.",
|
||||
},
|
||||
{
|
||||
title: "Premium Lounge & Bar",
|
||||
description: "A sophisticated escape for cocktails and conversation.",
|
||||
},
|
||||
{ title: "Luxury Accommodations", description: "Fully serviced, premium apartments designed for comfort." },
|
||||
{ title: "Exquisite Dining", description: "Gourmet restaurant featuring world-class culinary creations." },
|
||||
{ title: "Premium Lounge & Bar", description: "A sophisticated escape for cocktails and conversation." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lateral-view-sprinkling-with-spices-tuna-dish-with-glass-white-wine-restaurant_8353-10586.jpg"
|
||||
imageAlt="Our elegant lounge and dining area"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,27 +77,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Royal Penthouse",
|
||||
price: "$450/night",
|
||||
variant: "Spacious Terrace",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Executive Suite",
|
||||
price: "$300/night",
|
||||
variant: "Modern Minimalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-couch-lifestyle-sofa-living_1203-4094.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Deluxe Apartment",
|
||||
price: "$220/night",
|
||||
variant: "Classic Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/family-parents-living-room-scene_24877-49948.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Royal Penthouse", price: "$450/night", variant: "Spacious Terrace", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg" },
|
||||
{ id: "s2", name: "Executive Suite", price: "$300/night", variant: "Modern Minimalist", imageSrc: "http://img.b2bpic.net/free-photo/indoor-couch-lifestyle-sofa-living_1203-4094.jpg" },
|
||||
{ id: "s3", name: "Deluxe Apartment", price: "$220/night", variant: "Classic Comfort", imageSrc: "http://img.b2bpic.net/free-vector/family-parents-living-room-scene_24877-49948.jpg" },
|
||||
]}
|
||||
title="Our Premier Suites"
|
||||
description="Curated spaces designed for elegance and comfort."
|
||||
@@ -133,63 +88,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Rossi",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-mobile-phone-airport_107420-95904.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Chen",
|
||||
role: "Entrepreneur",
|
||||
company: "TechBase",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-female-friends-enjoying-meal-home_1153-7627.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Executive",
|
||||
company: "Global Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-toasting-with-champagne-while-standing-embraced-living-room_637285-3604.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Miller",
|
||||
role: "Author",
|
||||
company: "Press Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia Laurent",
|
||||
role: "Travel Blogger",
|
||||
company: "GlobeTrotter",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-mobile-phone-airport_107420-95904.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Elena Rossi", role: "Creative Director", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-using-mobile-phone-airport_107420-95904.jpg" },
|
||||
{ id: "2", name: "Marcus Chen", role: "Entrepreneur", company: "TechBase", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-female-friends-enjoying-meal-home_1153-7627.jpg" },
|
||||
{ id: "3", name: "Sarah Jenkins", role: "Executive", company: "Global Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-toasting-with-champagne-while-standing-embraced-living-room_637285-3604.jpg" },
|
||||
{ id: "4", name: "David Miller", role: "Author", company: "Press Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg" },
|
||||
{ id: "5", name: "Sophia Laurent", role: "Travel Blogger", company: "GlobeTrotter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-using-mobile-phone-airport_107420-95904.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Bookings",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Concierge",
|
||||
},
|
||||
{ value: "98%", label: "Satisfaction" },
|
||||
{ value: "500+", label: "Bookings" },
|
||||
{ value: "24/7", label: "Concierge" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Read what our distinguished guests have to say about their stay at Royal Stay."
|
||||
@@ -200,21 +112,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I make a reservation?",
|
||||
content: "You can book directly through our reservation portal or contact our concierge via phone.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are there restaurant dining options?",
|
||||
content: "Yes, our on-site restaurant is open daily for gourmet breakfast, lunch, and dinner service.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking available?",
|
||||
content: "We offer complimentary secure valet parking for all our shortlet guests.",
|
||||
},
|
||||
{ id: "q1", title: "How do I make a reservation?", content: "You can book directly through our reservation portal or contact our concierge via phone." },
|
||||
{ id: "q2", title: "Are there restaurant dining options?", content: "Yes, our on-site restaurant is open daily for gourmet breakfast, lunch, and dinner service." },
|
||||
{ id: "q3", title: "Is parking available?", content: "We offer complimentary secure valet parking for all our shortlet guests." },
|
||||
]}
|
||||
sideTitle="Questions & Answers"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -224,68 +124,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready for your stay?"
|
||||
description="Book your luxury suite or reserve a table at our restaurant today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Make Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Make Reservation", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-bathrobe-standing-by-window-eating-cereal_1303-13331.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-bathrobe-standing-by-window-eating-cereal_1303-13331.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Dining",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Lounge",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reservations",
|
||||
items: [
|
||||
{
|
||||
label: "Suites",
|
||||
href: "#suites",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Dining", href: "#" }, { label: "Lounge", href: "#" }] },
|
||||
{ title: "Reservations", items: [{ label: "Suites", href: "#suites" }, { label: "Book Now", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Royal Stay"
|
||||
copyrightText="© 2025 Royal Stay. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user