Merge version_2 into main #1
257
src/app/page.tsx
257
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "properties",
|
||||
},
|
||||
name: "Properties", id: "properties"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EstateView"
|
||||
/>
|
||||
@@ -54,71 +46,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "1.2K+", label: "Properties Sold"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
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-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-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/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/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",
|
||||
},
|
||||
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: "Luxury Homes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Locations",
|
||||
},
|
||||
type: "text", text: "Prime Locations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Leading Expertise",
|
||||
},
|
||||
type: "text", text: "Market Leading Expertise"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
type: "text", text: "Global Reach"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
type: "text", text: "Sustainable Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,17 +96,11 @@ export default function LandingPage() {
|
||||
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: "Market Insight", description: "Unmatched data-driven property analysis."},
|
||||
{
|
||||
title: "Client First",
|
||||
description: "Personalized service for your unique needs.",
|
||||
},
|
||||
title: "Client First", description: "Personalized service for your unique needs."},
|
||||
{
|
||||
title: "Exclusive Access",
|
||||
description: "Off-market opportunities for savvy buyers.",
|
||||
},
|
||||
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"
|
||||
@@ -156,59 +115,23 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Featured Property Listings"
|
||||
description="Explore our latest curated collection of luxury homes and investments across the region."
|
||||
@@ -222,20 +145,11 @@ export default function LandingPage() {
|
||||
tag="Reliability"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$500M+",
|
||||
description: "Volume of Real Estate Transacted",
|
||||
},
|
||||
id: "m1", value: "$500M+", description: "Volume of Real Estate Transacted"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
description: "Happy Families Settled",
|
||||
},
|
||||
id: "m2", value: "450+", description: "Happy Families Settled"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "90+",
|
||||
description: "Award-Winning Projects",
|
||||
},
|
||||
id: "m3", value: "90+", description: "Award-Winning Projects"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -248,40 +162,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -294,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start my home search?",
|
||||
content: "Simply reach out via our contact form.",
|
||||
},
|
||||
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: "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: "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."
|
||||
@@ -322,22 +202,14 @@ export default function LandingPage() {
|
||||
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: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us what you're looking for...",
|
||||
rows: 4,
|
||||
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"
|
||||
@@ -350,42 +222,27 @@ export default function LandingPage() {
|
||||
logoText="EstateView"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guides", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -394,4 +251,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--card: #e8e4dc;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #fcfaf7;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #c6b180;
|
||||
--background-accent: #e0d3b6;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user