Merge version_1 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -31,66 +31,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Properties", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mont Piton"
|
||||
button={{
|
||||
text: "Book Consultation", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevated Living in Mont Piton's Finest Residences"
|
||||
description="Luxury residential estate offering breathtaking island views and premium investment opportunity. Discover your dream home in Mauritius's most sought-after address."
|
||||
title="Elevated Living in Mont Pitons Finest Residences"
|
||||
description="Luxury residential estate offering breathtaking island views and premium investment opportunity Discover your dream home in Mauritiuss most soughtafter address"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/luxury-villa-overlooking-blue-ocean-and--1774616184967-8690094f.png",
|
||||
imageAlt: "Luxury residence view",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/aerial-view-of-modern-luxury-estate-with-1774616185298-88bc99b6.png",
|
||||
imageAlt: "Mont Piton estate landscape",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/luxury-villa-overlooking-blue-ocean-and--1774616184967-8690094f.png", imageAlt: "Luxury residence view" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/aerial-view-of-modern-luxury-estate-with-1774616185298-88bc99b6.png", imageAlt: "Mont Piton estate landscape" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/modern-architectural-luxury-interior-wit-1774616184568-e1ef883f.png",
|
||||
imageAlt: "Modern architecture interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/stunning-panoramic-sunset-view-from-a-hi-1774616184771-b2e9f48c.png",
|
||||
imageAlt: "Panoramic island view",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Properties",
|
||||
href: "#products",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/modern-architectural-luxury-interior-wit-1774616184568-e1ef883f.png", imageAlt: "Modern architecture interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/stunning-panoramic-sunset-view-from-a-hi-1774616184771-b2e9f48c.png", imageAlt: "Panoramic island view" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Properties", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Developer Excellence"
|
||||
title="Crafting Mauritian Luxury"
|
||||
description="Mont Piton Residential Estate represents the pinnacle of premium living in Mauritius, blending architectural innovation with natural beauty."
|
||||
@@ -98,181 +69,79 @@ export default function LandingPage() {
|
||||
icon={Shield}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/elegant-entrance-of-a-premium-luxury-res-1774616186467-2c696a16.png"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Elegant entrance of a premium luxury residential estate."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
title="Estate Amenities"
|
||||
description="Experience unparalleled comfort with our curated list of estate features designed for discerning residents."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Security",
|
||||
title: "24/7 Surveillance",
|
||||
subtitle: "Safety First",
|
||||
description: "Gated estate with round-the-clock professional security and surveillance systems.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/security-guard-gatehouse-at-a-modern-est-1774616184923-91304905.png",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Lifestyle",
|
||||
title: "Panoramic Views",
|
||||
subtitle: "Nature's Best",
|
||||
description: "Unrivaled views of the Mauritian coastline and mountains.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/mountain-view-seen-through-modern-home-w-1774616184282-a221a1f5.png",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Community",
|
||||
title: "Green Spaces",
|
||||
subtitle: "Tranquility",
|
||||
description: "Thoughtfully designed landscaping and communal leisure areas for relaxation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/community-park-in-a-luxury-estate-well-m-1774616186127-96d3203f.png",
|
||||
},
|
||||
{ id: 1, tag: "Security", title: "24/7 Surveillance", subtitle: "Safety First", description: "Gated estate with round-the-clock professional security and surveillance systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/security-guard-gatehouse-at-a-modern-est-1774616184923-91304905.png" },
|
||||
{ id: 2, tag: "Lifestyle", title: "Panoramic Views", subtitle: "Nature's Best", description: "Unrivaled views of the Mauritian coastline and mountains.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/mountain-view-seen-through-modern-home-w-1774616184282-a221a1f5.png" },
|
||||
{ id: 3, tag: "Community", title: "Green Spaces", subtitle: "Tranquility", description: "Thoughtfully designed landscaping and communal leisure areas for relaxation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/community-park-in-a-luxury-estate-well-m-1774616186127-96d3203f.png" }
|
||||
]}
|
||||
title="Estate Amenities"
|
||||
description="Experience unparalleled comfort with our curated list of estate features designed for discerning residents."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ocean View Villa",
|
||||
price: "POA",
|
||||
variant: "Villa",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/luxury-villa-modern-design-with-swimming-1774616185173-ba2e598c.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Residence",
|
||||
price: "POA",
|
||||
variant: "Estate Home",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/luxury-family-home-modern-design-1774616187315-11725d94.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Development Plot",
|
||||
price: "POA",
|
||||
variant: "Investment",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/development-plot-of-land-in-luxury-estat-1774616184818-25c3efb5.png",
|
||||
},
|
||||
]}
|
||||
title="Premium Listings"
|
||||
description="Discover our collection of exclusive residential plots and luxury residences currently available."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Ocean View Villa", price: "POA", variant: "Villa", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/luxury-villa-modern-design-with-swimming-1774616185173-ba2e598c.png" },
|
||||
{ id: "p2", name: "Modern Residence", price: "POA", variant: "Estate Home", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/luxury-family-home-modern-design-1774616187315-11725d94.png" },
|
||||
{ id: "p3", name: "Development Plot", price: "POA", variant: "Investment", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/development-plot-of-land-in-luxury-estat-1774616184818-25c3efb5.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Resident Experiences"
|
||||
description="What our residents say about living in the Mont Piton community."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jean Dupont",
|
||||
date: "2023-10",
|
||||
title: "Happy Homeowner",
|
||||
quote: "Living here is a dream come true. The views and tranquility are unmatched.",
|
||||
tag: "Resident",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-headshot-of-happy-professional--1774616184689-9529c97e.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-of-family-lifestyle-in-luxuriou-1774616185365-9bd8a888.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
date: "2023-11",
|
||||
title: "Excellent Investment",
|
||||
quote: "Professional development and great capital appreciation potential.",
|
||||
tag: "Investor",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-headshot-of-female-investor-pro-1774616184159-48ef150a.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/professional-portfolio-or-investment-doc-1774616183979-8723c00d.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amit Patel",
|
||||
date: "2023-12",
|
||||
title: "Peaceful Lifestyle",
|
||||
quote: "The security and green spaces make this the perfect choice for families.",
|
||||
tag: "Resident",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-headshot-of-professional-man-1774616185603-28a3bac8.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/family-walking-in-park-luxury-estate-set-1774616188676-cecfb5c1.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rossi",
|
||||
date: "2024-01",
|
||||
title: "Highly Recommended",
|
||||
quote: "Truly the best address on the island for luxury property enthusiasts.",
|
||||
tag: "Resident",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-headshot-of-woman-1774616184265-9fdb805f.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/view-from-luxury-residence-balcony-1774616185208-638a4bcd.png",
|
||||
},
|
||||
{ id: "t1", name: "Jean Dupont", date: "2023-10", title: "Happy Homeowner", quote: "Living here is a dream come true. The views and tranquility are unmatched.", tag: "Resident", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-headshot-of-happy-professional--1774616184689-9529c97e.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-of-family-lifestyle-in-luxuriou-1774616185365-9bd8a888.png" },
|
||||
{ id: "t2", name: "Sarah Miller", date: "2023-11", title: "Excellent Investment", quote: "Professional development and great capital appreciation potential.", tag: "Investor", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-headshot-of-female-investor-pro-1774616184159-48ef150a.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/professional-portfolio-or-investment-doc-1774616183979-8723c00d.png" },
|
||||
{ id: "t3", name: "Amit Patel", date: "2023-12", title: "Peaceful Lifestyle", quote: "The security and green spaces make this the perfect choice for families.", tag: "Resident", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-headshot-of-professional-man-1774616185603-28a3bac8.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/family-walking-in-park-luxury-estate-set-1774616188676-cecfb5c1.png" },
|
||||
{ id: "t4", name: "Elena Rossi", date: "2024-01", title: "Highly Recommended", quote: "Truly the best address on the island for luxury property enthusiasts.", tag: "Resident", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/close-up-headshot-of-woman-1774616184265-9fdb805f.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/view-from-luxury-residence-balcony-1774616185208-638a4bcd.png" }
|
||||
]}
|
||||
title="Resident Experiences"
|
||||
description="What our residents say about living in the Mont Piton community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What makes Mont Piton unique?",
|
||||
content: "Our prime elevation offers cooler climates and unmatched coastal views.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is foreign investment permitted?",
|
||||
content: "Yes, Mauritius offers attractive property investment schemes for international buyers.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What security measures are in place?",
|
||||
content: "We operate 24/7 security teams and high-tech gate access systems.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Everything you need to know about investing in Mont Piton estate."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What makes Mont Piton unique?", content: "Our prime elevation offers cooler climates and unmatched coastal views." },
|
||||
{ id: "q2", title: "Is foreign investment permitted?", content: "Yes, Mauritius offers attractive property investment schemes for international buyers." },
|
||||
{ id: "q3", title: "What security measures are in place?", content: "We operate 24/7 security teams and high-tech gate access systems." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Journey"
|
||||
description="Reach out to our sales team to schedule a viewing or request an investment portfolio."
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWsDZQ7fjdTKm2d6OhiXr0UyPi/modern-real-estate-office-interior-1774616186256-96a9c307.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -282,31 +151,17 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Estate",
|
||||
items: [
|
||||
{
|
||||
label: "Properties",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
title: "Estate", items: [
|
||||
{ label: "Properties", href: "#products" },
|
||||
{ label: "About Us", href: "#about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQs", href: "#faq" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Mont Piton Residential Estate. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user