261 lines
13 KiB
TypeScript
261 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Award, Building, MapPin, ShieldCheck, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="blurBottom"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Projects", id: "projects"},
|
||
{
|
||
name: "Services", id: "services"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Maria Housing Super City"
|
||
logoSrc="https://img.b2bpic.net/free-vector/abstract-company-logo-design_1025-727.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCentered
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Trusted Real Estate & Infrastructure Partner"
|
||
description="Building the future of Vellore with quality housing, residential plots, and world-class infrastructure."
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164695.jpg", alt: "Happy client 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/cheerful-women-holding-golden-star-icon_53876-71038.jpg", alt: "Happy client 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", alt: "Happy client 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Satisfied homeowner 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", alt: "Satisfied homeowner 2"},
|
||
]}
|
||
avatarText="Satisfied Homeowners"
|
||
buttons={[
|
||
{
|
||
text: "Enquire Now", href: "#contact"},
|
||
]}
|
||
marqueeItems={[
|
||
{
|
||
type: "text-icon", text: "Trusted by 500+ Families", icon: Users,
|
||
},
|
||
{
|
||
type: "text-icon", text: "15+ Years of Excellence", icon: Award,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Quality Construction", icon: Building,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Prime Locations", icon: MapPin,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Transparent Deals", icon: ShieldCheck,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="Building Quality Living Spaces"
|
||
description="Maria Housing Super City & Shan Infraa brings decades of expertise in construction and property development. We specialize in creating high-quality housing projects, plot developments, and reliable infrastructure in the heart of Vellore."
|
||
imageSrc="http://img.b2bpic.net/free-photo/business-people-looking-plans-office_23-2148017114.jpg?_wi=1"
|
||
imageAlt="Construction and Development Services"
|
||
/>
|
||
</div>
|
||
|
||
<div id="projects" data-section="projects">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Luxury Villa Project", price: "Plots Available", variant: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/hotel_1127-4042.jpg?_wi=1"},
|
||
{
|
||
id: "p2", name: "Residential Housing Colony", price: "Contact for Info", variant: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394923.jpg"},
|
||
{
|
||
id: "p3", name: "Prime Plot Development", price: "Limited Sites", variant: "Available", imageSrc: "http://img.b2bpic.net/free-photo/view-town-across-mountains_114579-12051.jpg"},
|
||
{
|
||
id: "p4", name: "Commercial Infrastructure", price: "Built to Suit", variant: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25329.jpg"},
|
||
{
|
||
id: "p5", name: "City View Apartments", price: "Inquire", variant: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/idea-adult-man-protective-helmet-plaid-shirt-with-tablet-his-hands-thinking-looking-side-standing-construction-site_259150-57618.jpg"},
|
||
{
|
||
id: "p6", name: "Infrastructure Development", price: "Professional Grade", variant: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-architect-looking-blueprints-plan-building-model-table-design-construction-layout-architectural-project-engineer-planning-urban-development-with-maquette_482257-38862.jpg"},
|
||
]}
|
||
title="Our Projects"
|
||
description="Showcasing our completed and ongoing real estate developments."
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardNineteen
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
tag: "Expertise", title: "Construction Services", subtitle: "Top-tier quality", description: "End-to-end construction support with attention to detail and structural integrity.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg", imageAlt: "luxury real estate construction vellore"},
|
||
{
|
||
tag: "Living", title: "Housing & Plots", subtitle: "Ideal locations", description: "Well-planned residential plots and housing communities in Vellore.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-looking-plans-office_23-2148017114.jpg?_wi=2", imageAlt: "luxury real estate construction vellore"},
|
||
{
|
||
tag: "Support", title: "Infrastructure", subtitle: "Technical excellence", description: "Electrical, plumbing, and structural infra support for large scale projects.", imageSrc: "http://img.b2bpic.net/free-photo/hotel_1127-4042.jpg?_wi=2", imageAlt: "luxury real estate construction vellore"},
|
||
]}
|
||
title="Our Specialized Services"
|
||
description="We offer comprehensive property solutions tailored to your needs."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "15+", title: "Years Experience", description: "Proven track record", icon: Award,
|
||
},
|
||
{
|
||
id: "m2", value: "500+", title: "Happy Families", description: "Satisfied residents", icon: Users,
|
||
},
|
||
{
|
||
id: "m3", value: "20+", title: "Projects Completed", description: "Successful deliveries", icon: Building,
|
||
},
|
||
]}
|
||
title="Impact & Growth"
|
||
description="Our success reflected in numbers."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Arun Kumar", handle: "@arun_v", testimonial: "Excellent service and timely delivery of our home. Highly recommended developers in Vellore.", imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg"},
|
||
{
|
||
id: "t2", name: "Priya Shanmugam", handle: "@priya_shan", testimonial: "Great experience with plot purchase. Transparency and professional documentation.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"},
|
||
{
|
||
id: "t3", name: "Karthik Raj", handle: "@k_raj", testimonial: "The construction quality and infrastructure support are impressive. Very reliable partner.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-coffee-cup_23-2149637976.jpg"},
|
||
{
|
||
id: "t4", name: "Divya Suresh", handle: "@div_s", testimonial: "Very satisfied with my house purchase. The team was supportive and professional throughout.", imageSrc: "http://img.b2bpic.net/free-photo/male-female-businesspeople-looking-schedule-diary_23-2147880504.jpg"},
|
||
{
|
||
id: "t5", name: "Vijay S", handle: "@vijay_s", testimonial: "They have deep knowledge of Vellore real estate and provide excellent value.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg"},
|
||
]}
|
||
title="Client Feedback"
|
||
description="What our homeowners say about their experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "f1", title: "Do you provide legal documentation help?", content: "Yes, we handle all necessary legal paperwork and provide transparent property documentation."},
|
||
{
|
||
id: "f2", title: "Can I visit the site locations?", content: "Absolutely! Reach out to us to schedule a site visit for any of our available residential plots or projects."},
|
||
{
|
||
id: "f3", title: "What locations in Vellore do you cover?", content: "We operate across major developing residential areas in Vellore, including Sathuvachari and surrounding regions."},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Answers to common questions about our properties."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Get in Touch"
|
||
title="Start Your Dream Project"
|
||
description="Old No. 98, New No. 98/A, Bankmans Colony, Alamelumangapuram, Sathuvachari, Vellore, Tamil Nadu – 632009. Call us for inquiries today."
|
||
imageSrc="http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1079.jpg"
|
||
mediaAnimation="slide-up"
|
||
inputPlaceholder="Enter your phone number"
|
||
buttonText="Enquire Now"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Projects", href: "#projects"},
|
||
{
|
||
label: "Contact Us", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Facebook", href: "#"},
|
||
{
|
||
label: "Instagram", href: "#"},
|
||
{
|
||
label: "WhatsApp", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Maria Housing Super City & Shan Infraa"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |