Merge version_1 into main #2
@@ -13,158 +13,58 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-body" data-section="about-body">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alice Smith",
|
||||
role: "Senior Agent",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-real-estate-a-1774768097152-dfec8c2e.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Bob Jones",
|
||||
role: "Investor Consultant",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-female-proper-1774768098275-941a6dcb.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Charlie Day",
|
||||
role: "Property Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-male-real-est-1774768097367-b69b45f5.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Diana Ross",
|
||||
role: "Listing Expert",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-real-estate-a-1774768097152-dfec8c2e.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Team"
|
||||
description="Trusted experts dedicated to your success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Team"
|
||||
description="Trusted experts dedicated to your success."
|
||||
team={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alice Smith",
|
||||
role: "Senior Agent",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-real-estate-a-1774768097152-dfec8c2e.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Bob Jones",
|
||||
role: "Investor Consultant",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-female-proper-1774768098275-941a6dcb.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Charlie Day",
|
||||
role: "Property Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-male-real-est-1774768097367-b69b45f5.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Growth"
|
||||
description="Tracking our impact on the real estate market."
|
||||
metrics={[
|
||||
{
|
||||
id: "mt1",
|
||||
title: "Growth",
|
||||
subtitle: "Annual",
|
||||
category: "General",
|
||||
value: "25%",
|
||||
},
|
||||
{
|
||||
id: "mt2",
|
||||
title: "Market Share",
|
||||
subtitle: "Region",
|
||||
category: "General",
|
||||
value: "12%",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Browse",
|
||||
items: [
|
||||
{
|
||||
label: "All Properties",
|
||||
href: "/properties",
|
||||
},
|
||||
{
|
||||
label: "Search",
|
||||
href: "/properties",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 EstateView. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Properties", id: "/properties" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-body" data-section="about-body">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[{ id: "m1", name: "Alice Smith", role: "Senior Agent", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-real-estate-a-1774768097152-dfec8c2e.png" }, { id: "m2", name: "Bob Jones", role: "Investor Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-female-proper-1774768098275-941a6dcb.png" }, { id: "m3", name: "Charlie Day", role: "Property Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-male-real-est-1774768097367-b69b45f5.png" }, { id: "m4", name: "Diana Ross", role: "Listing Expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-real-estate-a-1774768097152-dfec8c2e.png" }]}
|
||||
title="Meet Our Team"
|
||||
description="Trusted experts dedicated to your success."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Team"
|
||||
description="Trusted experts dedicated to your success."
|
||||
team={[{ id: "m1", name: "Alice Smith", role: "Senior Agent", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-real-estate-a-1774768097152-dfec8c2e.png" }, { id: "m2", name: "Bob Jones", role: "Investor Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-female-proper-1774768098275-941a6dcb.png" }, { id: "m3", name: "Charlie Day", role: "Property Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/professional-headshot-of-a-male-real-est-1774768097367-b69b45f5.png" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Growth"
|
||||
description="Tracking our impact on the real estate market."
|
||||
metrics={[{ id: "mt1", title: "Growth", subtitle: "Annual", category: "General", value: "25%" }, { id: "mt2", title: "Market Share", subtitle: "Region", category: "General", value: "12%" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterBaseReveal
|
||||
columns={[{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Browse", items: [{ label: "All Properties", href: "/properties" }, { label: "Search", href: "/properties" }] }]}
|
||||
copyrightText="© 2024 EstateView. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -14,144 +14,58 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Schedule a Consultation"
|
||||
description="We are here to answer all your real estate questions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/a-person-looking-at-a-city-map-on-a-comp-1774768110610-9b89482c.png?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Schedule a Consultation"
|
||||
description="We are here to answer all your real estate questions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/a-person-looking-at-a-city-map-on-a-comp-1774768110610-9b89482c.png?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="Your partners in property success."
|
||||
features={[
|
||||
{
|
||||
title: "Reliable",
|
||||
description: "Proven track record in local markets.",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Fast",
|
||||
description: "Quick processing for your transactions.",
|
||||
icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Browse",
|
||||
items: [
|
||||
{
|
||||
label: "All Properties",
|
||||
href: "/properties",
|
||||
},
|
||||
{
|
||||
label: "Search",
|
||||
href: "/properties",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 EstateView. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Properties", id: "/properties" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Schedule a Consultation"
|
||||
description="We are here to answer all your real estate questions."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/a-person-looking-at-a-city-map-on-a-comp-1774768110610-9b89482c.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Schedule a Consultation"
|
||||
description="We are here to answer all your real estate questions."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/a-person-looking-at-a-city-map-on-a-comp-1774768110610-9b89482c.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="Your partners in property success."
|
||||
features={[{ title: "Reliable", description: "Proven track record in local markets.", icon: Shield }, { title: "Fast", description: "Quick processing for your transactions.", icon: Zap }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterBaseReveal
|
||||
columns={[{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Browse", items: [{ label: "All Properties", href: "/properties" }, { label: "Search", href: "/properties" }] }]}
|
||||
copyrightText="© 2024 EstateView. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
285
src/app/page.tsx
285
src/app/page.tsx
@@ -14,241 +14,60 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-home" data-section="hero-home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Find Your Perfect Property Today"
|
||||
description="Browse verified listings with expert guidance. Connect with trusted agents who know your market inside and out."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png?_wi=1",
|
||||
imageAlt: "Loft",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png?_wi=1",
|
||||
imageAlt: "House",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png?_wi=1",
|
||||
imageAlt: "Townhouse",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png?_wi=2",
|
||||
imageAlt: "Loft",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png?_wi=2",
|
||||
imageAlt: "House",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png?_wi=2",
|
||||
imageAlt: "Townhouse",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png?_wi=3",
|
||||
imageAlt: "House",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png?_wi=3",
|
||||
imageAlt: "Loft",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png?_wi=3",
|
||||
imageAlt: "Townhouse",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png?_wi=4",
|
||||
imageAlt: "Loft",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Searching",
|
||||
href: "/properties",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-props" data-section="featured-props">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxury Urban",
|
||||
name: "Downtown Loft",
|
||||
price: "$850,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Suburban Homes",
|
||||
name: "Family Villa",
|
||||
price: "$1,250,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Modern Living",
|
||||
name: "Eco Townhouse",
|
||||
price: "$650,000",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Coastal View",
|
||||
name: "Oceanfront Villa",
|
||||
price: "$2,100,000",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Featured Listings"
|
||||
description="Explore our top picks in the current market."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials-home" data-section="testimonials-home">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Buyer",
|
||||
company: "Happy Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/happy-client-signing-paperwork-in-a-mode-1774768098748-39273e49.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
role: "Seller",
|
||||
company: "Investor Pro",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/delighted-young-couple-holding-house-key-1774768098649-41e5e2d7.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Buyer",
|
||||
company: "First Time Home",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/satisfied-real-estate-investor-shaking-h-1774768096948-158bbddf.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Investor",
|
||||
company: "Estate Partners",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/smiling-woman-holding-a-sold-sign-in-fro-1774768097209-a35ee397.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica M.",
|
||||
role: "Seller",
|
||||
company: "Urban Living",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/happy-client-signing-paperwork-in-a-mode-1774768098748-39273e49.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Properties Sold",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Success stories from buyers, sellers, and investors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Browse",
|
||||
items: [
|
||||
{
|
||||
label: "All Properties",
|
||||
href: "/properties",
|
||||
},
|
||||
{
|
||||
label: "Search",
|
||||
href: "/properties",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 EstateView. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Properties", id: "/properties" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero-home" data-section="hero-home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Find Your Perfect Property Today"
|
||||
description="Browse verified listings with expert guidance. Connect with trusted agents who know your market inside and out."
|
||||
leftCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png" }]}
|
||||
rightCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png" }]}
|
||||
buttons={[{ text: "Start Searching", href: "/properties" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="featured-props" data-section="featured-props">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[{ id: "p1", brand: "Luxury Urban", name: "Downtown Loft", price: "$850,000", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png" }, { id: "p2", brand: "Suburban Homes", name: "Family Villa", price: "$1,250,000", rating: 5, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png" }, { id: "p3", brand: "Modern Living", name: "Eco Townhouse", price: "$650,000", rating: 4, reviewCount: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png" }, { id: "p4", brand: "Coastal View", name: "Oceanfront Villa", price: "$2,100,000", rating: 5, reviewCount: "21", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png" }]}
|
||||
title="Featured Listings"
|
||||
description="Explore our top picks in the current market."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials-home" data-section="testimonials-home">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[{ id: "t1", name: "Sarah J.", role: "Buyer", company: "Happy Homeowner", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/happy-client-signing-paperwork-in-a-mode-1774768098748-39273e49.png" }, { id: "t2", name: "Michael C.", role: "Seller", company: "Investor Pro", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/delighted-young-couple-holding-house-key-1774768098649-41e5e2d7.png" }, { id: "t3", name: "Emily R.", role: "Buyer", company: "First Time Home", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/satisfied-real-estate-investor-shaking-h-1774768096948-158bbddf.png" }, { id: "t4", name: "David K.", role: "Investor", company: "Estate Partners", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/smiling-woman-holding-a-sold-sign-in-fro-1774768097209-a35ee397.png" }, { id: "t5", name: "Jessica M.", role: "Seller", company: "Urban Living", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/happy-client-signing-paperwork-in-a-mode-1774768098748-39273e49.png" }]}
|
||||
kpiItems={[{ value: "500+", label: "Properties Sold" }, { value: "15+", label: "Years Experience" }, { value: "98%", label: "Client Satisfaction" }]}
|
||||
title="What Our Clients Say"
|
||||
description="Success stories from buyers, sellers, and investors."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterBaseReveal
|
||||
columns={[{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Browse", items: [{ label: "All Properties", href: "/properties" }, { label: "Search", href: "/properties" }] }]}
|
||||
copyrightText="© 2024 EstateView. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -13,144 +13,56 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="prop-body" data-section="prop-body">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-items-per-row"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Alerts",
|
||||
description: "Get notified as soon as a property hits the market.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png?_wi=6",
|
||||
},
|
||||
{
|
||||
title: "Mortgage Calculator",
|
||||
description: "Plan your finances with integrated tools.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png?_wi=6",
|
||||
},
|
||||
{
|
||||
title: "Expert Insights",
|
||||
description: "Detailed neighborhood data for every listing.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Advanced Property Search"
|
||||
description="Filter by price, bedrooms, or neighborhood to find exactly what you need."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Advanced Property Search"
|
||||
description="Filter by price, bedrooms, or neighborhood to find exactly what you need."
|
||||
features={[
|
||||
{
|
||||
title: "Instant Alerts",
|
||||
description: "Get notified as soon as a property hits the market.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png?_wi=7",
|
||||
},
|
||||
{
|
||||
title: "Mortgage Calculator",
|
||||
description: "Plan your finances with integrated tools.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png?_wi=7",
|
||||
},
|
||||
{
|
||||
title: "Expert Insights",
|
||||
description: "Detailed neighborhood data for every listing.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png?_wi=6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "pc1",
|
||||
name: "Modern Loft",
|
||||
price: "$850,000",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png?_wi=8",
|
||||
},
|
||||
{
|
||||
id: "pc2",
|
||||
name: "Suburban Villa",
|
||||
price: "$1,250,000",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png?_wi=8",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Browse",
|
||||
items: [
|
||||
{
|
||||
label: "All Properties",
|
||||
href: "/properties",
|
||||
},
|
||||
{
|
||||
label: "Search",
|
||||
href: "/properties",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 EstateView. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Properties", id: "/properties" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
</div>
|
||||
<div id="prop-body" data-section="prop-body">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-items-per-row"
|
||||
useInvertedBackground={false}
|
||||
features={[{ title: "Instant Alerts", description: "Get notified as soon as a property hits the market.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png" }, { title: "Mortgage Calculator", description: "Plan your finances with integrated tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png" }, { title: "Expert Insights", description: "Detailed neighborhood data for every listing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png" }]}
|
||||
title="Advanced Property Search"
|
||||
description="Filter by price, bedrooms, or neighborhood to find exactly what you need."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Advanced Property Search"
|
||||
description="Filter by price, bedrooms, or neighborhood to find exactly what you need."
|
||||
features={[{ title: "Instant Alerts", description: "Get notified as soon as a property hits the market.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png" }, { title: "Mortgage Calculator", description: "Plan your finances with integrated tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png" }, { title: "Expert Insights", description: "Detailed neighborhood data for every listing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-townhouse-exterior-brick-and-glas-1774768097080-43f299d5.png" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[{ id: "pc1", name: "Modern Loft", price: "$850,000", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/modern-urban-loft-apartment-interior-bri-1774768098981-b1c9535a.png" }, { id: "pc2", name: "Suburban Villa", price: "$1,250,000", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpvisKEmQTsdI4VzXqVZpAuDz/spacious-family-home-backyard-with-a-poo-1774768097567-d27126ce.png" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterBaseReveal
|
||||
columns={[{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Browse", items: [{ label: "All Properties", href: "/properties" }, { label: "Search", href: "/properties" }] }]}
|
||||
copyrightText="© 2024 EstateView. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user