Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
305
src/app/page.tsx
305
src/app/page.tsx
@@ -18,212 +18,125 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Four Pillars Lodge"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Four Pillars Lodge"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Fresh air, Reset and Unwind at Four Pillars Lodge"
|
||||
description="Located in the heart of Lusaka, Four Pillars Lodge offers a charming and inviting atmosphere perfect for both business and leisure travelers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-vertical-shot-rural-landscape-by-lake_181624-37174.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-clear-lake-with-few-houses-built-hill_181624-2274.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tranquil-scene-rustic-hut-near-pine-tree-generated-by-ai_188544-31112.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/terrace-with-trees-forest-cozy-outdoor-relaxation-space_169016-69565.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-cabin-forest-surrounded-by-lot-green-trees-norway_181624-13703.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-happy-brunette-girl-sitting-her-bed-with-bouquet-roses-eating-croissant-with-coffee-tray-morning_496169-2300.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied guests"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Fresh air, Reset and Unwind at Four Pillars Lodge"
|
||||
description="Located in the heart of Lusaka, Four Pillars Lodge offers a charming and inviting atmosphere perfect for both business and leisure travelers."
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-vertical-shot-rural-landscape-by-lake_181624-37174.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-clear-lake-with-few-houses-built-hill_181624-2274.jpg", alt: "Guest 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tranquil-scene-rustic-hut-near-pine-tree-generated-by-ai_188544-31112.jpg", alt: "Guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/terrace-with-trees-forest-cozy-outdoor-relaxation-space_169016-69565.jpg", alt: "Guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-cabin-forest-surrounded-by-lot-green-trees-norway_181624-13703.jpg", alt: "Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cropped-image-happy-brunette-girl-sitting-her-bed-with-bouquet-roses-eating-croissant-with-coffee-tray-morning_496169-2300.jpg", alt: "Guest 5" }
|
||||
]}
|
||||
avatarText="Join 500+ satisfied guests"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Sanctuary of Serenity in Lusaka",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg",
|
||||
alt: "Lodge grounds",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Your Sanctuary of Serenity in Lusaka" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg", alt: "Lodge grounds" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Relaxation",
|
||||
title: "Modern Accommodations",
|
||||
subtitle: "Rooms made for rest",
|
||||
description: "Fully furnished rooms and apartments equipped for your comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992136.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Wellness",
|
||||
title: "Refresh and Recharge",
|
||||
subtitle: "Soak in our pool",
|
||||
description: "Unwind in our serene pool environment at our Chilanga and Lusaka properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-hammocks_1203-141.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Business",
|
||||
title: "Meeting Spaces",
|
||||
subtitle: "Professional settings",
|
||||
description: "Perfect training and meeting rooms available for your business needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experts-optimize-factory-equipment-energy-output-videocall-meeting_482257-126691.jpg",
|
||||
},
|
||||
]}
|
||||
title="Experience Comfort and Convenience"
|
||||
description="We provide all the comforts of home and more to ensure a relaxing stay."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ tag: "Relaxation", title: "Modern Accommodations", subtitle: "Rooms made for rest", description: "Fully furnished rooms and apartments equipped for your comfort.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992136.jpg" },
|
||||
{ tag: "Wellness", title: "Refresh and Recharge", subtitle: "Soak in our pool", description: "Unwind in our serene pool environment at our Chilanga and Lusaka properties.", imageSrc: "http://img.b2bpic.net/free-photo/pool-hammocks_1203-141.jpg" },
|
||||
{ tag: "Business", title: "Meeting Spaces", subtitle: "Professional settings", description: "Perfect training and meeting rooms available for your business needs.", imageSrc: "http://img.b2bpic.net/free-photo/experts-optimize-factory-equipment-energy-output-videocall-meeting_482257-126691.jpg" }
|
||||
]}
|
||||
title="Experience Comfort and Convenience"
|
||||
description="We provide all the comforts of home and more to ensure a relaxing stay."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TripAdvisor Rated",
|
||||
"Booking.com Partner",
|
||||
"Facebook Community",
|
||||
"ZenHotels Listed",
|
||||
"Traveloka Recommended",
|
||||
"Agoda Preferred",
|
||||
"MakeMyTrip Verified",
|
||||
]}
|
||||
title="Trusted by Travelers"
|
||||
description="Recognized for quality accommodation and environment."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["TripAdvisor Rated", "Booking.com Partner", "Facebook Community", "ZenHotels Listed", "Traveloka Recommended", "Agoda Preferred", "MakeMyTrip Verified"]}
|
||||
title="Trusted by Travelers"
|
||||
description="Recognized for quality accommodation and environment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="A truly refreshing experience. The environment is quiet and the staff is wonderful. Perfectly located in Lusaka."
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-man-hat-is-drinking-coffee-enjoying-view-autumn-black-lake-durmitor-national-park-zabljak-montenegro_501050-1156.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-happy-brunette-girl-sitting-her-bed-with-bouquet-roses-eating-croissant-with-coffee-tray-morning_496169-2300.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="A truly refreshing experience. The environment is quiet and the staff is wonderful. Perfectly located in Lusaka."
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-man-hat-is-drinking-coffee-enjoying-view-autumn-black-lake-durmitor-national-park-zabljak-montenegro_501050-1156.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cropped-image-happy-brunette-girl-sitting-her-bed-with-bouquet-roses-eating-croissant-with-coffee-tray-morning_496169-2300.jpg", alt: "Guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg", alt: "Guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg", alt: "Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg", alt: "Guest 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where is the lodge located?",
|
||||
content: "We have locations in both Lusaka and Chilanga (Mapepe area).",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are the opening hours?",
|
||||
content: "Our front desk is open Sun-Sat: 8AM - 11PM.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I make a reservation?",
|
||||
content: "Contact us on +260974783350 for Lusaka or +260972933235 for Chilanga.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick information about your stay at Four Pillars Lodge."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Where is the lodge located?", content: "We have locations in both Lusaka and Chilanga (Mapepe area)." },
|
||||
{ id: "f2", title: "What are the opening hours?", content: "Our front desk is open Sun-Sat: 8AM - 11PM." },
|
||||
{ id: "f3", title: "How can I make a reservation?", content: "Contact us on +260974783350 for Lusaka or +260972933235 for Chilanga." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick information about your stay at Four Pillars Lodge."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to visit? Book your stay with us today! Call +260974783350 to reserve."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to visit? Book your stay with us today! Call +260974783350 to reserve."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Four Pillars Lodge"
|
||||
copyrightText="© 2025 Four Pillars Lodge. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Four Pillars Lodge"
|
||||
copyrightText="© 2025 Four Pillars Lodge. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user