Merge version_2 into main #4
142
src/app/page.tsx
142
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,79 +24,80 @@ 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: "Testimonials", id: "testimonials" },
|
||||
{ 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" }
|
||||
]}
|
||||
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.", "Our dedicated team of experts brings years of local knowledge to help you navigate the Gurugram market with ease."
|
||||
]}
|
||||
/>
|
||||
</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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
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="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="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="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="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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user