Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
261
src/app/page.tsx
261
src/app/page.tsx
@@ -31,96 +31,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
name: "Experience", id: "features"},
|
||||
{
|
||||
name: "Stays",
|
||||
id: "rooms",
|
||||
},
|
||||
name: "Stays", id: "rooms"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Villanavi"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Escape Into Stillness. Experience Villanavi."
|
||||
description="A private riverside sanctuary in Sogakofe where nature, comfort, and connection come together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", href: "#contact"},
|
||||
{
|
||||
text: "Explore the Experience",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore the Experience", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-sunset-light_23-2148851728.jpg"
|
||||
imageAlt="Villanavi Resort riverside luxury view"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beach-sunset-with-trees_1259-2.jpg",
|
||||
alt: "Beach at sunset with trees",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beach-sunset-with-trees_1259-2.jpg", alt: "Beach at sunset with trees"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sunset-landscape-seashore_116123-5.jpg",
|
||||
alt: "Beautiful sunset landscape in the seashore",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sunset-landscape-seashore_116123-5.jpg", alt: "Beautiful sunset landscape in the seashore"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pelican-swimming-lake-golden-cloudy-sky-sunset_181624-26968.jpg",
|
||||
alt: "Pelican swimming in the lake under the golden cloudy sky at sunset",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pelican-swimming-lake-golden-cloudy-sky-sunset_181624-26968.jpg", alt: "Pelican swimming in the lake under the golden cloudy sky at sunset"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-wide-shot-beach-with-trees-sea-maldives-sunset_181624-3983.jpg",
|
||||
alt: "Aerial wide shot of a beach with trees next to the sea in Maldives during sunset",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-wide-shot-beach-with-trees-sea-maldives-sunset_181624-3983.jpg", alt: "Aerial wide shot of a beach with trees next to the sea in Maldives during sunset"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/landscape-rocky-shore-surrounded-by-sea-beautiful-sunrise-morning_181624-60003.jpg",
|
||||
alt: "Landscape of a rocky shore surrounded by the sea during a beautiful sunrise in the morning",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/landscape-rocky-shore-surrounded-by-sea-beautiful-sunrise-morning_181624-60003.jpg", alt: "Landscape of a rocky shore surrounded by the sea during a beautiful sunrise in the morning"},
|
||||
]}
|
||||
avatarText="Join 500+ serene seekers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/lonely-pelican-swimming-sea-with-beautiful-view-sunset_181624-28033.jpg",
|
||||
alt: "Lonely pelican swimming in the sea with the beautiful view of sunset",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/lonely-pelican-swimming-sea-with-beautiful-view-sunset_181624-28033.jpg", alt: "Lonely pelican swimming in the sea with the beautiful view of sunset"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-beautiful-tropical-beach_74190-6847.jpg",
|
||||
alt: "Aerial view of beautiful tropical beach",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/aerial-view-beautiful-tropical-beach_74190-6847.jpg", alt: "Aerial view of beautiful tropical beach"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-seascape-with-tree-middle-sea-sunset_181624-60378.jpg",
|
||||
alt: "Vertical shot of a beautiful seascape with a tree in the middle of the sea at sunset",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-seascape-with-tree-middle-sea-sunset_181624-60378.jpg", alt: "Vertical shot of a beautiful seascape with a tree in the middle of the sea at sunset"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nature-Inspired",
|
||||
},
|
||||
type: "text", text: "Nature-Inspired"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Slow Luxury",
|
||||
},
|
||||
type: "text", text: "Slow Luxury"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,23 +94,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "River Serenity",
|
||||
description: "Wake up to panoramic views of the Volta River and a calming natural breeze.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool-chair_74190-1610.jpg",
|
||||
imageAlt: "Volta river serenity",
|
||||
},
|
||||
title: "River Serenity", description: "Wake up to panoramic views of the Volta River and a calming natural breeze.", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool-chair_74190-1610.jpg", imageAlt: "Volta river serenity"},
|
||||
{
|
||||
title: "Private Retreat",
|
||||
description: "4 acres of exclusive space designed for rest, bonding, and total privacy in nature.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-talking-while-having-picnic-park_23-2149304528.jpg",
|
||||
imageAlt: "Private garden oasis",
|
||||
},
|
||||
title: "Private Retreat", description: "4 acres of exclusive space designed for rest, bonding, and total privacy in nature.", imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-talking-while-having-picnic-park_23-2149304528.jpg", imageAlt: "Private garden oasis"},
|
||||
{
|
||||
title: "Taste & Culture",
|
||||
description: "Locally inspired cuisine crafted with fresh, regional ingredients and soulful hospitality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-concept_23-2148510912.jpg",
|
||||
imageAlt: "Gourmet local cuisine",
|
||||
},
|
||||
title: "Taste & Culture", description: "Locally inspired cuisine crafted with fresh, regional ingredients and soulful hospitality.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-concept_23-2148510912.jpg", imageAlt: "Gourmet local cuisine"},
|
||||
]}
|
||||
title="A Private Escape"
|
||||
description="Discover our signature experiences designed for deep connection and rejuvenation."
|
||||
@@ -158,64 +108,33 @@ export default function LandingPage() {
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split-actions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#contact"
|
||||
}
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "River Breeze Premium",
|
||||
brand: "Room",
|
||||
price: "$180/night",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497256.jpg",
|
||||
},
|
||||
id: "1", name: "River Breeze Premium", brand: "Room", price: "$180/night", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497256.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Garden View Serenity",
|
||||
brand: "Room",
|
||||
price: "$120/night",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-pool-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-long-legs_285396-6077.jpg",
|
||||
},
|
||||
id: "2", name: "Garden View Serenity", brand: "Room", price: "$120/night", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-pool-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-long-legs_285396-6077.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Group Retreat Estate",
|
||||
brand: "Villa",
|
||||
price: "$500/night",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-portrait-woman-pink-evening-cute-dress-hold-wild-flowers-outside-luxury-tropical-villa-beautiful-female-with-bouquet_343596-2094.jpg",
|
||||
},
|
||||
id: "3", name: "Group Retreat Estate", brand: "Villa", price: "$500/night", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/romantic-portrait-woman-pink-evening-cute-dress-hold-wild-flowers-outside-luxury-tropical-villa-beautiful-female-with-bouquet_343596-2094.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "River Breeze Deluxe",
|
||||
brand: "Room",
|
||||
price: "$160/night",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497280.jpg",
|
||||
},
|
||||
id: "4", name: "River Breeze Deluxe", brand: "Room", price: "$160/night", rating: 5,
|
||||
reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497280.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Garden Oasis Suite",
|
||||
brand: "Room",
|
||||
price: "$140/night",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg",
|
||||
},
|
||||
id: "5", name: "Garden Oasis Suite", brand: "Room", price: "$140/night", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Private Island Estate",
|
||||
brand: "Villa",
|
||||
price: "$750/night",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-posing-garden-botanical-greenhouse-photoshoot_53876-132116.jpg",
|
||||
},
|
||||
id: "6", name: "Private Island Estate", brand: "Villa", price: "$750/night", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/men-posing-garden-botanical-greenhouse-photoshoot_53876-132116.jpg"},
|
||||
]}
|
||||
title="Thoughtfully Designed Stays"
|
||||
description="Blending rustic charm with modern comfort for the perfect disconnect."
|
||||
@@ -227,12 +146,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Travel & Leisure",
|
||||
"Condé Nast Traveler",
|
||||
"Eco Hotels World",
|
||||
"Ghana Tourism Board",
|
||||
"Luxury Retreats",
|
||||
]}
|
||||
"Travel & Leisure", "Condé Nast Traveler", "Eco Hotels World", "Ghana Tourism Board", "Luxury Retreats"]}
|
||||
title="As Featured In & Trusted By"
|
||||
description="Recognized for excellence in sustainable hospitality and luxury retreats."
|
||||
/>
|
||||
@@ -244,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How far is the resort from Accra?",
|
||||
content: "We are a scenic 2-hour drive from Accra, perfect for a weekend escape.",
|
||||
},
|
||||
id: "1", title: "How far is the resort from Accra?", content: "We are a scenic 2-hour drive from Accra, perfect for a weekend escape."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer airport transfers?",
|
||||
content: "Yes, we arrange private transfers to ensure a stress-free journey to the resort.",
|
||||
},
|
||||
id: "2", title: "Do you offer airport transfers?", content: "Yes, we arrange private transfers to ensure a stress-free journey to the resort."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are meals included?",
|
||||
content: "Our packages include locally inspired breakfasts, with lunch and dinner options available upon request.",
|
||||
},
|
||||
id: "3", title: "Are meals included?", content: "Our packages include locally inspired breakfasts, with lunch and dinner options available upon request."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-using-nfc-mobile-payment-buy-coffee-from-bar_482257-101079.jpg"
|
||||
imageAlt="Concierge services"
|
||||
@@ -276,45 +181,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mensah",
|
||||
role: "Travel Blogger",
|
||||
company: "Wanderlust",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497273.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Mensah", role: "Travel Blogger", company: "Wanderlust", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497273.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kojo Boateng",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-natural-room-interior-design_23-2151890389.jpg",
|
||||
},
|
||||
id: "2", name: "Kojo Boateng", role: "Creative Director", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-natural-room-interior-design_23-2151890389.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amina Okafor",
|
||||
role: "Architect",
|
||||
company: "StudioA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118950.jpg",
|
||||
},
|
||||
id: "3", name: "Amina Okafor", role: "Architect", company: "StudioA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118950.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
role: "Entrepreneur",
|
||||
company: "Startups",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497286.jpg",
|
||||
},
|
||||
id: "4", name: "David Smith", role: "Entrepreneur", company: "Startups", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497286.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rossi",
|
||||
role: "Photographer",
|
||||
company: "LENS",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2184.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Rossi", role: "Photographer", company: "LENS", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2184.jpg"},
|
||||
]}
|
||||
title="Guests' Stillness"
|
||||
description="Real stories from those who found peace with us."
|
||||
@@ -325,8 +205,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Booking Open"
|
||||
title="Reserve Your Escape Today"
|
||||
description="Only limited weekend availability remains. Contact us directly to secure your riverside sanctuary."
|
||||
@@ -342,37 +221,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Villanavi",
|
||||
items: [
|
||||
title: "Villanavi", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Experience", href: "#features"},
|
||||
{
|
||||
label: "Packages",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Packages", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "WhatsApp Booking",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp Booking", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -383,4 +248,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user