Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7e37123c5c | |||
| d8c1920a1e | |||
| 5c73316e99 | |||
| 48197a25f1 | |||
| 67b1d99182 |
305
src/app/page.tsx
305
src/app/page.tsx
@@ -10,7 +10,6 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "properties",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Properties", id: "properties" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
@@ -53,73 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Gateway to Extraordinary Living"
|
||||
description="Discover hand-picked premium properties that define luxury, comfort, and sophistication. Partner with experts who put your vision first."
|
||||
kpis={[
|
||||
{
|
||||
value: "1.2K+",
|
||||
label: "Properties Sold",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{ value: "1.2K+", label: "Properties Sold" },
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-living-room-with-large-windows-gray-sofa-tv_9975-33067.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-cozy-living-room-with-natural-light-plants_23-2151972890.jpg",
|
||||
alt: "Modern and cozy living room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-spacious-studio-with-clean-layout-inviting-homey-vibe_482257-120649.jpg",
|
||||
alt: "Modern spacious studio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-house-with-balconies-windows-black-white-with-plants-trees-front_181624-2067.jpg",
|
||||
alt: "Modern house with balconies",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/light-open-room-with-simple-style-large-white-walls_157027-4081.jpg",
|
||||
alt: "Light open room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-female-realtor_23-2148895439.jpg",
|
||||
alt: "Smiley couple with realtor",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 5,000 happy families."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Homes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Locations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Leading Expertise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -130,18 +61,9 @@ export default function LandingPage() {
|
||||
title="Unrivaled Real Estate Excellence"
|
||||
description="With over 15 years in the market, we provide tailored guidance for every step of your journey. Our commitment to excellence ensures your property investment is in trusted hands."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Market Insight",
|
||||
description: "Unmatched data-driven property analysis.",
|
||||
},
|
||||
{
|
||||
title: "Client First",
|
||||
description: "Personalized service for your unique needs.",
|
||||
},
|
||||
{
|
||||
title: "Exclusive Access",
|
||||
description: "Off-market opportunities for savvy buyers.",
|
||||
},
|
||||
{ title: "Market Insight", description: "Unmatched data-driven property analysis." },
|
||||
{ title: "Client First", description: "Personalized service for your unique needs." },
|
||||
{ title: "Exclusive Access", description: "Off-market opportunities for savvy buyers." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-real-estate-agent-showing-house_23-2150225224.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -155,60 +77,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxury Estates",
|
||||
name: "Modern Hillside Villa",
|
||||
price: "$1,250,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-interior-with-oven_169016-19754.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Prime Realty",
|
||||
name: "City Center Penthouse",
|
||||
price: "$2,400,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/folding-chairs-near-pool-lawn-yard_23-2148107888.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Coastline Homes",
|
||||
name: "Beachfront Sanctuary",
|
||||
price: "$3,100,000",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-home-architecture-with-pool_23-2149647178.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "GreenLiving",
|
||||
name: "Sustainable Eco-Home",
|
||||
price: "$950,000",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-going-up-stairs-walking-down-city_176420-4026.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Urban Living",
|
||||
name: "Stylish Loft Studio",
|
||||
price: "$650,000",
|
||||
rating: 4,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_74190-7301.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Heritage Group",
|
||||
name: "Historic Manor Estate",
|
||||
price: "$4,500,000",
|
||||
rating: 5,
|
||||
reviewCount: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185016.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Luxury Estates", name: "Modern Hillside Villa", price: "$1,250,000", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-interior-with-oven_169016-19754.jpg" },
|
||||
{ id: "p2", brand: "Prime Realty", name: "City Center Penthouse", price: "$2,400,000", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/folding-chairs-near-pool-lawn-yard_23-2148107888.jpg" },
|
||||
{ id: "p3", brand: "Coastline Homes", name: "Beachfront Sanctuary", price: "$3,100,000", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-home-architecture-with-pool_23-2149647178.jpg" },
|
||||
]}
|
||||
title="Featured Property Listings"
|
||||
description="Explore our latest curated collection of luxury homes and investments across the region."
|
||||
@@ -221,93 +92,22 @@ export default function LandingPage() {
|
||||
title="Our Impact in Numbers"
|
||||
tag="Reliability"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$500M+",
|
||||
description: "Volume of Real Estate Transacted",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
description: "Happy Families Settled",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "90+",
|
||||
description: "Award-Winning Projects",
|
||||
},
|
||||
{ id: "m1", value: "$500M+", description: "Volume of Real Estate Transacted" },
|
||||
{ id: "m2", value: "450+", description: "Happy Families Settled" },
|
||||
{ id: "m3", value: "90+", description: "Award-Winning Projects" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@alexrivet",
|
||||
testimonial: "Exceptional service from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/respected-businessman-manages-corporate-expenses-his-laptop_482257-123094.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Garcia",
|
||||
handle: "@mgarcia",
|
||||
testimonial: "I never thought buying a home could be this seamless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_1301-7586.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "Found exactly what we wanted in an impossible market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Their negotiation skills secured our dream property.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139097.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert B.",
|
||||
handle: "@robob",
|
||||
testimonial: "Professional, transparent, and incredibly fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Don't take our word for it—listen to the families who have trusted us with their largest asset."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start my home search?",
|
||||
content: "Simply reach out via our contact form.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What fees are involved in the sale?",
|
||||
content: "We offer transparent fee structures.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle international buyers?",
|
||||
content: "Absolutely, we have specialized teams.",
|
||||
},
|
||||
{ id: "f1", title: "How do I start my home search?", content: "Simply reach out via our contact form." },
|
||||
{ id: "f2", title: "What fees are involved in the sale?", content: "We offer transparent fee structures." },
|
||||
{ id: "f3", title: "Can you handle international buyers?", content: "Absolutely, we have specialized teams." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about the property buying or selling process? We've got answers."
|
||||
@@ -321,25 +121,10 @@ export default function LandingPage() {
|
||||
title="Ready to Find Your Home?"
|
||||
description="Drop us a message and our team will get in touch within 24 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us what you're looking for...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us what you're looking for...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sale-agent-preparing-presenting-house_23-2149383579.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -349,49 +134,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-style-building_1137-69.jpg"
|
||||
logoText="EstateView"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Guides", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user