bender/19c34646-a6cc-495f-bffd-be27f44f68f9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #3

Merged
bender merged 2 commits from version_2 into main 2026-05-05 07:49:50 +00:00
Conversation 0 Commits 2 Files Changed 2 +31 -147
2 changed files with 31 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

164
src/app/page.tsx
View File

@@ -32,14 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "home"},
{
name: "About", id: "about"},
{
name: "Services", id: "services"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Own Estate"
/>
@@ -47,21 +43,13 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "plain"}}
background={{ variant: "plain" }}
title="Your Trusted Real Estate Partner in Gurgaon"
description="Providing seamless renting and buying experiences with professional integrity and transparency."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339806.jpg", imageAlt: "luxury gurgaon apartment exterior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124685.jpg", imageAlt: "luxury living room interior design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg", imageAlt: "modern office meeting space"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-with-multiple-large-windows_250224-148.jpg", imageAlt: "luxury gurgaon apartment exterior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-decoration-stylish-shelf_23-2148238622.jpg", imageAlt: "luxury living room interior design"},
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339806.jpg", imageAlt: "luxury gurgaon apartment exterior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124685.jpg", imageAlt: "luxury living room interior design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg", imageAlt: "modern office meeting space" }
]}
mediaAnimation="slide-up"
/>
@@ -72,120 +60,23 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Who We Are"
description={[
"Own Estate is a premier real estate agency in DLF Phase 2, Gurugram. We pride ourselves on being professional, transparent, and fully dedicated to helping you find the perfect property.", "With 4.9 stars from over 70 satisfied clients, we are committed to smooth transactions and long-term support for every customer."]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Property Rental", description: "Seamless rental experience for premium apartments.", icon: Home,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-talking-phone_1098-1781.jpg", imageAlt: "luxury gurgaon apartment exterior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/architecture-real-estate-building-concept_53876-124771.jpg", imageAlt: "luxury living room interior design"},
],
},
{
title: "Real Estate Consulting", description: "Expert advice on market trends and property values.", icon: Search,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-his-wife-while-using-touchpad-meeting-with-real-estate-agent-office_637285-1140.jpg", imageAlt: "modern office meeting space"},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-against-building-house_1398-5103.jpg", imageAlt: "luxury gurgaon apartment exterior"},
],
},
{
title: "Smooth Transaction", description: "Documentation and paperwork made simple.", icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-color-palette-with-book-home-renovation_23-2148814357.jpg", imageAlt: "luxury living room interior design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-hands-while-talking-about-housing-plans-with-real-estate-agent-home_637285-3834.jpg", imageAlt: "modern office meeting space"},
],
},
"Own Estate is a premier real estate agency in DLF Phase 2, Gurugram. We pride ourselves on being professional, transparent, and fully dedicated to helping you find the perfect property.", "Our dedicated team of experts brings years of local knowledge to help you navigate the Gurugram market with ease."
]}
title="Our Expert Services"
description="Comprehensive real estate solutions designed for your needs."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "74+", description: "Verified Reviews"},
{
id: "m2", value: "4.9/5", description: "Client Rating"},
{
id: "m3", value: "500+", description: "Properties Found"},
]}
title="Our Impact"
description="Helping hundreds find their perfect home in Gurugram."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
textboxLayout="split"
title="Our Reputation"
description="We have earned a 4.9-star rating from over 70+ clients, reflecting our commitment to quality and transparency."
testimonials={[
{
id: "t1", name: "Manish Choithani", role: "Client", testimonial: "Truly professional broker firm. Extremely happy with the renting experience.", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg"},
{
id: "t2", name: "Rudransh RC", role: "Client", testimonial: "Fantastic experience. Prompt communication made the process smooth and stress-free.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg"},
{
id: "t3", name: "Peeyush Sachdeva", role: "Client", testimonial: "Excellent service. Very transparent people.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"},
{
id: "t4", name: "Client A", role: "Home Owner", testimonial: "Great support throughout the entire negotiation process.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg"},
{
id: "t5", name: "Client B", role: "Tenant", testimonial: "Highly recommended for anyone looking to stay in Gurgaon.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"},
{
id: "t6", name: "Client C", role: "Investor", testimonial: "Very helpful people, had a smooth transaction.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-white_1368-6366.jpg"},
{ id: "t1", name: "Manish Choithani", role: "Client", testimonial: "Truly professional broker firm. Extremely happy with the renting experience.", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg" },
{ id: "t2", name: "Rudransh RC", role: "Client", testimonial: "Fantastic experience. Prompt communication made the process smooth and stress-free.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg" },
{ id: "t3", name: "Peeyush Sachdeva", role: "Client", testimonial: "Excellent service. Very transparent people.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
{ id: "t4", name: "Client A", role: "Home Owner", testimonial: "Great support throughout the entire negotiation process.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg" }
]}
title="What Our Clients Say"
description="We are proud to have supported so many happy individuals in their home search."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "Do you help with documentation?", content: "Yes, we handle all the paperwork to ensure a smooth transition."},
{
id: "f2", title: "Where are you located?", content: "We are located at 65, LGF, Akashneem Marg, DLF Phase 2, Sector 25, Gurugram."},
{
id: "f3", title: "How do I schedule a visit?", content: "You can call us directly at 099716 13494 to schedule a property visit."},
]}
imageSrc="http://img.b2bpic.net/free-photo/people-having-debate-while-looking-computer_23-2149389714.jpg"
title="Common Questions"
description="Everything you need to know about our rental and buying process."
faqsAnimation="slide-up"
imageAlt="happy homebuyer sign contract"
/>
</div>
<div id="partners" data-section="partners">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"DLF", "Emaar", "Tata Housing", "Godrej", "Sobha", "M3M", "Vatika"]}
title="Trusted By Industry Leaders"
description="Collaborating with premium property developers and owners."
/>
</div>
@@ -193,32 +84,25 @@ export default function LandingPage() {
<ContactSplitForm
useInvertedBackground={true}
title="Get in Touch"
description="Ready to find your next home? Reach out to our expert team."
description="Find us at our office or send us a message below. We look forward to helping you with your property needs."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name"},
{
name: "email", type: "email", placeholder: "Email Address"},
{
name: "phone", type: "tel", placeholder: "Phone Number"},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
]}
textarea={{
name: "message", placeholder: "How can we help you?"}}
textarea={{ name: "message", placeholder: "Tell us your requirements", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-retail-store_1203-8731.jpg"
imageAlt="modern office building facade gurgaon"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Own Estate"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--background: #020617;
--card: #0f172a;
--foreground: #e2e8f0;
--primary-cta: #ffdf7d;
--primary-cta-text: #f5faff;
--secondary-cta: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #001122;
--accent: #a8cce8;
--background-accent: #7ba3cf;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);