Merge version_1 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "#properties",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Properties", id: "#properties" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="EliteEstate"
|
||||
/>
|
||||
@@ -51,35 +46,15 @@ export default function LandingPage() {
|
||||
description="Find your dream home with our curated selection of premium properties. Expertise, trust, and luxury at your fingertips."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Listings",
|
||||
href: "#properties",
|
||||
},
|
||||
text: "View Listings", href: "#properties"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg?_wi=1",
|
||||
imageAlt: "Luxury home exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164724.jpg?_wi=1",
|
||||
imageAlt: "Interior view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-inspector-holding-laptop-tilting-head-looking-maquette-skyscraper-residential-project-architect-thinking-about-design-improvements-urban-planning-scale-model_482257-33564.jpg",
|
||||
imageAlt: "Property listing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-127370.jpg",
|
||||
imageAlt: "Garden view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-blue-dress-straw-hat-wearing-pink-sunglassses-walking-pool-tropical-spa-villa-vacation-summer-style-outfit-smiling-happy-having-fun_285396-2473.jpg",
|
||||
imageAlt: "Living area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinner-table-cafe_1150-12614.jpg",
|
||||
imageAlt: "Penthouse view",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg", imageAlt: "Luxury home exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164724.jpg", imageAlt: "Interior view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architectural-inspector-holding-laptop-tilting-head-looking-maquette-skyscraper-residential-project-architect-thinking-about-design-improvements-urban-planning-scale-model_482257-33564.jpg", imageAlt: "Property listing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-127370.jpg", imageAlt: "Garden view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-blue-dress-straw-hat-wearing-pink-sunglassses-walking-pool-tropical-spa-villa-vacation-summer-style-outfit-smiling-happy-having-fun_285396-2473.jpg", imageAlt: "Living area" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dinner-table-cafe_1150-12614.jpg", imageAlt: "Penthouse view" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -88,26 +63,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Redefining ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/business-leaders-consulting-expert_74855-2095.jpg",
|
||||
alt: "About us",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Real Estate Excellence",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{ type: "text", content: "Redefining " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/business-leaders-consulting-expert_74855-2095.jpg", alt: "About us" },
|
||||
{ type: "text", content: " Real Estate Excellence" },
|
||||
]}
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,26 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Interiors",
|
||||
description: "High-end finishes and modern design in every property.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954780.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976543.jpg",
|
||||
buttonText: "See Details",
|
||||
},
|
||||
title: "Premium Interiors", description: "High-end finishes and modern design in every property.", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954780.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976543.jpg", buttonText: "See Details"},
|
||||
{
|
||||
title: "Smart Security",
|
||||
description: "Integrated smart home security for your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216654.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg",
|
||||
buttonText: "See Details",
|
||||
},
|
||||
title: "Smart Security", description: "Integrated smart home security for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216654.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg", buttonText: "See Details"},
|
||||
{
|
||||
title: "24/7 Concierge",
|
||||
description: "Dedicated assistance for all your property requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-clients-discussing-drawings_74855-2943.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737664.jpg",
|
||||
buttonText: "See Details",
|
||||
},
|
||||
title: "24/7 Concierge", description: "Dedicated assistance for all your property requirements.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-clients-discussing-drawings_74855-2943.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737664.jpg", buttonText: "See Details"},
|
||||
]}
|
||||
title="Why Choose EliteEstate?"
|
||||
description="We blend luxury with practicality to ensure your home search is seamless, secure, and rewarding."
|
||||
@@ -152,48 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "City Penthouse",
|
||||
price: "$2,500,000",
|
||||
variant: "Penthouse",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-seen-from-apartment_23-2150897507.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Suburban Oasis",
|
||||
price: "$850,000",
|
||||
variant: "Family House",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-standing-lawn_1170-2800.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Modern Condo",
|
||||
price: "$650,000",
|
||||
variant: "Condo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-scenery_1359-352.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lakefront Villa",
|
||||
price: "$4,200,000",
|
||||
variant: "Villa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/historical-beautiful-castle_23-2151010430.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Duplex",
|
||||
price: "$950,000",
|
||||
variant: "Duplex",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29366.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Beachfront Retreat",
|
||||
price: "$3,800,000",
|
||||
variant: "Bungalow",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264452.jpg",
|
||||
},
|
||||
{ id: "p1", name: "City Penthouse", price: "$2,500,000", variant: "Penthouse", imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-seen-from-apartment_23-2150897507.jpg" },
|
||||
{ id: "p2", name: "Suburban Oasis", price: "$850,000", variant: "Family House", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-standing-lawn_1170-2800.jpg" },
|
||||
{ id: "p3", name: "Urban Modern Condo", price: "$650,000", variant: "Condo", imageSrc: "http://img.b2bpic.net/free-photo/urban-scenery_1359-352.jpg" },
|
||||
{ id: "p4", name: "Lakefront Villa", price: "$4,200,000", variant: "Villa", imageSrc: "http://img.b2bpic.net/free-photo/historical-beautiful-castle_23-2151010430.jpg" },
|
||||
{ id: "p5", name: "Modern Duplex", price: "$950,000", variant: "Duplex", imageSrc: "http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29366.jpg" },
|
||||
{ id: "p6", name: "Beachfront Retreat", price: "$3,800,000", variant: "Bungalow", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264452.jpg" },
|
||||
]}
|
||||
title="Featured Properties"
|
||||
description="Hand-picked luxury listings tailored to your specific lifestyle needs."
|
||||
@@ -207,52 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Essential",
|
||||
price: "1%",
|
||||
period: "commission",
|
||||
features: [
|
||||
"Property Valuation",
|
||||
"Standard Listing",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg",
|
||||
imageAlt: "Vertical shot of a modern white building facade",
|
||||
},
|
||||
id: "basic", title: "Essential", price: "1%", period: "commission", features: ["Property Valuation", "Standard Listing"],
|
||||
button: { text: "Get Started" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg", imageAlt: "Vertical shot of a modern white building facade"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Premium",
|
||||
price: "2.5%",
|
||||
period: "commission",
|
||||
features: [
|
||||
"Professional Photos",
|
||||
"Staging Advice",
|
||||
"Priority Listing",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg?_wi=2",
|
||||
imageAlt: "Vertical shot of a modern white building facade",
|
||||
},
|
||||
id: "pro", title: "Premium", price: "2.5%", period: "commission", features: ["Professional Photos", "Staging Advice", "Priority Listing"],
|
||||
button: { text: "Get Started" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg", imageAlt: "Vertical shot of a modern white building facade"},
|
||||
{
|
||||
id: "ultra",
|
||||
title: "Elite",
|
||||
price: "4%",
|
||||
period: "commission",
|
||||
features: [
|
||||
"All Premium Features",
|
||||
"Virtual Tours",
|
||||
"Global Marketing",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164724.jpg?_wi=2",
|
||||
imageAlt: "Vertical shot of a modern white building facade",
|
||||
},
|
||||
id: "ultra", title: "Elite", price: "4%", period: "commission", features: ["All Premium Features", "Virtual Tours", "Global Marketing"],
|
||||
button: { text: "Get Started" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164724.jpg", imageAlt: "Vertical shot of a modern white building facade"},
|
||||
]}
|
||||
title="Service Packages"
|
||||
description="Choose the level of service that best fits your property journey."
|
||||
@@ -266,24 +140,9 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Senior Broker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-showing-small-paper-house-model-workplace_23-2148182963.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Vance",
|
||||
role: "Luxury Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-reading-from-tablet-mock-up_23-2148317304.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Miller",
|
||||
role: "Property Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-their-real-estate-agent-having-meeting-office-focus-is-man_637285-6125.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Marcus Thorne", role: "Senior Broker", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-showing-small-paper-house-model-workplace_23-2148182963.jpg" },
|
||||
{ id: "t2", name: "Elena Vance", role: "Luxury Lead", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-reading-from-tablet-mock-up_23-2148317304.jpg" },
|
||||
{ id: "t3", name: "David Miller", role: "Property Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-their-real-estate-agent-having-meeting-office-focus-is-man_637285-6125.jpg" },
|
||||
]}
|
||||
title="Our Expert Brokers"
|
||||
description="Professional guidance you can rely on."
|
||||
@@ -296,46 +155,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "EliteEstate made buying my first home incredibly easy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-showing-house-object_1187-3918.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_d",
|
||||
testimonial: "The property selection they offered was simply world-class.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-lengh-photo-handsome-businessman-british-quarter_197531-629.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily_r",
|
||||
testimonial: "Professional advice every step of the way. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064995.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James K.",
|
||||
handle: "@james_k",
|
||||
testimonial: "Found my luxury apartment in less than two weeks.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-businessman-showing-keys-thumb-up_1262-2125.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura M.",
|
||||
handle: "@laura_m",
|
||||
testimonial: "The concierge service made all the difference for my relocation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "EliteEstate made buying my first home incredibly easy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-showing-house-object_1187-3918.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@mark_d", testimonial: "The property selection they offered was simply world-class.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-lengh-photo-handsome-businessman-british-quarter_197531-629.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emily_r", testimonial: "Professional advice every step of the way. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064995.jpg" },
|
||||
{ id: "4", name: "James K.", handle: "@james_k", testimonial: "Found my luxury apartment in less than two weeks.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-businessman-showing-keys-thumb-up_1262-2125.jpg" },
|
||||
{ id: "5", name: "Laura M.", handle: "@laura_m", testimonial: "The concierge service made all the difference for my relocation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success"
|
||||
@@ -349,21 +173,10 @@ export default function LandingPage() {
|
||||
title="Start Your Property Search"
|
||||
description="Send us a message and we'll connect you with a personal advisor."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us what you're looking for...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us what you're looking for..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-blonde-secretary-white-blouse-talking-phone-writing-data-notebook-indoor-portrait-long-haired-asian-it-specialist-with-graceful-lady-reception-desk_197531-3801.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -377,4 +190,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user