Update src/app/page.tsx
This commit is contained in:
501
src/app/page.tsx
501
src/app/page.tsx
@@ -29,380 +29,151 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EstateLink"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Listings", id: "products" },
|
||||
{ name: "Plans", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EstateLink"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="EstateLink"
|
||||
description="Connecting owners, agents, and buyers through a seamless, transparent real estate marketplace."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Listings",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Agent",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-lake-middle-city-buildings-cloudy-sky_181624-17493.jpg",
|
||||
imageAlt: "Hero 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mini-house-stack-coins-with-green-blur_1150-14845.jpg",
|
||||
imageAlt: "Hero 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797710.jpg",
|
||||
imageAlt: "Hero 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg",
|
||||
imageAlt: "Hero 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-photo-happy-couple-together-their-new-house-conception-moving_146671-16188.jpg",
|
||||
imageAlt: "Hero 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/weather-effect-collage_23-2150159312.jpg",
|
||||
imageAlt: "Hero 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="EstateLink"
|
||||
description="Connecting owners, agents, and buyers through a seamless, transparent real estate marketplace."
|
||||
buttons={[
|
||||
{ text: "Explore Listings", href: "#products" },
|
||||
{ text: "Contact Agent", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-lake-middle-city-buildings-cloudy-sky_181624-17493.jpg", imageAlt: "Hero 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mini-house-stack-coins-with-green-blur_1150-14845.jpg", imageAlt: "Hero 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797710.jpg", imageAlt: "Hero 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg", imageAlt: "Hero 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/focused-photo-happy-couple-together-their-new-house-conception-moving_146671-16188.jpg", imageAlt: "Hero 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/weather-effect-collage_23-2150159312.jpg", imageAlt: "Hero 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Trusted by Thousands"
|
||||
metrics={[
|
||||
{
|
||||
icon: Home,
|
||||
label: "Properties",
|
||||
value: "12,000+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Users",
|
||||
value: "50,000+",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Locations",
|
||||
value: "150+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Trusted by Thousands"
|
||||
metrics={[
|
||||
{ icon: Home, label: "Properties", value: "12,000+" },
|
||||
{ icon: Users, label: "Active Users", value: "50,000+" },
|
||||
{ icon: MapPin, label: "Locations", value: "150+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "For Owners",
|
||||
subtitle: "List your lands and properties instantly.",
|
||||
category: "Owners",
|
||||
value: "Direct listing",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "For Agents",
|
||||
subtitle: "Manage clients and portfolios effortlessly.",
|
||||
category: "Agents",
|
||||
value: "Unified Dashboard",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "For Buyers",
|
||||
subtitle: "Find your dream home or plot with ease.",
|
||||
category: "Buyers",
|
||||
value: "Advanced Filters",
|
||||
},
|
||||
]}
|
||||
title="Why Choose EstateLink?"
|
||||
description="We offer a unified platform for every stakeholder in the real estate market."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "For Owners", subtitle: "List your lands and properties instantly.", category: "Owners", value: "Direct listing" },
|
||||
{ id: "f2", title: "For Agents", subtitle: "Manage clients and portfolios effortlessly.", category: "Agents", value: "Unified Dashboard" },
|
||||
{ id: "f3", title: "For Buyers", subtitle: "Find your dream home or plot with ease.", category: "Buyers", value: "Advanced Filters" },
|
||||
]}
|
||||
title="Why Choose EstateLink?"
|
||||
description="We offer a unified platform for every stakeholder in the real estate market."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Suburban House",
|
||||
price: "$450,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-beautiful-white-houses-residential-area_169016-29080.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury City Apartment",
|
||||
price: "$850,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balcony-resorts-nesebar-town-bulgaria_627829-7549.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Prime Land Parcel",
|
||||
price: "$120,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/land-plot-with-nature-landscape-location-pin_23-2149937933.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cozy Starter Home",
|
||||
price: "$320,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-abandoned-house-village_1268-15652.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Waterfront Villa",
|
||||
price: "$1,200,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-blue-water-tropical-garden-with-sea-view-background_1150-10232.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Development Plot",
|
||||
price: "$250,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-construction-site-with-excavator-trucks-near-waterfront-homes_1308-189688.jpg",
|
||||
},
|
||||
]}
|
||||
title="Latest Listings"
|
||||
description="Browse our hand-picked selection of lands, apartments, and houses."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Modern Suburban House", price: "$450,000", imageSrc: "http://img.b2bpic.net/free-photo/street-beautiful-white-houses-residential-area_169016-29080.jpg" },
|
||||
{ id: "p2", name: "Luxury City Apartment", price: "$850,000", imageSrc: "http://img.b2bpic.net/free-photo/balcony-resorts-nesebar-town-bulgaria_627829-7549.jpg" },
|
||||
{ id: "p3", name: "Prime Land Parcel", price: "$120,000", imageSrc: "http://img.b2bpic.net/free-photo/land-plot-with-nature-landscape-location-pin_23-2149937933.jpg" },
|
||||
{ id: "p4", name: "Cozy Starter Home", price: "$320,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-abandoned-house-village_1268-15652.jpg" },
|
||||
{ id: "p5", name: "Modern Waterfront Villa", price: "$1,200,000", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-blue-water-tropical-garden-with-sea-view-background_1150-10232.jpg" },
|
||||
{ id: "p6", name: "Development Plot", price: "$250,000", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-construction-site-with-excavator-trucks-near-waterfront-homes_1308-189688.jpg" },
|
||||
]}
|
||||
title="Latest Listings"
|
||||
description="Browse our hand-picked selection of lands, apartments, and houses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$29/mo",
|
||||
subtitle: "For individual home buyers",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Limited listings",
|
||||
"Basic support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$99/mo",
|
||||
subtitle: "For property agents",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited listings",
|
||||
"Priority support",
|
||||
"Analytics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "$299/mo",
|
||||
subtitle: "For large development firms",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Advanced API access",
|
||||
"Dedicated manager",
|
||||
"Custom reports",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Flexible Plans"
|
||||
description="Choose a membership that fits your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Essential", price: "$29/mo", subtitle: "For individual home buyers", buttons: [{ text: "Select", href: "#" }], features: ["Limited listings", "Basic support"] },
|
||||
{ id: "pro", badge: "Pro", price: "$99/mo", subtitle: "For property agents", buttons: [{ text: "Select", href: "#" }], features: ["Unlimited listings", "Priority support", "Analytics"] },
|
||||
{ id: "enterprise", badge: "Enterprise", price: "$299/mo", subtitle: "For large development firms", buttons: [{ text: "Select", href: "#" }], features: ["Advanced API access", "Dedicated manager", "Custom reports"] },
|
||||
]}
|
||||
title="Flexible Plans"
|
||||
description="Choose a membership that fits your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-mobile-phone_23-2148018655.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-drinking-tea_329181-9309.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
role: "Founder",
|
||||
company: "BuildPros",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-male-female-business-people-showing-thumbs-up-outdoors_1262-12595.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why thousands trust EstateLink."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-mobile-phone_23-2148018655.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-drinking-tea_329181-9309.jpg" },
|
||||
{ id: "5", name: "Alex Smith", role: "Founder", company: "BuildPros", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-male-female-business-people-showing-thumbs-up-outdoors_1262-12595.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why thousands trust EstateLink."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I list my property?",
|
||||
content: "Simply register as an owner and fill out the property listing form.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my data secure?",
|
||||
content: "We use industry-standard encryption for all user and property data.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I contact agents directly?",
|
||||
content: "Yes, our platform provides built-in secure messaging.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find quick answers to your real estate questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I list my property?", content: "Simply register as an owner and fill out the property listing form." },
|
||||
{ id: "q2", title: "Is my data secure?", content: "We use industry-standard encryption for all user and property data." },
|
||||
{ id: "q3", title: "Can I contact agents directly?", content: "Yes, our platform provides built-in secure messaging." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find quick answers to your real estate questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
text="Ready to get started? Reach out to our team today for dedicated support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@estatelink.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to get started? Reach out to our team today for dedicated support."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@estatelink.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Listings",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="EstateLink"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Listings", href: "#products" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ items: [{ label: "About Us", href: "#" }, { label: "Legal", href: "#" }] },
|
||||
{ items: [{ label: "Support", href: "#contact" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
logoText="EstateLink"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user