Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 333002f18a | |||
| c746443cea | |||
| 056b047ec0 | |||
| 23a6cc28d9 | |||
| 3633886370 |
273
src/app/page.tsx
273
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "#properties",
|
||||
},
|
||||
name: "Properties", id: "#properties"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "#insights",
|
||||
},
|
||||
name: "Insights", id: "#insights"},
|
||||
{
|
||||
name: "Agents",
|
||||
id: "#agents",
|
||||
},
|
||||
name: "Agents", id: "#agents"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Luxury Estates"
|
||||
/>
|
||||
@@ -68,15 +54,12 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="LUXURY ESTATES"
|
||||
description="Find Your Dream Property Today"
|
||||
description="Unlock Your Dream Property & Smart Investments. Connect with Our Experts for Exclusive Listings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Free Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Free Consultation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-picture-spiral-staircase-building-sunlight-huatulco-mexico_181624-26945.jpg"
|
||||
imageAlt="Luxurious modern mansion exterior at sunset"
|
||||
@@ -102,47 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elegant City Penthouse",
|
||||
price: "$5,200,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg",
|
||||
imageAlt: "Elegant City Penthouse",
|
||||
},
|
||||
id: "p1", name: "Elegant City Penthouse", price: "$5,200,000", imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg", imageAlt: "Elegant City Penthouse"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Riverside Commercial Hub",
|
||||
price: "$12,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-tall-skyscraper-city_23-2151991979.jpg",
|
||||
imageAlt: "Riverside Commercial Hub",
|
||||
},
|
||||
id: "p2", name: "Riverside Commercial Hub", price: "$12,500,000", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-tall-skyscraper-city_23-2151991979.jpg", imageAlt: "Riverside Commercial Hub"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Suburban Family Estate",
|
||||
price: "$3,800,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-cute-woman-enjoying-free-time-home_7502-7293.jpg",
|
||||
imageAlt: "Suburban Family Estate",
|
||||
},
|
||||
id: "p3", name: "Suburban Family Estate", price: "$3,800,000", imageSrc: "http://img.b2bpic.net/free-photo/smiling-cute-woman-enjoying-free-time-home_7502-7293.jpg", imageAlt: "Suburban Family Estate"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Coastal View Villa",
|
||||
price: "$7,900,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-office-having-break_23-2147668797.jpg",
|
||||
imageAlt: "Coastal View Villa",
|
||||
},
|
||||
id: "p4", name: "Coastal View Villa", price: "$7,900,000", imageSrc: "http://img.b2bpic.net/free-photo/people-office-having-break_23-2147668797.jpg", imageAlt: "Coastal View Villa"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Downtown Investment Suite",
|
||||
price: "$1,850,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797682.jpg",
|
||||
imageAlt: "Downtown Investment Suite",
|
||||
},
|
||||
id: "p5", name: "Downtown Investment Suite", price: "$1,850,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797682.jpg?_wi=1", imageAlt: "Downtown Investment Suite"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Historic District Townhome",
|
||||
price: "$2,950,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694103.jpg",
|
||||
imageAlt: "Historic District Townhome",
|
||||
},
|
||||
id: "p6", name: "Historic District Townhome", price: "$2,950,000", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694103.jpg?_wi=1", imageAlt: "Historic District Townhome"},
|
||||
]}
|
||||
title="Featured Luxury Properties"
|
||||
description="Explore our curated collection of exclusive residential and commercial listings. Each property is handpicked for its unparalleled quality, location, and investment potential."
|
||||
@@ -156,19 +109,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Residential Properties: Curated homes that match your lifestyle.",
|
||||
"Commercial Properties: Strategic locations for business growth.",
|
||||
"Rental Properties: Exclusive high-end leasing options.",
|
||||
"Investment Properties: Opportunities for significant capital appreciation.",
|
||||
],
|
||||
"Residential Properties: Curated homes that match your lifestyle.", "Commercial Properties: Strategic locations for business growth.", "Rental Properties: Exclusive high-end leasing options.", "Investment Properties: Opportunities for significant capital appreciation."],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Expert guidance in every transaction.",
|
||||
"Personalized property matching services.",
|
||||
"Seamless process from viewing to closing.",
|
||||
"Access to off-market exclusive listings.",
|
||||
],
|
||||
"Expert guidance in every transaction.", "Personalized property matching services.", "Seamless process from viewing to closing.", "Access to off-market exclusive listings."],
|
||||
}}
|
||||
title="Diverse Property Portfolio & Expertise"
|
||||
description="Whether you seek an opulent residential sanctuary, a strategic commercial venture, a prime rental opportunity, or a high-yield investment, our extensive portfolio caters to every facet of the luxury real estate market. We provide tailored solutions and deep market insights."
|
||||
@@ -184,38 +129,11 @@ export default function LandingPage() {
|
||||
description="Stay ahead of the curve with our expert analysis on luxury market trends, investment opportunities, and property valuations. Our reports provide the clarity you need for informed decisions."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Market Analysis",
|
||||
title: "The Rise of Sustainable Luxury Homes",
|
||||
excerpt: "Exploring how eco-conscious design and green technologies are shaping the future of high-end residential real estate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-house-is-rising-has-blue-arrow_35913-3153.jpg",
|
||||
imageAlt: "Sustainable luxury home with solar panels",
|
||||
authorName: "Analytics Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
|
||||
date: "July 25, 2024",
|
||||
},
|
||||
id: "b1", category: "Market Analysis", title: "The Rise of Sustainable Luxury Homes", excerpt: "Exploring how eco-conscious design and green technologies are shaping the future of high-end residential real estate.", imageSrc: "http://img.b2bpic.net/free-photo/graph-house-is-rising-has-blue-arrow_35913-3153.jpg", imageAlt: "Sustainable luxury home with solar panels", authorName: "Analytics Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg", date: "July 25, 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Investment Strategy",
|
||||
title: "Key Indicators for Profitable Commercial Investments",
|
||||
excerpt: "A deep dive into the metrics and forecasts essential for identifying high-return commercial property ventures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-relaxing-couch-with-magazine_23-2148415909.jpg",
|
||||
imageAlt: "Graph showing investment growth",
|
||||
authorName: "Investment Experts",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/businesswoman-using-sign-language-outdoors-work_23-2148740311.jpg",
|
||||
date: "July 18, 2024",
|
||||
},
|
||||
id: "b2", category: "Investment Strategy", title: "Key Indicators for Profitable Commercial Investments", excerpt: "A deep dive into the metrics and forecasts essential for identifying high-return commercial property ventures.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-relaxing-couch-with-magazine_23-2148415909.jpg", imageAlt: "Graph showing investment growth", authorName: "Investment Experts", authorAvatar: "http://img.b2bpic.net/free-photo/businesswoman-using-sign-language-outdoors-work_23-2148740311.jpg", date: "July 18, 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Luxury Living",
|
||||
title: "Designing Your Dream Home: Trends and Timeless Elegance",
|
||||
excerpt: "From smart home integration to bespoke interiors, discover how to craft a residence that perfectly reflects your lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150901059.jpg",
|
||||
imageAlt: "Interior of a modern luxury living room",
|
||||
authorName: "Design Reviewers",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/serious-male-enterpreneur-with-oval-face-has-mustache-small-beard_273609-8636.jpg",
|
||||
date: "July 10, 2024",
|
||||
},
|
||||
id: "b3", category: "Luxury Living", title: "Designing Your Dream Home: Trends and Timeless Elegance", excerpt: "From smart home integration to bespoke interiors, discover how to craft a residence that perfectly reflects your lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150901059.jpg", imageAlt: "Interior of a modern luxury living room", authorName: "Design Reviewers", authorAvatar: "http://img.b2bpic.net/free-photo/serious-male-enterpreneur-with-oval-face-has-mustache-small-beard_273609-8636.jpg", date: "July 10, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,25 +146,15 @@ export default function LandingPage() {
|
||||
author="Dr. Evelyn Reed, Investor"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-black-coat-using-phone_1303-29679.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-black-coat-using-phone_1303-29679.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-office-coworking_171337-17642.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-office-coworking_171337-17642.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-reading_23-2148396352.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-reading_23-2148396352.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Jessica Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Jessica Lee"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="opacity"
|
||||
@@ -260,33 +168,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alexander Hayes",
|
||||
role: "Senior Sales Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
|
||||
imageAlt: "Alexander Hayes",
|
||||
},
|
||||
id: "t1", name: "Alexander Hayes", role: "Senior Sales Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg", imageAlt: "Alexander Hayes"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Isabella Chen",
|
||||
role: "Investment Property Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg",
|
||||
imageAlt: "Isabella Chen",
|
||||
},
|
||||
id: "t2", name: "Isabella Chen", role: "Investment Property Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", imageAlt: "Isabella Chen"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Thorne",
|
||||
role: "Commercial Real Estate Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hands-pockets-standing-bedroom_23-2148112193.jpg",
|
||||
imageAlt: "Marcus Thorne",
|
||||
},
|
||||
id: "t3", name: "Marcus Thorne", role: "Commercial Real Estate Expert", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hands-pockets-standing-bedroom_23-2148112193.jpg", imageAlt: "Marcus Thorne"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophia Rodriguez",
|
||||
role: "Residential Luxury Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-real-estate-agent_23-2151064878.jpg",
|
||||
imageAlt: "Sophia Rodriguez",
|
||||
},
|
||||
id: "t4", name: "Sophia Rodriguez", role: "Residential Luxury Consultant", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-real-estate-agent_23-2151064878.jpg", imageAlt: "Sophia Rodriguez"},
|
||||
]}
|
||||
title="Meet Our Expert Agents"
|
||||
description="Our dedicated team of real estate professionals combines unparalleled expertise with a passion for client success. Each agent is committed to providing you with exceptional service, tailored advice, and access to exclusive opportunities in the luxury market."
|
||||
@@ -299,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does the mortgage calculator work?",
|
||||
content: "Our intuitive mortgage calculator allows you to estimate your monthly payments based on loan amount, interest rate, and term. It's designed to give you a clear financial overview for your potential property purchase.",
|
||||
},
|
||||
id: "q1", title: "How does the mortgage calculator work?", content: "Our intuitive mortgage calculator allows you to estimate your monthly payments based on loan amount, interest rate, and term. It's designed to give you a clear financial overview for your potential property purchase."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What types of financing options are available for luxury properties?",
|
||||
content: "We connect you with a network of premium lenders offering bespoke financing solutions, including conventional loans, jumbo mortgages, and portfolio loans tailored for high-value real estate investments.",
|
||||
},
|
||||
id: "q2", title: "What types of financing options are available for luxury properties?", content: "We connect you with a network of premium lenders offering bespoke financing solutions, including conventional loans, jumbo mortgages, and portfolio loans tailored for high-value real estate investments."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I get assistance with investment property analysis?",
|
||||
content: "Absolutely. Our team provides in-depth analysis for investment properties, including ROI projections, market performance data, and risk assessments to help you make informed decisions and maximize returns.",
|
||||
},
|
||||
id: "q3", title: "Can I get assistance with investment property analysis?", content: "Absolutely. Our team provides in-depth analysis for investment properties, including ROI projections, market performance data, and risk assessments to help you make informed decisions and maximize returns."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worktable-with-report-laptop_1150-357.jpg"
|
||||
imageAlt="Financial planning tools and charts"
|
||||
@@ -327,31 +206,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Connect with Our Team"
|
||||
description="Ready to discover your dream property or explore lucrative investment opportunities? Contact us for a personalized consultation. Our experts are here to provide tailored advice and guide you every step of the way."
|
||||
title="Ready to Find Your Dream Property? Get a Free Consultation."
|
||||
description="Connect with our expert team today for personalized guidance on exclusive residential, commercial, and investment properties. Fill out the form below to receive tailored advice and unlock your next opportunity."
|
||||
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,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-866.jpg"
|
||||
imageAlt="Modern luxury office building exterior"
|
||||
@@ -363,71 +231,46 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-light-streak-black-base-backdrop_23-2148055597.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-light-streak-black-base-backdrop_23-2148055597.jpg?_wi=1"
|
||||
imageAlt="Abstract luxury skyline"
|
||||
logoText="Luxury Estates"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Properties",
|
||||
href: "#properties",
|
||||
},
|
||||
label: "Properties", href: "#properties"},
|
||||
{
|
||||
label: "Our Agents",
|
||||
href: "#agents",
|
||||
},
|
||||
label: "Our Agents", href: "#agents"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Residential", href: "#services"},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Commercial", href: "#services"},
|
||||
{
|
||||
label: "Rentals",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Rentals", href: "#services"},
|
||||
{
|
||||
label: "Investments",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Investments", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Market Insights",
|
||||
href: "#insights",
|
||||
},
|
||||
label: "Market Insights", href: "#insights"},
|
||||
{
|
||||
label: "Client Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Client Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Mortgage & FAQ",
|
||||
href: "#mortgage-faq",
|
||||
},
|
||||
label: "Mortgage & FAQ", href: "#mortgage-faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -437,4 +280,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
132
src/app/properties-premium/page.tsx
Normal file
132
src/app/properties-premium/page.tsx
Normal file
@@ -0,0 +1,132 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
|
||||
export default function PremiumPropertiesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Properties", id: "#properties" },
|
||||
{ name: "Premium Listings", id: "/properties-premium" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Insights", id: "#insights" },
|
||||
{ name: "Agents", id: "#agents" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Luxury Estates"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="premium-properties" data-section="premium-properties">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Exclusive Premium Property Listings"
|
||||
description="Discover our handpicked collection of luxury residential, commercial, rental, and investment properties. Each listing features high-quality images, detailed descriptions, and virtual tour options for an immersive experience."
|
||||
products={[
|
||||
{
|
||||
id: "pp1", brand: "The Skyline Residences", name: "Modern City Penthouse with Panoramic Views", price: "$7,500,000", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/modern-house_1409-2475.jpg", imageAlt: "Modern City Penthouse"},
|
||||
{
|
||||
id: "pp2", brand: "Metropolitan Towers", name: "Prime Commercial Office Space in Business District", price: "$15,000,000", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/buildings-new-york-city_268835-1801.jpg", imageAlt: "Commercial Office Space"},
|
||||
{
|
||||
id: "pp3", brand: "Azure Coast Rentals", name: "Luxurious Oceanfront Villa for Lease", price: "$25,000 / month", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-room-interior-hotel_1359-835.jpg", imageAlt: "Oceanfront Villa"},
|
||||
{
|
||||
id: "pp4", brand: "Global Investor Group", name: "High-Yield Real Estate Investment Portfolio", price: "$10,000,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/financial-document-chart_1150-366.jpg", imageAlt: "Investment Property"},
|
||||
{
|
||||
id: "pp5", brand: "Tech Hub Estates", name: "Innovation Park: Commercial Land for Development", price: "$9,200,000", rating: 4,
|
||||
reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797682.jpg?_wi=2", imageAlt: "Commercial Land"},
|
||||
{
|
||||
id: "pp6", brand: "Heritage Homes Collection", name: "Historic Mansion with Modern Amenities", price: "$8,900,000", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694103.jpg?_wi=2", imageAlt: "Historic Mansion"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inquire" data-section="inquire">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Inquire About Premium Listings or Virtual Tours"
|
||||
description="Interested in a specific property, or want to schedule a virtual tour? Fill out the form below, and one of our dedicated agents will contact you shortly to provide personalized assistance."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
{
|
||||
name: "property_interest", type: "text", placeholder: "Property ID or Type of Interest (e.g., Residential, Commercial)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message or Specific Property Inquiries", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/house-key-with-wooden-background_1303-3392.jpg"
|
||||
imageAlt="House key on wooden background"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-light-streak-black-base-backdrop_23-2148055597.jpg?_wi=2"
|
||||
imageAlt="Abstract luxury skyline"
|
||||
logoText="Luxury Estates"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Properties", href: "#properties" },
|
||||
{ label: "Our Agents", href: "#agents" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Residential", href: "#services" },
|
||||
{ label: "Commercial", href: "#services" },
|
||||
{ label: "Rentals", href: "#services" },
|
||||
{ label: "Investments", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Market Insights", href: "#insights" },
|
||||
{ label: "Client Testimonials", href: "#testimonials" },
|
||||
{ label: "Mortgage & FAQ", href: "#mortgage-faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Luxury Estates. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-font-family: var(--font-montserrat), sans-serif;), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-font-family: var(--font-montserrat), sans-serif;), sans-serif;
|
||||
font-family: var(--font-libre-baskerville), serif;), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user