Update src/app/page.tsx
This commit is contained in:
293
src/app/page.tsx
293
src/app/page.tsx
@@ -13,216 +13,111 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
contentWidth="w-content-width"
|
||||
sizing="default"
|
||||
background="background-1"
|
||||
cardStyle="card-1"
|
||||
buttonStyle="primary-button-1"
|
||||
navbar="navbar-1"
|
||||
footer="footer-1"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "properties",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EstatePro"
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Properties", id: "properties" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EstatePro"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Find Your Next Home"
|
||||
description="We specialize in curating the finest residential properties for discerning buyers, combining decades of local expertise with personalized service to find your dream space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Properties",
|
||||
href: "#properties",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g4e93a7ef883022e4fa6b8adaaa7ab8ee299f9862b5e8693de17f609838b0f2c0e8a3e874118c028a3788e6d65a4428be8d8112c34545df39602232781179d4e1_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Find Your Next Home"
|
||||
description="We specialize in curating the finest residential properties for discerning buyers, combining decades of local expertise with personalized service to find your dream space."
|
||||
buttons={[
|
||||
{ text: "Browse Properties", href: "#properties" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="https://pixabay.com/get/g4e93a7ef883022e4fa6b8adaaa7ab8ee299f9862b5e8693de17f609838b0f2c0e8a3e874118c028a3788e6d65a4428be8d8112c34545df39602232781179d4e1_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Your Trusted Partner in Real Estate"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Your Trusted Partner in Real Estate"
|
||||
tag="About Us"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="properties" data-section="properties">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Villa",
|
||||
price: "$1,250,000",
|
||||
imageSrc: "https://pixabay.com/get/gd6c01688f161815880ff8c9c95058010c178957ababaf908e69a198aa5806c31f8ec8818b576d98223630aeb595e124146a5dda38144e82d2a85608db25be8cf_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Spacious Garden Home",
|
||||
price: "$890,000",
|
||||
imageSrc: "https://pixabay.com/get/gaab2381c39d605a9b04a9c437dcd106e67bf11d9b200cbf618ef49f18089b18c485e95f0a4fe278dde824b933566045621ae2f48f4c9765700a4f5a90093ad25_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury Apartment",
|
||||
price: "$675,000",
|
||||
imageSrc: "https://pixabay.com/get/g1e78fe78fc5804c879739c7d95c9417e70ac8c481e5e380aca702abc9ac0e5e249984774cdfff52d6332fd68c22446b15021887841545a167b06456599bea77f_1280.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Listings"
|
||||
description="Discover our latest premium collection of homes, carefully selected for their unique design and prime location."
|
||||
/>
|
||||
</div>
|
||||
<div id="properties" data-section="properties">
|
||||
<ProductCardThree
|
||||
title="Featured Listings"
|
||||
description="Discover our latest premium collection of homes, carefully selected for their unique design and prime location."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Modern Villa", price: "$1,250,000", imageSrc: "https://pixabay.com/get/gd6c01688f161815880ff8c9c95058010c178957ababaf908e69a198aa5806c31f8ec8818b576d98223630aeb595e124146a5dda38144e82d2a85608db25be8cf_1280.jpg" },
|
||||
{ id: "2", name: "Spacious Garden Home", price: "$890,000", imageSrc: "https://pixabay.com/get/gaab2381c39d605a9b04a9c437dcd106e67bf11d9b200cbf618ef49f18089b18c485e95f0a4fe278dde824b933566045621ae2f48f4c9765700a4f5a90093ad25_1280.jpg" },
|
||||
{ id: "3", name: "Luxury Apartment", price: "$675,000", imageSrc: "https://pixabay.com/get/g1e78fe78fc5804c879739c7d95c9417e70ac8c481e5e380aca702abc9ac0e5e249984774cdfff52d6332fd68c22446b15021887841545a167b06456599bea77f_1280.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "An incredible experience. They understood exactly what I needed.",
|
||||
imageSrc: "https://pixabay.com/get/g06829ae4f2734c25c9d45894f9af07cd48e0c1a9b2898339d1255a6c1ccebb65e80dc1f109fe7c67a41eb1e802b2e7128788cf39812e5cced71ccdab7acab884_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Professional, efficient, and very knowledgeable. Highly recommended!",
|
||||
imageSrc: "https://pixabay.com/get/ge774e8cac821128470a2f0e9356990660d9fb8b1ec9ef2f3bec676bf53f9e951219b7ab57359170e6d6964df26c889b2a73a475ff6e0a4d8214e2ef81ded1308_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Found my dream apartment in record time. Seamless transaction.",
|
||||
imageSrc: "https://pixabay.com/get/g7740db799b1a5153959d77131e7c76f37a5b37d208917fd5708fa18ee314611b67c97eafb19dbb2c12eebdfc5be87cd188f3c2a002865cf0382ff781a596c912_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "The best team in the market. They made the whole process easy.",
|
||||
imageSrc: "https://pixabay.com/get/gbd1f319aecea121be9d5f76fdf354cdb23a4804e749ae4a73a442ccf607fbc194dadb9fd4b5e58e1ba013d2f118c2a218881c769de75afc1e250a9e3857f66ca_1280.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear from our clients who found their perfect homes with us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Client Success Stories"
|
||||
description="Hear from our clients who found their perfect homes with us."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "An incredible experience. They understood exactly what I needed.", imageSrc: "https://pixabay.com/get/g06829ae4f2734c25c9d45894f9af07cd48e0c1a9b2898339d1255a6c1ccebb65e80dc1f109fe7c67a41eb1e802b2e7128788cf39812e5cced71ccdab7acab884_1280.jpg" },
|
||||
{ id: "2", name: "Michael B.", handle: "@mikeb", testimonial: "Professional, efficient, and very knowledgeable. Highly recommended!", imageSrc: "https://pixabay.com/get/ge774e8cac821128470a2f0e9356990660d9fb8b1ec9ef2f3bec676bf53f9e951219b7ab57359170e6d6964df26c889b2a73a475ff6e0a4d8214e2ef81ded1308_1280.jpg" },
|
||||
{ id: "3", name: "Elena R.", handle: "@elenar", testimonial: "Found my dream apartment in record time. Seamless transaction.", imageSrc: "https://pixabay.com/get/g7740db799b1a5153959d77131e7c76f37a5b37d208917fd5708fa18ee314611b67c97eafb19dbb2c12eebdfc5be87cd188f3c2a002865cf0382ff781a596c912_1280.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "The best team in the market. They made the whole process easy.", imageSrc: "https://pixabay.com/get/gbd1f319aecea121be9d5f76fdf354cdb23a4804e749ae4a73a442ccf607fbc194dadb9fd4b5e58e1ba013d2f118c2a218881c769de75afc1e250a9e3857f66ca_1280.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Get Started"
|
||||
description="Contact us today for a personalized consultation or to schedule a viewing of any of our featured listings."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://pixabay.com/get/gcca8b8038a24cf8b7499f51dcc16cd70bbcf56e21ea165bdf2f97cf539fac66bc75e6e139a79cb3f21f8c7e9cd69ae734419d9cde62ab3f49ebb35c260b818c7_1280.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Let's Get Started"
|
||||
description="Contact us today for a personalized consultation or to schedule a viewing of any of our featured listings."
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||||
imageSrc="https://pixabay.com/get/gcca8b8038a24cf8b7499f51dcc16cd70bbcf56e21ea165bdf2f97cf539fac66bc75e6e139a79cb3f21f8c7e9cd69ae734419d9cde62ab3f49ebb35c260b818c7_1280.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="EstatePro"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | EstatePro"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="EstatePro"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | EstatePro"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user