Merge version_1 into main #1
222
src/app/page.tsx
222
src/app/page.tsx
@@ -18,74 +18,42 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "properties",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Properties", id: "properties" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Luxe Realty"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Discover Your Dream Home"
|
||||
description="Premium properties in the most desirable locations. Your journey home starts here with Luxe Realty."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sunset-poolside-relaxation-with-stunning-landscape-view-generated-by-ai_188544-30833.jpg",
|
||||
imageAlt: "Luxury villa exterior",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-people-working-office_23-2147668791.jpg",
|
||||
imageAlt: "Modern kitchen",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302602.jpg",
|
||||
imageAlt: "Sunset house view",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-woman-casual-outfit-having-fun-listening-music-headphones_285396-3539.jpg",
|
||||
imageAlt: "Penthouse balcony",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-house-with-wooden-pieces_23-2148931503.jpg",
|
||||
imageAlt: "Suburban family home",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg",
|
||||
imageAlt: "Master bathroom",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-sunset-poolside-relaxation-with-stunning-landscape-view-generated-by-ai_188544-30833.jpg", imageAlt: "luxury villa exterior modern" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/confident-people-working-office_23-2147668791.jpg", imageAlt: "luxury kitchen marble interior" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302602.jpg", imageAlt: "beautiful house sunset exterior" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-woman-casual-outfit-having-fun-listening-music-headphones_285396-3539.jpg", imageAlt: "luxury apartment balcony view" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-house-with-wooden-pieces_23-2148931503.jpg", imageAlt: "cozy suburban family home" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg", imageAlt: "high-end marble master bathroom" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Expertise in Every Detail"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
label: "Properties Sold",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Families",
|
||||
value: "1,200+",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Home, label: "Properties Sold", value: "500+" },
|
||||
{ icon: Users, label: "Happy Families", value: "1,200+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -121,21 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Verified Listings",
|
||||
description: "Every property is thoroughly inspected for your peace of mind.",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Prime Locations",
|
||||
description: "Access to exclusive neighborhoods not found on public platforms.",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Smart Investment",
|
||||
description: "Expert advice to ensure your home purchase is a sound investment.",
|
||||
},
|
||||
{ icon: ShieldCheck, title: "Verified Listings", description: "Every property is thoroughly inspected for your peace of mind." },
|
||||
{ icon: MapPin, title: "Prime Locations", description: "Access to exclusive neighborhoods not found on public platforms." },
|
||||
{ icon: TrendingUp, title: "Smart Investment", description: "Expert advice to ensure your home purchase is a sound investment." },
|
||||
]}
|
||||
title="Why Choose Luxe Realty?"
|
||||
description="We combine local expertise with global marketing power to deliver exceptional results."
|
||||
@@ -149,42 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Villa",
|
||||
price: "$1,250,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-reflection-modern-white-building-pool_23-2151993725.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "City Penthouse",
|
||||
price: "$950,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059682.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Coastal Estate",
|
||||
price: "$2,100,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cliffside-modern-home-with-infinity-pool_23-2152008225.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Luxury Apartment",
|
||||
price: "$750,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Suburban Home",
|
||||
price: "$650,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/main-entrance-modern-residential-building_637285-1913.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mountain Manor",
|
||||
price: "$3,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920943.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Modern Villa", price: "$1,250,000", imageSrc: "http://img.b2bpic.net/free-photo/architectural-reflection-modern-white-building-pool_23-2151993725.jpg" },
|
||||
{ id: "p2", name: "City Penthouse", price: "$950,000", imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059682.jpg" },
|
||||
{ id: "p3", name: "Coastal Estate", price: "$2,100,000", imageSrc: "http://img.b2bpic.net/free-photo/cliffside-modern-home-with-infinity-pool_23-2152008225.jpg" },
|
||||
{ id: "p4", name: "Luxury Apartment", price: "$750,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg" },
|
||||
{ id: "p5", name: "Suburban Home", price: "$650,000", imageSrc: "http://img.b2bpic.net/free-photo/main-entrance-modern-residential-building_637285-1913.jpg" },
|
||||
{ id: "p6", name: "Mountain Manor", price: "$3,500,000", imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920943.jpg" },
|
||||
]}
|
||||
title="Featured Properties"
|
||||
description="Hand-picked luxury properties for the discerning client."
|
||||
@@ -195,31 +109,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-colleagues_1098-15062.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-couple-sitting-moving-cardboard-boxes-their-new-house_23-2148095443.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-successful-business-team-working-report-looking-camera_1262-12268.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-pizza_23-2150307062.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-colleagues_1098-15062.jpg" },
|
||||
{ id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg" },
|
||||
{ id: "t3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-couple-sitting-moving-cardboard-boxes-their-new-house_23-2148095443.jpg" },
|
||||
{ id: "t4", name: "James W.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-successful-business-team-working-report-looking-camera_1262-12268.jpg" },
|
||||
{ id: "t5", name: "Linda M.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-pizza_23-2150307062.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -231,8 +125,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch Today"
|
||||
description="Have questions about our current listings? Let our expert team guide you through the process."
|
||||
@@ -243,42 +136,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Buying Guide",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Selling Tips",
|
||||
href: "#",
|
||||
},
|
||||
title: "Resources", items: [
|
||||
{ label: "Buying Guide", href: "#" },
|
||||
{ label: "Selling Tips", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user