Merge version_1 into main #2
323
src/app/page.tsx
323
src/app/page.tsx
@@ -26,217 +26,132 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Allure Lifestyle"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Overview", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="Allure Lifestyle"
|
||||
button={{ text: "Book Now", href: "https://wa.me/254700000000" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Allure Lifestyle Spaces"
|
||||
description="Experience modern elegance in the heart of Nairobi. Your luxury studio with city views and premium amenities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book via WhatsApp",
|
||||
href: "https://wa.me/254700000000",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/elegant-gray-velvet-chair-with-gold-legs-modern-design_191095-80327.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Allure Lifestyle Spaces"
|
||||
description="Experience modern elegance in the heart of Nairobi. Your luxury studio with city views and premium amenities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book via WhatsApp", href: "https://wa.me/254700000000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/elegant-gray-velvet-chair-with-gold-legs-modern-design_191095-80327.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Luxury Living in Lavington",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/great-time-home-beautiful-young-smiling-woman-working-laptop-while-sitting-big-comfortable-chair-home_231208-613.jpg",
|
||||
alt: "Luxury Studio Interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Luxury Living in Lavington"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/great-time-home-beautiful-young-smiling-woman-working-laptop-while-sitting-big-comfortable-chair-home_231208-613.jpg", alt: "Luxury Studio Interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Apartment Highlights"
|
||||
description="Thoughtfully designed spaces for the modern traveler."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Prime Location",
|
||||
content: "Located in Lavington, steps away from top malls like Yaya Centre and Valley Arcade.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Amenities",
|
||||
content: "Enjoy full access to a private gym, 24/7 security, high-speed WiFi, and a fully equipped kitchen.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "The Space",
|
||||
content: "King-size bed, private balcony with city views, and open-concept design for ultimate comfort.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-athletic-girl-stands-wall-simulators-gym-healthy-lifestyle_78826-2862.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Apartment Highlights"
|
||||
description="Thoughtfully designed spaces for the modern traveler."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1", title: "Prime Location", content: "Located in Lavington, steps away from top malls like Yaya Centre and Valley Arcade."},
|
||||
{
|
||||
id: "f2", title: "Amenities", content: "Enjoy full access to a private gym, 24/7 security, high-speed WiFi, and a fully equipped kitchen."},
|
||||
{
|
||||
id: "f3", title: "The Space", content: "King-size bed, private balcony with city views, and open-concept design for ultimate comfort."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-athletic-girl-stands-wall-simulators-gym-healthy-lifestyle_78826-2862.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Standard",
|
||||
price: "KSh 18,409",
|
||||
period: "5 nights",
|
||||
description: "Our most popular base rate for a peaceful Nairobi stay.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "https://wa.me/254700000000",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"All taxes included",
|
||||
"Free parking",
|
||||
"24/7 Security",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Refundable",
|
||||
price: "KSh 20,453",
|
||||
period: "5 nights",
|
||||
description: "Flexible booking with full refund options for peace of mind.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "https://wa.me/254700000000",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Free cancellation",
|
||||
"Priority support",
|
||||
"Early check-in",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Stay Rates"
|
||||
description="Transparent pricing for your comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", tag: "Standard", price: "KSh 18,409", period: "5 nights", description: "Our most popular base rate for a peaceful Nairobi stay.", button: {
|
||||
text: "Book Now", href: "https://wa.me/254700000000"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"All taxes included", "Free parking", "24/7 Security"],
|
||||
},
|
||||
{
|
||||
id: "p2", tag: "Refundable", price: "KSh 20,453", period: "5 nights", description: "Flexible booking with full refund options for peace of mind.", button: {
|
||||
text: "Book Now", href: "https://wa.me/254700000000"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"Free cancellation", "Priority support", "Early check-in"],
|
||||
},
|
||||
]}
|
||||
title="Stay Rates"
|
||||
description="Transparent pricing for your comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Baptiste",
|
||||
handle: "Airbnb Guest",
|
||||
testimonial: "I had a great stay in Nairobi. Samuel was a very responsive and reliable host.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Nkhensi",
|
||||
handle: "Airbnb Guest",
|
||||
testimonial: "Overall it was a lovely place and my stay was great. Host was very accommodating.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-reading-news_1098-2474.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Annet",
|
||||
handle: "Airbnb Guest",
|
||||
testimonial: "Spotless and quiet. Samuel was amazing with communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael",
|
||||
handle: "Airbnb Guest",
|
||||
testimonial: "The place is as described, clean and safe. I really enjoyed my stay.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-137680.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah",
|
||||
handle: "Airbnb Guest",
|
||||
testimonial: "The apartment is perfectly located and very stylish. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Guest Favorites"
|
||||
description="Rated 4.81/5 by our wonderful guests."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Baptiste", handle: "Airbnb Guest", testimonial: "I had a great stay in Nairobi. Samuel was a very responsive and reliable host.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg"},
|
||||
{
|
||||
id: "t2", name: "Nkhensi", handle: "Airbnb Guest", testimonial: "Overall it was a lovely place and my stay was great. Host was very accommodating.", imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-reading-news_1098-2474.jpg"},
|
||||
{
|
||||
id: "t3", name: "Annet", handle: "Airbnb Guest", testimonial: "Spotless and quiet. Samuel was amazing with communication.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg"},
|
||||
{
|
||||
id: "t4", name: "Michael", handle: "Airbnb Guest", testimonial: "The place is as described, clean and safe. I really enjoyed my stay.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-137680.jpg"},
|
||||
{
|
||||
id: "t5", name: "Sarah", handle: "Airbnb Guest", testimonial: "The apartment is perfectly located and very stylish. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg"},
|
||||
]}
|
||||
title="Guest Favorites"
|
||||
description="Rated 4.81/5 by our wonderful guests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reserve Your Stay"
|
||||
description="Message us on WhatsApp to secure your booking instantly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
},
|
||||
{
|
||||
name: "dates",
|
||||
type: "text",
|
||||
placeholder: "Travel Dates",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any special requests?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lobby-living-room-hotel_1150-11124.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reserve Your Stay"
|
||||
description="Message us on WhatsApp to secure your booking instantly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Full Name"},
|
||||
{
|
||||
name: "dates", type: "text", placeholder: "Travel Dates"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Any special requests?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lobby-living-room-hotel_1150-11124.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Allure Lifestyle Spaces"
|
||||
copyrightText="© 2026 Allure Lifestyle Studios | Nairobi, Kenya"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Allure Lifestyle Spaces"
|
||||
copyrightText="© 2026 Allure Lifestyle Studios | Nairobi, Kenya"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user