246 lines
16 KiB
TypeScript
246 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Building } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "About Us", id: "/about"},
|
|
{
|
|
name: "Services", id: "/services"},
|
|
{
|
|
name: "Properties", id: "/#properties"},
|
|
{
|
|
name: "Investment", id: "/#investment"},
|
|
{
|
|
name: "Contact Us", id: "/contact"},
|
|
]}
|
|
brandName="Nandi Real Estate"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Find Your Dream Property in Mumbai"
|
|
description="Residential, Commercial & Investment Properties with Expert Guidance. Your Trusted Partner in Mumbai Real Estate."
|
|
buttons={[
|
|
{
|
|
text: "Explore Properties", href: "/#properties"},
|
|
{
|
|
text: "Contact Us", href: "/contact"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-buildings-financial-district_1359-1022.jpg", imageAlt: "Luxury Mumbai skyline with premium apartments"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_74190-2414.jpg", imageAlt: "Modern cityscape of Mumbai at sunrise"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-decoration-inspired-by-mexican-folklore_23-2150711303.jpg", imageAlt: "Elegant living room in a high-end Mumbai apartment"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shanghai-urban-architecture_649448-5337.jpg", imageAlt: "Modern commercial office skyscraper in Mumbai"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694047.jpg", imageAlt: "Luxury villa exterior with garden in Mumbai"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-small-house_1150-14858.jpg", imageAlt: "Graph showing Mumbai real estate investment growth"},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-overview" data-section="about-overview">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="About Nandi Real Estate"
|
|
title="Finding Your Perfect Property in Mumbai"
|
|
description="Nandi Real Estate has been helping families, professionals, and investors find the right properties across Mumbai. We provide transparent property consulting, buying assistance, rental support, and investment guidance."
|
|
subdescription="With a 4.5★ client rating from 22 reviews and 24/7 availability, we are your trusted local experts for all property needs in Malad East and across Mumbai."
|
|
icon={Building}
|
|
imageSrc="http://img.b2bpic.net/free-photo/serious-employees-discussing-project_74855-1251.jpg"
|
|
imageAlt="Nandi Real Estate team in a modern office"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-intro" data-section="services-intro">
|
|
<FeatureCardSixteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Residential Property Consulting", "Commercial Property Consulting", "Property Buying Assistance", "Property Selling Assistance"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Office Space Leasing", "Luxury Property Consulting", "Property Investment Consulting", "Relocation Assistance"],
|
|
}}
|
|
title="Our Comprehensive Real Estate Services"
|
|
description="From residential and commercial property consulting to property investment and relocation assistance, Nandi Real Estate offers a full spectrum of services tailored to your unique needs."
|
|
animationType="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="properties" data-section="properties">
|
|
<ProductCardOne
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "property-1", name: "Luxury Sea-View Apartment, Bandra", price: "₹ 7.5 Cr", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-sitting-cafe-having-rest_627829-5079.jpg", imageAlt: "Luxury Sea-View Apartment in Bandra"},
|
|
{
|
|
id: "property-2", name: "Prime Office Space, BKC", price: "₹ 15 Cr", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg", imageAlt: "Prime Office Space in BKC"},
|
|
{
|
|
id: "property-3", name: "Spacious Villa with Garden, Juhu", price: "₹ 12 Cr", imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg", imageAlt: "Spacious Villa with Garden in Juhu"},
|
|
{
|
|
id: "property-4", name: "Modern Studio Flat, Andheri", price: "₹ 95 Lac", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-interior_53876-32151.jpg", imageAlt: "Modern Studio Flat in Andheri"},
|
|
{
|
|
id: "property-5", name: "Exclusive Penthouse, Worli", price: "₹ 20 Cr", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-stairs_23-2149204468.jpg", imageAlt: "Exclusive Penthouse in Worli"},
|
|
{
|
|
id: "property-6", name: "New Residential Project, Thane", price: "₹ 1.2 Cr", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-11-2024-tourist-high-up-skyscraper_482257-125428.jpg", imageAlt: "New Residential Project in Thane"},
|
|
]}
|
|
title="Featured Properties in Mumbai"
|
|
description="Explore our handpicked selection of premium residential and commercial properties available for buy or rent. Use our search and filter options to find your perfect match. Search by Location, Property Name, or Budget."
|
|
animationType="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<MetricCardEleven
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "500+", title: "Properties Assisted", description: "Successfully helped clients buy, sell, and lease properties across Mumbai.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-business-suit-giving-keys-young-couple-after-signing-document-couple-becoming-homeowners_482257-29435.jpg", imageAlt: "Handshake representing properties assisted"},
|
|
{
|
|
id: "metric-2", value: "100+", title: "Happy Clients", description: "A growing community of satisfied customers who trust our expertise.", imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164666.jpg", imageAlt: "Diverse group of happy clients"},
|
|
{
|
|
id: "metric-3", value: "4.5★", title: "Client Rating", description: "Consistently high ratings reflecting our commitment to excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-suit-holding-contract_23-2148269312.jpg", imageAlt: "Gold star rating"},
|
|
{
|
|
id: "metric-4", value: "24/7", title: "Availability", description: "Our team is always ready to assist you, day or night.", imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133787.jpg", imageAlt: "Clock icon for 24/7 availability"},
|
|
]}
|
|
title="Why Choose Nandi Real Estate?"
|
|
description="With proven success and dedicated service, we stand out as Mumbai's most reliable property consultants. Our benefits include:"
|
|
animationType="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="client-reviews" data-section="client-reviews">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", title: "Exceptional Service", quote: "Very helpful and genuine firm. I got my stay in a few days.", name: "Priya Sharma", role: "Home Buyer", imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg", imageAlt: "Priya Sharma, Home Buyer"},
|
|
{
|
|
id: "testimonial-2", title: "Highly Recommended", quote: "Great service by far given by Nandi Real Estate in Malad East.", name: "Rajesh Kumar", role: "Property Investor", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-ipad-side-view_23-2150103627.jpg", imageAlt: "Rajesh Kumar, Property Investor"},
|
|
{
|
|
id: "testimonial-3", title: "Best Price and Service", quote: "Good service and best price.", name: "Anjali Singh", role: "Commercial Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-her-boyfriend_329181-20570.jpg", imageAlt: "Anjali Singh, Commercial Client"},
|
|
{
|
|
id: "testimonial-4", title: "Genuine and Prompt", quote: "Nandi Real Estate's team was incredibly genuine and quick in helping us find our ideal property.", name: "Sanjay & Deepa", role: "Family Home Buyers", imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2088.jpg", imageAlt: "Sanjay & Deepa, Family Home Buyers"},
|
|
{
|
|
id: "testimonial-5", title: "Expert Investment Guidance", quote: "Their insights into Mumbai's real estate market are unmatched. Helped me make a smart investment.", name: "Vikram Mehta", role: "Investment Consultant", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39159.jpg", imageAlt: "Vikram Mehta, Investment Consultant"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from satisfied property owners and investors who chose Nandi Real Estate for their journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="investment" data-section="investment">
|
|
<BlogCardThree
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Unlock Your Investment Potential in Mumbai Real Estate"
|
|
description="Discover why Mumbai offers unparalleled opportunities for long-term wealth creation and rental income. Our experts provide tailored guidance to maximize your returns."
|
|
blogs={[
|
|
{
|
|
id: "blog-1", category: "Investment Strategy", title: "Why Mumbai is Your Next Real Estate Goldmine", excerpt: "Explore the factors driving property value appreciation and strong rental yields in the financial capital of India.", imageSrc: "http://img.b2bpic.net/free-photo/city-sunset_1127-4148.jpg", imageAlt: "Mumbai real estate investment chart", authorName: "Nandi Experts", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-business-people-working-with-ipad_23-2150103602.jpg", date: "Oct 26, 2023"},
|
|
{
|
|
id: "blog-2", category: "Wealth Creation", title: "Building Long-Term Wealth Through Property", excerpt: "Understand the principles of sustainable property investment and how Nandi Real Estate helps you secure your financial future.", imageSrc: "http://img.b2bpic.net/free-photo/hong-kong_649448-483.jpg", imageAlt: "Couple looking at property blueprint", authorName: "Nandi Experts", authorAvatar: "http://img.b2bpic.net/free-photo/two-asian-businessmen-with-glasses-champagne_1262-1642.jpg", date: "Oct 19, 2023"},
|
|
{
|
|
id: "blog-3", category: "Rental Income", title: "Generating Passive Income from Mumbai Properties", excerpt: "Learn about the high rental demand and lucrative opportunities to earn consistent income from your investment properties.", imageSrc: "http://img.b2bpic.net/free-photo/indian-city-scene_23-2151823055.jpg", imageAlt: "Luxury apartments for rental income", authorName: "Nandi Experts", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-arabic-couple-spending-time-together-woman-with-covered-head-bright-make-up-man-suit-sitting-looking-camera-love-affection-concept_74855-21452.jpg", date: "Oct 12, 2023"},
|
|
]}
|
|
animationType="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/river-modern-buildings_1359-851.jpg"
|
|
imageAlt="Mumbai city skyline at night"
|
|
logoText="Nandi Real Estate"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Services", href: "/services"},
|
|
{
|
|
label: "Properties", href: "/#properties"},
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Residential Consulting", href: "/services"},
|
|
{
|
|
label: "Commercial Consulting", href: "/services"},
|
|
{
|
|
label: "Investment Guidance", href: "/#investment"},
|
|
{
|
|
label: "Property Valuation", href: "/services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact Info", items: [
|
|
{
|
|
label: "Location", href: "https://maps.app.goo.gl/YourGoogleMapsLink"},
|
|
{
|
|
label: "Call Us", href: "tel:+919004450055"},
|
|
{
|
|
label: "Email", href: "mailto:info@nandirealestate.com"},
|
|
{
|
|
label: "WhatsApp", href: "https://wa.me/919004450055?text=Hello,%20I%20am%20interested%20in%20a%20property."},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Nandi Real Estate. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|