Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c7e17ee705 | |||
| b717089cf3 | |||
| 17fe123058 | |||
| 2fa21b43b2 | |||
| 83d2ddcc94 |
260
src/app/page.tsx
260
src/app/page.tsx
@@ -3,16 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { CheckCircle, Home, Search } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,196 +24,81 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Own Estate"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Own Estate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
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"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
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" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
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="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
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.", "Our dedicated team of experts brings years of local knowledge to help you navigate the Gurugram market with ease."
|
||||
]}
|
||||
/>
|
||||
</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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive real estate solutions designed for your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</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="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
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", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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"},
|
||||
]}
|
||||
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>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
description="Ready to find your next home? Reach out to our expert team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "How can we help you?"}}
|
||||
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: "#"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Own Estate"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user