Merge version_1 into main #2
453
src/app/page.tsx
453
src/app/page.tsx
@@ -29,336 +29,147 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "properties",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EliteEstate"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Listings", id: "properties" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EliteEstate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
logoText="EliteEstate"
|
||||
description="Your partners in finding the perfect home. Expert guidance for every step of your real estate journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Listings",
|
||||
href: "#properties",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29366.jpg?_wi=1"
|
||||
imageAlt="Luxury home exterior"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
logoText="EliteEstate"
|
||||
description="Your partners in finding the perfect home. Expert guidance for every step of your real estate journey."
|
||||
buttons={[{ text: "View Listings", href: "#properties" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29366.jpg"
|
||||
imageAlt="Luxury home exterior"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Excellence"
|
||||
description="With over two decades of experience, EliteEstate provides tailored real estate solutions for buyers, sellers, and investors. We combine market data with a personalized touch to ensure you achieve your property goals."
|
||||
tag="About Us"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manager-working-financial-analysis-while-standing-with-laptop_482257-79485.jpg?_wi=1"
|
||||
imageAlt="Real estate professionals discussing a property"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Excellence"
|
||||
description="With over two decades of experience, EliteEstate provides tailored real estate solutions for buyers, sellers, and investors. We combine market data with a personalized touch to ensure you achieve your property goals."
|
||||
tag="About Us"
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manager-working-financial-analysis-while-standing-with-laptop_482257-79485.jpg"
|
||||
imageAlt="Real estate professionals discussing a property"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Local market knowledge you can trust for every purchase.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-buildings-gardens-nesebar-bulgaria_627829-14114.jpg",
|
||||
imageAlt: "Old buildings and gardens of Nesebar Bulgaria",
|
||||
},
|
||||
{
|
||||
title: "Precision Pricing",
|
||||
description: "Data-driven valuations to ensure you get the best deal.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29366.jpg?_wi=2",
|
||||
imageAlt: "Old buildings and gardens of Nesebar Bulgaria",
|
||||
},
|
||||
{
|
||||
title: "Luxury Listings",
|
||||
description: "Access to exclusive off-market properties.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-working-financial-analysis-while-standing-with-laptop_482257-79485.jpg?_wi=2",
|
||||
imageAlt: "Old buildings and gardens of Nesebar Bulgaria",
|
||||
},
|
||||
]}
|
||||
title="Why Choose EliteEstate?"
|
||||
description="We go beyond the transaction to provide comprehensive real estate services that put your needs first."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Expert Guidance", description: "Local market knowledge you can trust for every purchase.", bentoComponent: "reveal-icon", icon: CheckCircle },
|
||||
{ title: "Precision Pricing", description: "Data-driven valuations to ensure you get the best deal.", bentoComponent: "reveal-icon", icon: TrendingUp },
|
||||
{ title: "Luxury Listings", description: "Access to exclusive off-market properties.", bentoComponent: "reveal-icon", icon: Shield }
|
||||
]}
|
||||
title="Why Choose EliteEstate?"
|
||||
description="We go beyond the transaction to provide comprehensive real estate services that put your needs first."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="properties" data-section="properties">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Suburban Villa",
|
||||
price: "$1,250,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-clicking-photo-from-mobile-phone_107420-12070.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Urban Penthouse Loft",
|
||||
price: "$950,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rustic Country Cottage",
|
||||
price: "$650,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-brown-wooden-house-with-large-windows-covered-snow-forest-surrounded-by-trees_181624-5807.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Family Townhouse",
|
||||
price: "$520,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Waterfront Estate",
|
||||
price: "$2,400,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cliffside-castle-dusk_23-2151961771.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Minimalist City Apartment",
|
||||
price: "$450,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Properties"
|
||||
description="Browse our curated selection of top-tier homes and investment opportunities."
|
||||
/>
|
||||
</div>
|
||||
<div id="properties" data-section="properties">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Modern Suburban Villa", price: "$1,250,000", imageSrc: "http://img.b2bpic.net/free-photo/couple-clicking-photo-from-mobile-phone_107420-12070.jpg" },
|
||||
{ id: "2", name: "Urban Penthouse Loft", price: "$950,000", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg" },
|
||||
{ id: "3", name: "Rustic Country Cottage", price: "$650,000", imageSrc: "http://img.b2bpic.net/free-photo/red-brown-wooden-house-with-large-windows-covered-snow-forest-surrounded-by-trees_181624-5807.jpg" },
|
||||
{ id: "4", name: "Family Townhouse", price: "$520,000", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg" },
|
||||
{ id: "5", name: "Waterfront Estate", price: "$2,400,000", imageSrc: "http://img.b2bpic.net/free-photo/cliffside-castle-dusk_23-2151961771.jpg" },
|
||||
{ id: "6", name: "Minimalist City Apartment", price: "$450,000", imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg" },
|
||||
]}
|
||||
title="Featured Properties"
|
||||
description="Browse our curated selection of top-tier homes and investment opportunities."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Successful Closings",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "$250M",
|
||||
description: "Properties Sold",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven success in the real estate market."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[{ id: "1", value: "500+", description: "Successful Closings" }, { id: "2", value: "$250M", description: "Properties Sold" }, { id: "3", value: "98%", description: "Client Satisfaction" }]}
|
||||
title="Our Impact"
|
||||
description="Proven success in the real estate market."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Home Buyer",
|
||||
testimonial: "EliteEstate made finding my dream home a seamless experience. Exceptional service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139097.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Seller",
|
||||
testimonial: "Sold my property in record time. The marketing team is truly top-notch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
role: "First-time Buyer",
|
||||
testimonial: "Patient, professional, and very knowledgeable about the local market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/never-ending-happiness-our-new-home_329181-9763.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Investor",
|
||||
testimonial: "Consistent, reliable, and always finds the best investment properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-as-real-estate-agents_23-2151064997.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Olivia White",
|
||||
role: "Homeowner",
|
||||
testimonial: "Truly exceeded my expectations. Couldn't be happier with their help.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065041.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear from those who trusted us with their biggest investments."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Home Buyer", testimonial: "EliteEstate made finding my dream home a seamless experience. Exceptional service!", imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139097.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Seller", testimonial: "Sold my property in record time. The marketing team is truly top-notch.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg" },
|
||||
{ id: "3", name: "Emma Rodriguez", role: "First-time Buyer", testimonial: "Patient, professional, and very knowledgeable about the local market.", imageSrc: "http://img.b2bpic.net/free-photo/never-ending-happiness-our-new-home_329181-9763.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Investor", testimonial: "Consistent, reliable, and always finds the best investment properties.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-as-real-estate-agents_23-2151064997.jpg" },
|
||||
{ id: "5", name: "Olivia White", role: "Homeowner", testimonial: "Truly exceeded my expectations. Couldn't be happier with their help.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065041.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear from those who trusted us with their biggest investments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does it take to sell?",
|
||||
content: "The market is dynamic, but we typically see successful closings within 30-60 days.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do you value my home?",
|
||||
content: "We use comparative market analysis and data-driven trends to set the perfect price.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do I need a lawyer?",
|
||||
content: "Yes, we always recommend professional legal representation for all property contracts.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg"
|
||||
imageAlt="FAQ background"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common questions regarding real estate transactions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[{ id: "1", title: "How long does it take to sell?", content: "The market is dynamic, but we typically see successful closings within 30-60 days." }, { id: "2", title: "How do you value my home?", content: "We use comparative market analysis and data-driven trends to set the perfect price." }, { id: "3", title: "Do I need a lawyer?", content: "Yes, we always recommend professional legal representation for all property contracts." }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg"
|
||||
imageAlt="FAQ background"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common questions regarding real estate transactions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Fill out the form below and one of our dedicated agents will reach out to you within 24 hours."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unsuitable-furious-woman-gets-angry-after-getting-rejected-from-job-offer_482257-116761.jpg"
|
||||
imageAlt="Realtor at office"
|
||||
mediaAnimation="opacity"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Fill out the form below and one of our dedicated agents will reach out to you within 24 hours."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unsuitable-furious-woman-gets-angry-after-getting-rejected-from-job-offer_482257-116761.jpg"
|
||||
imageAlt="Realtor at office"
|
||||
mediaAnimation="opacity"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-real-estate-agent-having-meeting-with-young-couple-pointing-place-signature-their-contract_637285-6119.jpg"
|
||||
imageAlt="Footer logo background"
|
||||
logoText="EliteEstate"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Buying",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Selling",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Investing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-real-estate-agent-having-meeting-with-young-couple-pointing-place-signature-their-contract_637285-6119.jpg"
|
||||
imageAlt="Footer logo background"
|
||||
logoText="EliteEstate"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Buying", href: "#" }, { label: "Selling", href: "#" }, { label: "Investing", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user