Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -31,68 +31,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Catalog", id: "catalog" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Grand Espace"
|
||||
button={{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Inquire", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience Unparalleled Living"
|
||||
description="Discover our collection of world-class, spacious luxury villas designed for the modern lifestyle. Your dream home awaits in the most exclusive locations."
|
||||
tag="Grand Espace Premium"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Properties",
|
||||
href: "#catalog",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Properties", href: "#catalog" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16013.jpg?_wi=1",
|
||||
imageAlt: "Luxurious villa interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-dusk_23-2152016395.jpg",
|
||||
imageAlt: "Luxurious villa exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square_1359-607.jpg",
|
||||
imageAlt: "town square",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-villa-with-swimming-pool_23-2152008213.jpg",
|
||||
imageAlt: "Luxury modern villa with swimming pool",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-villa-with-infinity-pool-lush-landscape_23-2152008242.jpg",
|
||||
imageAlt: "Luxurious modern villa with infinity pool",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16013.jpg", imageAlt: "Luxurious villa interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-dusk_23-2152016395.jpg", imageAlt: "Luxurious villa exterior" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,30 +67,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Expert Guidance",
|
||||
descriptions: [
|
||||
"Professional consultants with local and international experience.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-villa-nestled-mountain-gorge_23-2152008244.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Exclusive Access",
|
||||
descriptions: [
|
||||
"Access to off-market properties and private listings.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-design_53876-145504.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Modern Concierge",
|
||||
descriptions: [
|
||||
"White-glove service throughout the entire process.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-suite-with-modern-elegance-comfort-generated-by-ai_188544-21265.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Expert Guidance", descriptions: ["Professional consultants with local and international experience."], imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-villa-nestled-mountain-gorge_23-2152008244.jpg" },
|
||||
{ id: "f2", title: "Exclusive Access", descriptions: ["Access to off-market properties and private listings."], imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-design_53876-145504.jpg" },
|
||||
{ id: "f3", title: "Modern Concierge", descriptions: ["White-glove service throughout the entire process."], imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-suite-with-modern-elegance-comfort-generated-by-ai_188544-21265.jpg" },
|
||||
]}
|
||||
title="Why Choose Grand Espace?"
|
||||
description="We blend luxury, design, and personalized service to ensure a seamless real estate experience."
|
||||
@@ -143,48 +83,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ocean View Villa",
|
||||
price: "$4,500,000",
|
||||
variant: "4 Beds / 5 Baths / 4500sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-house-with-porch-black-shutters_23-2151974390.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern City Loft",
|
||||
price: "$2,200,000",
|
||||
variant: "2 Beds / 2 Baths / 1800sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-background-with-books-vase-dried-flowers-decorative-cushes_169016-18267.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Penthouse Suite",
|
||||
price: "$6,800,000",
|
||||
variant: "5 Beds / 6 Baths / 6200sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_74190-4976.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Coastal Retreat",
|
||||
price: "$3,100,000",
|
||||
variant: "3 Beds / 3 Baths / 2500sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tropical-pool-villa_23-2151934195.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Garden Villa",
|
||||
price: "$3,900,000",
|
||||
variant: "4 Beds / 4 Baths / 3800sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-pink-robe-posing-with-salad-plate-kitchen_627829-11338.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Elite Estate",
|
||||
price: "$12,000,000",
|
||||
variant: "7 Beds / 8 Baths / 9500sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326544.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Ocean View Villa", price: "$4,500,000", variant: "4 Beds / 5 Baths / 4500sqft", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-house-with-porch-black-shutters_23-2151974390.jpg" },
|
||||
{ id: "p2", name: "Modern City Loft", price: "$2,200,000", variant: "2 Beds / 2 Baths / 1800sqft", imageSrc: "http://img.b2bpic.net/free-photo/cozy-background-with-books-vase-dried-flowers-decorative-cushes_169016-18267.jpg" },
|
||||
{ id: "p3", name: "Penthouse Suite", price: "$6,800,000", variant: "5 Beds / 6 Baths / 6200sqft", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_74190-4976.jpg" },
|
||||
]}
|
||||
title="Selected Property Collection"
|
||||
description="Browse our curated list of exclusive villas and high-end properties."
|
||||
@@ -197,26 +98,10 @@ export default function LandingPage() {
|
||||
title="Our Impact in Numbers"
|
||||
tag="Performance Data"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Successful Closings",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$500M+",
|
||||
description: "Total Volume Sold",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction Rate",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Successful Closings" },
|
||||
{ id: "m2", value: "$500M+", description: "Total Volume Sold" },
|
||||
{ id: "m3", value: "20+", description: "Years of Excellence" },
|
||||
{ id: "m4", value: "98%", description: "Client Satisfaction Rate" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,34 +113,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "group1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
{
|
||||
id: "mem1",
|
||||
title: "Alex Rivers",
|
||||
subtitle: "Director",
|
||||
detail: "15 years of industry experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164713.jpg",
|
||||
},
|
||||
{
|
||||
id: "mem2",
|
||||
title: "Sarah Chen",
|
||||
subtitle: "Lead Negotiator",
|
||||
detail: "Specialist in prime urban properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
|
||||
},
|
||||
{
|
||||
id: "mem3",
|
||||
title: "Marcus Vane",
|
||||
subtitle: "Client Relations",
|
||||
detail: "Expert in high-end lifestyle matching.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-thumb-up-holding-keys-from-new-car_7502-9816.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16013.jpg?_wi=2",
|
||||
imageAlt: "professional real estate agent",
|
||||
},
|
||||
id: "group1", groupTitle: "Leadership", members: [
|
||||
{ id: "mem1", title: "Alex Rivers", subtitle: "Director", detail: "15 years of industry experience.", imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164713.jpg" },
|
||||
{ id: "mem2", title: "Sarah Chen", subtitle: "Lead Negotiator", detail: "Specialist in prime urban properties.", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg" },
|
||||
{ id: "mem3", title: "Marcus Vane", subtitle: "Client Relations", detail: "Expert in high-end lifestyle matching.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-thumb-up-holding-keys-from-new-car_7502-9816.jpg" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Meet Your Advisors"
|
||||
description="Our team of seasoned experts are here to navigate the complexities of luxury real estate for you."
|
||||
@@ -266,31 +129,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-buying-new-apartment-having-house-keys-celebrate-relationship-event-being-property-homeowners-moving-real-estate-flat-together-bought-mortgage-loan_482257-49845.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Emma R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Michael L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophia G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-luxury-travel-house_23-2149140851.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-partner-city_1157-17030.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-buying-new-apartment-having-house-keys-celebrate-relationship-event-being-property-homeowners-moving-real-estate-flat-together-bought-mortgage-loan_482257-49845.jpg" },
|
||||
{ id: "t2", name: "Emma R.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg" },
|
||||
{ id: "t3", name: "Michael L.", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
|
||||
{ id: "t4", name: "Sophia G.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-luxury-travel-house_23-2149140851.jpg" },
|
||||
{ id: "t5", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-partner-city_1157-17030.jpg" },
|
||||
]}
|
||||
cardTitle="Words from Clients"
|
||||
cardTag="Luxury Experiences"
|
||||
@@ -303,21 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you value luxury properties?",
|
||||
content: "Our experts use comprehensive data analysis combined with exclusive market insights to accurately value each home.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I request private viewings?",
|
||||
content: "Yes, all our luxury listings support private, discreet viewings for verified clients.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide financing assistance?",
|
||||
content: "We work with top-tier financial partners to provide custom solutions for our international clients.",
|
||||
},
|
||||
{ id: "q1", title: "How do you value luxury properties?", content: "Our experts use comprehensive data analysis combined with exclusive market insights to accurately value each home." },
|
||||
{ id: "q2", title: "Can I request private viewings?", content: "Yes, all our luxury listings support private, discreet viewings for verified clients." },
|
||||
{ id: "q3", title: "Do you provide financing assistance?", content: "We work with top-tier financial partners to provide custom solutions for our international clients." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to the most frequently asked questions about our process."
|
||||
@@ -331,29 +162,11 @@ export default function LandingPage() {
|
||||
title="Connect With Us"
|
||||
description="Have a specific request? Fill in your details below and a dedicated agent will be in touch."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "interest",
|
||||
type: "text",
|
||||
placeholder: "Type of property",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "interest", type: "text", placeholder: "Type of property" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-architecture-with-reflective-pool_23-2151993722.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -361,14 +174,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Grand Espace"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user