Update src/app/page.tsx

This commit is contained in:
2026-05-10 06:37:59 +00:00
parent 1d8e97f58d
commit 61c0520f22

View File

@@ -29,412 +29,157 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Rooms",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Royale Lalawi"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Rooms", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Royale Lalawi"
button={{ text: "Book Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Experience Unmatched Elegance at Royale Lalawi"
description="Discover Aizawl's finest hospitality. Nestled in the heart of Khatla, we offer a serene escape with panoramic city views and world-class service."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-inspired-elderly-woman-with-orange-backpack-sporty-woman-casual-clothes-looking-forward-with-smile-sport-adventure-hobby-concept_74855-23347.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-autumn-outwear-hat_633478-1986.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-using-phone_23-2148230176.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-pina-colada_23-2150184036.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/young-girl-holding-cups-coffee-white_114579-74004.jpg",
alt: "Guest",
},
]}
avatarText="Join 10,000+ satisfied guests"
buttons={[
{
text: "Book Your Stay",
href: "#products",
},
]}
marqueeItems={[
{
type: "text",
text: "Panoramic City Views",
},
{
type: "text-icon",
text: "Luxury Amenities",
icon: Star,
},
{
type: "text",
text: "Central Location",
},
{
type: "text-icon",
text: "World-Class Dining",
icon: Utensils,
},
{
type: "text",
text: "24/7 Concierge",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Experience Unmatched Elegance at Royale Lalawi"
description="Discover Aizawl's finest hospitality. Nestled in the heart of Khatla, we offer a serene escape with panoramic city views and world-class service."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-inspired-elderly-woman-with-orange-backpack-sporty-woman-casual-clothes-looking-forward-with-smile-sport-adventure-hobby-concept_74855-23347.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-autumn-outwear-hat_633478-1986.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-using-phone_23-2148230176.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-pina-colada_23-2150184036.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/young-girl-holding-cups-coffee-white_114579-74004.jpg", alt: "Guest" },
]}
avatarText="Join 10,000+ satisfied guests"
buttons={[{ text: "Book Your Stay", href: "#products" }]}
marqueeItems={[
{ type: "text", text: "Panoramic City Views" },
{ type: "text-icon", text: "Luxury Amenities", icon: Star },
{ type: "text", text: "Central Location" },
{ type: "text-icon", text: "World-Class Dining", icon: Utensils },
{ type: "text", text: "24/7 Concierge" },
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Welcome to Royale Lalawi Hotel",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118977.jpg",
alt: "Our hotel building",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "Welcome to Royale Lalawi Hotel" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118977.jpg", alt: "Our hotel building" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "24/7 Concierge",
tags: [
"Service",
"Support",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326546.jpg",
},
{
id: "f2",
title: "Fine Dining",
tags: [
"Food",
"Atmosphere",
],
imageSrc: "http://img.b2bpic.net/free-photo/tourists-going-through-check-process-hotel-reception-desk_482257-82845.jpg",
},
{
id: "f3",
title: "High-Speed Wi-Fi",
tags: [
"Tech",
"Connectivity",
],
imageSrc: "http://img.b2bpic.net/free-photo/bath-accessories-burning-candle-body-care-hygiene-concept_169016-15624.jpg",
},
]}
title="Hotel Amenities"
description="Every detail crafted to perfection."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "24/7 Concierge", tags: ["Service", "Support"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326546.jpg" },
{ id: "f2", title: "Fine Dining", tags: ["Food", "Atmosphere"], imageSrc: "http://img.b2bpic.net/free-photo/tourists-going-through-check-process-hotel-reception-desk_482257-82845.jpg" },
{ id: "f3", title: "High-Speed Wi-Fi", tags: ["Tech", "Connectivity"], imageSrc: "http://img.b2bpic.net/free-photo/bath-accessories-burning-candle-body-care-hygiene-concept_169016-15624.jpg" },
]}
title="Hotel Amenities"
description="Every detail crafted to perfection."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Standard",
name: "Deluxe Room",
price: "₹4,500",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/sink_74190-3600.jpg",
},
{
id: "p2",
brand: "Premium",
name: "Executive Suite",
price: "₹7,500",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-anime-style_23-2151176363.jpg",
},
{
id: "p3",
brand: "Family",
name: "Family Suite",
price: "₹9,000",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/round-chandeliers-hanging-from-ceiling_250224-330.jpg",
},
{
id: "p4",
brand: "Luxury",
name: "Presidential Suite",
price: "₹15,000",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497258.jpg",
},
{
id: "p5",
brand: "Business",
name: "Studio Room",
price: "₹5,500",
rating: 4,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/tidy-room-with-wooden-furniture_1203-1962.jpg",
},
{
id: "p6",
brand: "Cozy",
name: "Classic Room",
price: "₹3,500",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185071.jpg",
},
]}
title="Our Luxurious Accommodations"
description="Choose the perfect room for your stay in Aizawl."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Standard", name: "Deluxe Room", price: "₹4,500", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/sink_74190-3600.jpg" },
{ id: "p2", brand: "Premium", name: "Executive Suite", price: "₹7,500", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-anime-style_23-2151176363.jpg" },
{ id: "p3", brand: "Family", name: "Family Suite", price: "₹9,000", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/round-chandeliers-hanging-from-ceiling_250224-330.jpg" },
{ id: "p4", brand: "Luxury", name: "Presidential Suite", price: "₹15,000", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497258.jpg" },
{ id: "p5", brand: "Business", name: "Studio Room", price: "₹5,500", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/tidy-room-with-wooden-furniture_1203-1962.jpg" },
{ id: "p6", brand: "Cozy", name: "Classic Room", price: "₹3,500", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185071.jpg" },
]}
title="Our Luxurious Accommodations"
description="Choose the perfect room for your stay in Aizawl."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "₹3,500",
name: "Classic",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Complimentary breakfast",
"Free Wi-Fi",
"Daily housekeeping",
],
},
{
id: "standard",
price: "₹5,500",
name: "Executive",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Everything in Classic",
"City view",
"Airport pickup",
],
},
{
id: "premium",
price: "₹9,500",
name: "Presidential",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Everything in Executive",
"Private lounge",
"VIP Concierge",
],
},
]}
title="Room Rates & Packages"
description="Simple and transparent pricing for your convenience."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", price: "₹3,500", name: "Classic", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Complimentary breakfast", "Free Wi-Fi", "Daily housekeeping"] },
{ id: "standard", price: "₹5,500", name: "Executive", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Everything in Classic", "City view", "Airport pickup"] },
{ id: "premium", price: "₹9,500", name: "Presidential", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Everything in Executive", "Private lounge", "VIP Concierge"] },
]}
title="Room Rates & Packages"
description="Simple and transparent pricing for your convenience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Traveler",
company: "Aizawl Tourist",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13211.jpg",
},
{
id: "t2",
name: "Mike R.",
role: "Business Guest",
company: "Corporate Lead",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-smiling-selfie_23-2148631389.jpg",
},
{
id: "t3",
name: "Emily K.",
role: "Vlogger",
company: "Travel Blog",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-elegant-restaurant-with-tablet_1157-2096.jpg",
},
{
id: "t4",
name: "David L.",
role: "Regular Guest",
company: "Aizawl Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-breakfast-bed_23-2148378800.jpg",
},
{
id: "t5",
name: "Jessica W.",
role: "Traveler",
company: "World Trekker",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-holding-cups-coffee-white_114579-74004.jpg",
},
]}
title="What Our Guests Say"
description="Heartfelt feedback from our valued visitors."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Sarah J.", role: "Traveler", company: "Aizawl Tourist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13211.jpg" },
{ id: "t2", name: "Mike R.", role: "Business Guest", company: "Corporate Lead", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-smiling-selfie_23-2148631389.jpg" },
{ id: "t3", name: "Emily K.", role: "Vlogger", company: "Travel Blog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-elegant-restaurant-with-tablet_1157-2096.jpg" },
{ id: "t4", name: "David L.", role: "Regular Guest", company: "Aizawl Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-breakfast-bed_23-2148378800.jpg" },
{ id: "t5", name: "Jessica W.", role: "Traveler", company: "World Trekker", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-holding-cups-coffee-white_114579-74004.jpg" },
]}
title="What Our Guests Say"
description="Heartfelt feedback from our valued visitors."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is the check-in time?",
content: "Our standard check-in time is 2:00 PM.",
},
{
id: "q2",
title: "Is parking available?",
content: "Yes, we offer secure complimentary parking for all guests.",
},
{
id: "q3",
title: "Do you offer airport transfer?",
content: "Absolutely, we can arrange airport transfers upon request.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/receptionist-handing-couple-room-key_482257-78780.jpg"
title="Frequently Asked Questions"
description="Everything you need to know about our service."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "What is the check-in time?", content: "Our standard check-in time is 2:00 PM." },
{ id: "q2", title: "Is parking available?", content: "Yes, we offer secure complimentary parking for all guests." },
{ id: "q3", title: "Do you offer airport transfer?", content: "Absolutely, we can arrange airport transfers upon request." },
]}
imageSrc="http://img.b2bpic.net/free-photo/receptionist-handing-couple-room-key_482257-78780.jpg"
title="Frequently Asked Questions"
description="Everything you need to know about our service."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Ready to visit Aizawl? Contact us for any inquiries or to make a reservation."
buttons={[
{
text: "Contact Us",
href: "mailto:info@royalelalawi.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Ready to visit Aizawl? Contact us for any inquiries or to make a reservation."
buttons={[{ text: "Contact Us", href: "mailto:info@royalelalawi.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beach-restaurant-evening_661209-253.jpg"
logoText="Royale Lalawi Hotel"
columns={[
{
title: "Links",
items: [
{
label: "Rooms",
href: "#products",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beach-restaurant-evening_661209-253.jpg"
logoText="Royale Lalawi Hotel"
columns={[
{ title: "Links", items: [{ label: "Rooms", href: "#products" }, { label: "About", href: "#about" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}