Merge version_1 into main #2
349
src/app/page.tsx
349
src/app/page.tsx
@@ -26,258 +26,117 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "listings",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elite Estates"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Listings", id: "listings" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Estates"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Elite Estates"
|
||||
description="Discover your next chapter with the premier real estate agency specializing in luxury properties and exceptional client experiences."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Listings",
|
||||
href: "#listings",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g75acc7e67fe2eb6cbfdf92329e4d1668c6273a0068eb3c1cfe18bf2a94ba2865feb59fc16522598b503f5331a4c010b53325966ac6f4399c805818b267e03b37_1280.jpg"
|
||||
imageAlt="Luxury villa exterior"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Elite Estates"
|
||||
description="Discover your next chapter with the premier real estate agency specializing in luxury properties and exceptional client experiences."
|
||||
buttons={[
|
||||
{ text: "View Listings", href: "#listings" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g75acc7e67fe2eb6cbfdf92329e4d1668c6273a0068eb3c1cfe18bf2a94ba2865feb59fc16522598b503f5331a4c010b53325966ac6f4399c805818b267e03b37_1280.jpg"
|
||||
imageAlt="Luxury villa exterior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Expert Guidance",
|
||||
description: "Navigating the property market with years of specialized experience.",
|
||||
imageSrc: "https://pixabay.com/get/gdd99f2f7dc85fd6010b0df9748752681a35dc1afa4e92b7646fd113f4eda3e3de299f2c6d29ef75904d752ac3b3265644cc134aeba06590296669cfc272e1168_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Luxury Portfolio",
|
||||
description: "Access to exclusive listings that aren't on the general market.",
|
||||
imageSrc: "https://pixabay.com/get/gdd99f2f7dc85fd6010b0df9748752681a35dc1afa4e92b7646fd113f4eda3e3de299f2c6d29ef75904d752ac3b3265644cc134aeba06590296669cfc272e1168_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Personalized Strategy",
|
||||
description: "Tailored approach for both buyers and sellers to meet your goals.",
|
||||
imageSrc: "https://pixabay.com/get/gdd99f2f7dc85fd6010b0df9748752681a35dc1afa4e92b7646fd113f4eda3e3de299f2c6d29ef75904d752ac3b3265644cc134aeba06590296669cfc272e1168_1280.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Why Elite Estates?"
|
||||
description="We blend market expertise with personalized service to ensure every transaction is seamless and rewarding."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: 1, title: "Expert Guidance", description: "Navigating the property market with years of specialized experience.", imageSrc: "https://pixabay.com/get/gdd99f2f7dc85fd6010b0df9748752681a35dc1afa4e92b7646fd113f4eda3e3de299f2c6d29ef75904d752ac3b3265644cc134aeba06590296669cfc272e1168_1280.jpg" },
|
||||
{ id: 2, title: "Luxury Portfolio", description: "Access to exclusive listings that aren't on the general market.", imageSrc: "https://pixabay.com/get/gdd99f2f7dc85fd6010b0df9748752681a35dc1afa4e92b7646fd113f4eda3e3de299f2c6d29ef75904d752ac3b3265644cc134aeba06590296669cfc272e1168_1280.jpg" },
|
||||
{ id: 3, title: "Personalized Strategy", description: "Tailored approach for both buyers and sellers to meet your goals.", imageSrc: "https://pixabay.com/get/gdd99f2f7dc85fd6010b0df9748752681a35dc1afa4e92b7646fd113f4eda3e3de299f2c6d29ef75904d752ac3b3265644cc134aeba06590296669cfc272e1168_1280.jpg" },
|
||||
]}
|
||||
title="Why Elite Estates?"
|
||||
description="We blend market expertise with personalized service to ensure every transaction is seamless and rewarding."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Villa",
|
||||
name: "Modern Mediterranean Villa",
|
||||
price: "$2,450,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://pixabay.com/get/g6e6281b650e2ea62a6b6fa64737fc037c25389785b6e9eb56c1a278bb864d7b09b799953eca9f179e30a40f40fe2722dc9514ce3446e87a2a433317b12315895_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Condo",
|
||||
name: "Skyline Penthouse Suite",
|
||||
price: "$1,890,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://pixabay.com/get/g8f28d135d06021a2117c4bcafc1e70ba3142de6f68265f1f6d39220662f223b0d814770cf8f685d50e9a9203165d7578de04fe70a82214db10e87638c17b45fc_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "House",
|
||||
name: "Historic Parkside Estate",
|
||||
price: "$3,200,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "https://pixabay.com/get/g6aeb2d24ed9a88b385138fb959294f823c008fb5ea88687435f552d9b274fe093ce0a0578c3113515174bb3941916da279fa5f1f28a713a1d2990c8523fdf8e1_1280.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Properties"
|
||||
description="Explore our curated collection of extraordinary residences."
|
||||
/>
|
||||
</div>
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Villa", name: "Modern Mediterranean Villa", price: "$2,450,000", rating: 5, reviewCount: "12", imageSrc: "https://pixabay.com/get/g6e6281b650e2ea62a6b6fa64737fc037c25389785b6e9eb56c1a278bb864d7b09b799953eca9f179e30a40f40fe2722dc9514ce3446e87a2a433317b12315895_1280.jpg" },
|
||||
{ id: "2", brand: "Condo", name: "Skyline Penthouse Suite", price: "$1,890,000", rating: 5, reviewCount: "8", imageSrc: "https://pixabay.com/get/g8f28d135d06021a2117c4bcafc1e70ba3142de6f68265f1f6d39220662f223b0d814770cf8f685d50e9a9203165d7578de04fe70a82214db10e87638c17b45fc_1280.jpg" },
|
||||
{ id: "3", brand: "House", name: "Historic Parkside Estate", price: "$3,200,000", rating: 5, reviewCount: "15", imageSrc: "https://pixabay.com/get/g6aeb2d24ed9a88b385138fb959294f823c008fb5ea88687435f552d9b274fe093ce0a0578c3113515174bb3941916da279fa5f1f28a713a1d2990c8523fdf8e1_1280.jpg" },
|
||||
]}
|
||||
title="Featured Properties"
|
||||
description="Explore our curated collection of extraordinary residences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Service",
|
||||
quote: "Elite Estates made buying our dream home smooth and stress-free.",
|
||||
name: "Sarah & Mark",
|
||||
role: "Home Buyers",
|
||||
imageSrc: "https://pixabay.com/get/g648db65bd7e6ed26934b437fdbc162d06086fd12cec49f49da2594de10e2db11ac1259bc92a60a0e0a203f77946f6c2fcc0cbfac612d3ef5e86dbabee117365b_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Market Insight",
|
||||
quote: "Their knowledge of the local area is truly unmatched in the industry.",
|
||||
name: "David Chen",
|
||||
role: "Property Investor",
|
||||
imageSrc: "https://pixabay.com/get/ga8ef6a1f039ce3d103600247d3000d79bdc2b7cada2a2d721a95a74af9d53021ddd1164d2fddcc54867a45b081392c0fcdb5a47818f504096272f1f53799cc55_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Seamless Selling",
|
||||
quote: "Sold our property above asking price within just two weeks!",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Home Seller",
|
||||
imageSrc: "https://pixabay.com/get/gb60ceaba9679ad90c4e37b2f52bcf0559cdfb5e4c482d272d4d83f9f0840f856189e743b4849bf46cd30df06cdbb73c111007677565eb0ffcacdc5299ce38770_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professionalism",
|
||||
quote: "A truly professional agency that cares about long-term satisfaction.",
|
||||
name: "James Wilson",
|
||||
role: "First-time Buyer",
|
||||
imageSrc: "https://pixabay.com/get/g9ff426a18c3b9fbce341e14ab5d20e0368a4db4daf5c0134416ea8bf5f997d8351022b5273b9058410b06970e4931214038b2671bd860607775e731d3e8e2e74_1280.jpg",
|
||||
},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Hear from our clients about their home finding journeys."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional Service", quote: "Elite Estates made buying our dream home smooth and stress-free.", name: "Sarah & Mark", role: "Home Buyers", imageSrc: "https://pixabay.com/get/g648db65bd7e6ed26934b437fdbc162d06086fd12cec49f49da2594de10e2db11ac1259bc92a60a0e0a203f77946f6c2fcc0cbfac612d3ef5e86dbabee117365b_1280.jpg" },
|
||||
{ id: "2", title: "Market Insight", quote: "Their knowledge of the local area is truly unmatched in the industry.", name: "David Chen", role: "Property Investor", imageSrc: "https://pixabay.com/get/ga8ef6a1f039ce3d103600247d3000d79bdc2b7cada2a2d721a95a74af9d53021ddd1164d2fddcc54867a45b081392c0fcdb5a47818f504096272f1f53799cc55_1280.jpg" },
|
||||
{ id: "3", title: "Seamless Selling", quote: "Sold our property above asking price within just two weeks!", name: "Emily Rodriguez", role: "Home Seller", imageSrc: "https://pixabay.com/get/gb60ceaba9679ad90c4e37b2f52bcf0559cdfb5e4c482d272d4d83f9f0840f856189e743b4849bf46cd30df06cdbb73c111007677565eb0ffcacdc5299ce38770_1280.jpg" },
|
||||
{ id: "4", title: "Professionalism", quote: "A truly professional agency that cares about long-term satisfaction.", name: "James Wilson", role: "First-time Buyer", imageSrc: "https://pixabay.com/get/g9ff426a18c3b9fbce341e14ab5d20e0368a4db4daf5c0134416ea8bf5f997d8351022b5273b9058410b06970e4931214038b2671bd860607775e731d3e8e2e74_1280.jpg" },
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Hear from our clients about their home finding journeys."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you evaluate properties?",
|
||||
content: "We use comparative market analysis combined with local expert knowledge.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What fees do you charge?",
|
||||
content: "Our fee structure is transparent and discussed during our initial consultation.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does the process take?",
|
||||
content: "Every property journey is unique, but we aim for efficiency and clarity.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to your questions about our real estate services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do you evaluate properties?", content: "We use comparative market analysis combined with local expert knowledge." },
|
||||
{ id: "q2", title: "What fees do you charge?", content: "Our fee structure is transparent and discussed during our initial consultation." },
|
||||
{ id: "q3", title: "How long does the process take?", content: "Every property journey is unique, but we aim for efficiency and clarity." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to your questions about our real estate services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Journey"
|
||||
description="Reach out to us today to discuss your real estate requirements."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://pixabay.com/get/ga25fe2a7c5939be09e040ea7e3e0f3e9e4f8104b37c6000625f805e2ec1caf2ffad65586fb927da1e164ceb416b271085336eb0b87cd26cc493bee3789399f52_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Journey"
|
||||
description="Reach out to us today to discuss your real estate requirements."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your needs...", rows: 4, required: true }}
|
||||
imageSrc="https://pixabay.com/get/ga25fe2a7c5939be09e040ea7e3e0f3e9e4f8104b37c6000625f805e2ec1caf2ffad65586fb927da1e164ceb416b271085336eb0b87cd26cc493bee3789399f52_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Properties",
|
||||
href: "#listings",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Elite Estates"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Properties", href: "#listings" }, { label: "About", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Careers", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Elite Estates"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user