Merge version_3 into main #2
160
src/app/page.tsx
160
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,14 +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"
|
||||
/>
|
||||
@@ -45,46 +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>
|
||||
|
||||
@@ -95,12 +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"
|
||||
@@ -114,24 +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."
|
||||
@@ -144,50 +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."
|
||||
@@ -201,17 +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>
|
||||
@@ -221,30 +134,9 @@ 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>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #e8e4dc;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #fcfaf7;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #c6b180;
|
||||
--background-accent: #e0d3b6;
|
||||
--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