Merge version_2 into main #4
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -22,78 +22,35 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="PropElite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-content" data-section="about-content">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to PropElite Real Estate.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164706.jpg",
|
||||
alt: "About PropElite",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "We bring years of trusted service and unparalleled property expertise to help you find your dream home.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Experts"
|
||||
description="Professional agents ready to assist."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Jane Doe",
|
||||
role: "Senior Consultant",
|
||||
description: "Over 15 years in luxury real estate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164706.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PropElite Real Estate"
|
||||
copyrightText="© 2025 PropElite. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Properties", id: "/properties" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PropElite"
|
||||
/>
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: 'Redefining Real Estate Excellence' }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<TeamCardOne
|
||||
members={[
|
||||
{ id: "t1", name: "Jane Doe", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg" },
|
||||
{ id: "t2", name: "John Smith", role: "Senior Consultant", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-carrying-woman-with-wheelbarrow_23-2149382171.jpg" }
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
title="Our Leadership"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
<FooterCard
|
||||
logoText="PropElite Real Estate"
|
||||
copyrightText="© 2025 PropElite. All rights reserved."
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -22,69 +21,25 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="PropElite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-main" data-section="contact-main">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Talk"
|
||||
title="Get in Touch Today"
|
||||
description="Have questions about our properties or need expert guidance? Reach out now."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-woman-car-dealership-together_23-2148333030.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Need Help?"
|
||||
title="We're here to guide you"
|
||||
description="Speak with an expert today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:123456789",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PropElite Real Estate"
|
||||
copyrightText="© 2025 PropElite. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Properties", id: "/properties" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PropElite"
|
||||
/>
|
||||
<ContactText
|
||||
text="Let's Connect and Find Your Perfect Space"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterCard
|
||||
logoText="PropElite Real Estate"
|
||||
copyrightText="© 2025 PropElite. All rights reserved."
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -122,4 +122,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PropertiesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -22,106 +21,42 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="PropElite"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Properties", id: "/properties" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PropElite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="properties" data-section="properties" style={{ paddingTop: "120px" }}>
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Luxury Property Listings"
|
||||
description="Filter by price, location, and type to find your perfect match."
|
||||
products={[
|
||||
{ id: "p1", name: "Modern Villa", price: "$1,200,000", variant: "3BHK", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=2" },
|
||||
{ id: "p2", name: "Downtown Apartment", price: "$450,000", variant: "2BHK", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712847.jpg?_wi=1" },
|
||||
{ id: "p3", name: "Suburban Estate", price: "$850,000", variant: "4BHK", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg" },
|
||||
{ id: "p4", name: "City Studio", price: "$300,000", variant: "1BHK", imageSrc: "http://img.b2bpic.net/free-photo/chairs-near-table-with-books-decorations_23-2147896815.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="listing-grid" data-section="listing-grid">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "l1",
|
||||
name: "Sunset Villa",
|
||||
price: "$1,100,000",
|
||||
variant: "3BHK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "l2",
|
||||
name: "Greenwood Apartment",
|
||||
price: "$400,000",
|
||||
variant: "2BHK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712847.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "l3",
|
||||
name: "Grand Estate",
|
||||
price: "$900,000",
|
||||
variant: "4BHK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "l4",
|
||||
name: "Urban Flat",
|
||||
price: "$280,000",
|
||||
variant: "1BHK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chairs-near-table-with-books-decorations_23-2147896815.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "l5",
|
||||
name: "Coastal Home",
|
||||
price: "$2,200,000",
|
||||
variant: "5BHK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-carrying-woman-with-wheelbarrow_23-2149382171.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "l6",
|
||||
name: "Skyline Loft",
|
||||
price: "$3,000,000",
|
||||
variant: "3BHK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staircase-apartment_1150-11156.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="All Properties"
|
||||
description="Browse our full catalog of residential and commercial listings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Market Leaders"
|
||||
description="Preferred partner for major property developers."
|
||||
names={[
|
||||
"Developer A",
|
||||
"Developer B",
|
||||
"Developer C",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PropElite Real Estate"
|
||||
copyrightText="© 2025 PropElite. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PropElite Real Estate"
|
||||
copyrightText="© 2025 PropElite. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
95
src/app/property/[id]/page.tsx
Normal file
95
src/app/property/[id]/page.tsx
Normal file
@@ -0,0 +1,95 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
|
||||
export default function PropertyDetailPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Properties", id: "/properties" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PropElite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Luxury Modern Villa in Beverly Hills"
|
||||
description="An architectural masterpiece featuring floor-to-ceiling windows, infinity pool, and panoramic city views. Designed for the ultimate modern living experience."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couch-armchair-seen-from-floor_1203-737.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/staircase-apartment_1150-11156.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Key Property Features"
|
||||
tag="Specifications"
|
||||
metrics={[
|
||||
{ id: "m1", value: "5,000 sq ft", description: "Total Interior Space" },
|
||||
{ id: "m2", value: "5", description: "Bedrooms" },
|
||||
{ id: "m3", value: "6", description: "Bathrooms" },
|
||||
{ id: "m4", value: "3", description: "Garage Spaces" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
title="Premium Amenities"
|
||||
description="Experience lifestyle-focused design with curated amenities for your comfort."
|
||||
animationType="slide-up"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
features={[
|
||||
{ title: "Smart Home Integration", description: "Voice-controlled lighting, security, and climate management.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712847.jpg?_wi=1" },
|
||||
{ title: "Infinity Pool", description: "Heated saltwater infinity pool overlooking the skyline.", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Schedule a Viewing"
|
||||
title="Interested in this property?"
|
||||
description="Leave your details and our senior agents will arrange a private tour at your convenience."
|
||||
onSubmit={(email) => console.log("Form submitted", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PropElite Real Estate"
|
||||
copyrightText="© 2025 PropElite. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #106EFB;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #106EFB;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user