299 lines
16 KiB
TypeScript
299 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Building, CalendarCheck, Home } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Projects", id: "projects"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
logoAlt="Shree Aangan Developers Logo"
|
|
brandName="Shree Aangan Developers LLP"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "downward-rays-static-grid"}}
|
|
title="Building Dreams, Crafting Futures."
|
|
description="Shree Aangan Developers LLP: Your trusted partner in creating exceptional residential and commercial spaces with a legacy of quality and innovation."
|
|
buttons={[
|
|
{
|
|
text: "View Projects", href: "#projects"},
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-digital-tablet-with-businesswoman-standing-background_23-2147941510.jpg", alt: "Happy client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cunning-businesswoman-steeple-fingers-laughing-devious-looking-thoughtful-scheming-making-up-plan-standing-suit-against-white-background_176420-48051.jpg", alt: "Happy client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "Happy client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", alt: "Happy client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-handsome-indian-businessman-talking-mobile-phone-modern-office_231208-2556.jpg", alt: "Satisfied Client 5"},
|
|
]}
|
|
avatarText="Join our community of satisfied property owners!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg"
|
|
imageAlt="Modern architectural building by Shree Aangan Developers"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Award-Winning Designs"},
|
|
{
|
|
type: "text", text: "Sustainable Living Solutions"},
|
|
{
|
|
type: "text", text: "Timely Project Delivery"},
|
|
{
|
|
type: "text", text: "Client-Centric Approach"},
|
|
{
|
|
type: "text", text: "Innovative Urban Spaces"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Legacy of Excellence in Real Estate & Construction"
|
|
/>
|
|
{/* Description was removed from props as it is not supported by TextAbout schema.
|
|
Rendered as adjacent content to preserve original intent. */}
|
|
<p className="mt-4 text-center text-lg text-gray-700 dark:text-gray-300">
|
|
With decades of experience, Shree Aangan Developers LLP stands as a beacon of trust and quality in the real estate and construction industry. We are dedicated to delivering projects that exceed expectations, focusing on sustainable practices and client satisfaction. Our commitment to architectural integrity and timely delivery makes us the preferred choice for your next venture. We innovate to create spaces that inspire and endure, building not just structures, but thriving communities for the future.
|
|
</p>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Sustainable Design", description: "Integrating eco-friendly practices and materials to create energy-efficient and healthy living/working environments.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-perspective-tree-with-beautiful-canopy_23-2151305166.jpg", imageAlt: "Green building with solar panels"},
|
|
{
|
|
title: "Quality Craftsmanship", description: "Our projects are built with meticulous attention to detail and superior construction techniques, ensuring lasting durability and aesthetic appeal.", imageSrc: "http://img.b2bpic.net/free-photo/living-room-background-zoom-calls_52683-95237.jpg", imageAlt: "Craftsman working on interior details"},
|
|
{
|
|
title: "Timely Delivery", description: "We pride ourselves on efficient project management and adherence to timelines, delivering your property on schedule without compromising quality.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-making-agreement_23-2148269307.jpg", imageAlt: "Construction project timeline with workers"},
|
|
]}
|
|
title="Our Expertise: Quality, Innovation, and Trust"
|
|
description="We bring a blend of traditional craftsmanship and modern technology to every project, ensuring superior quality and lasting value."
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Luxury Apartment Complex", price: "Starting from $500K", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/apartment-building-with-balconies_250224-87.jpg", imageAlt: "Exterior of a luxury apartment complex"},
|
|
{
|
|
id: "2", name: "Modern Commercial Hub", price: "Leasing Options Available", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-708.jpg", imageAlt: "Modern commercial building in an urban setting"},
|
|
{
|
|
id: "3", name: "Exclusive Residential Villas", price: "On Request", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/balboa-park-san-diego-with-architecture_649448-2518.jpg", imageAlt: "Spacious residential villa with contemporary design"},
|
|
{
|
|
id: "4", name: "Prime Retail Spaces", price: "Available for Lease", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-blonde-lady-walking-outdoors_171337-19414.jpg", imageAlt: "Facade of a modern retail storefront"},
|
|
{
|
|
id: "5", name: "Gated Community Living", price: "Inquire for Details", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-client_23-2149349468.jpg", imageAlt: "Aerial view of a landscaped gated community"},
|
|
{
|
|
id: "6", name: "Advanced Industrial Park", price: "Custom Solutions", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1930.jpg", imageAlt: "Modern industrial park with multiple warehouses"},
|
|
]}
|
|
title="Our Signature Projects"
|
|
description="Explore our portfolio of meticulously designed residential and commercial properties, each a testament to our commitment to excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", icon: Home,
|
|
title: "Projects Completed", value: "250+"},
|
|
{
|
|
id: "2", icon: Building,
|
|
title: "Sq. Ft. Developed", value: "5M+"},
|
|
{
|
|
id: "3", icon: CalendarCheck,
|
|
title: "Years in Business", value: "20+"},
|
|
]}
|
|
title="Our Achievements: By Numbers"
|
|
description="Decades of dedication, countless satisfied clients, and a growing portfolio of landmark projects across the region."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Architech Solutions", "Urban Planners Inc.", "Green Build Innovations", "Property Capital Group", "Elite Interior Designs", "Smart Home Tech", "Construction Alliance"]}
|
|
title="Trusted by Industry Leaders and Partners"
|
|
description="Our collaborations with top architects, designers, and suppliers ensure the highest standards for every development."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Shree Aangan Developers delivered our dream home with unparalleled quality and professionalism. The entire process was smooth, transparent, and exceeded all our expectations. Highly recommended!"
|
|
rating={5}
|
|
author="Priya Sharma, Homeowner"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148138.jpg", alt: "Priya Sharma"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-happy-business-woman-posing-her-own-coffee-shop_1163-1790.jpg", alt: "Rohan Patel"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-elderly-man-with-strong-ethnic-features_23-2150607305.jpg", alt: "Anjali Mehta"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/poster-with-young-female-engineer-against-background-hydroelectric-power-station-construction-hands-specialist-drawing-concept-about-women-specialists-construction-industry_166373-9039.jpg", alt: "Sanjay Kapoor"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-talking-mobile-phone-while-coworker-looking-computer_1170-967.jpg", alt: "Neha Singh"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What types of properties do you develop?", content: "Shree Aangan Developers LLP specializes in both residential (apartments, villas, gated communities) and commercial properties (office spaces, retail hubs, industrial parks)."},
|
|
{
|
|
id: "q2", title: "How do you ensure project quality and timely delivery?", content: "We adhere to stringent quality control measures, utilize advanced construction techniques, and employ experienced project managers to ensure every project is delivered on schedule and to the highest standards. Our rigorous multi-stage inspection process guarantees superior build quality."},
|
|
{
|
|
id: "q3", title: "Do you offer post-sale support or maintenance?", content: "Yes, we provide comprehensive post-sale support and maintenance services to ensure client satisfaction and longevity of our properties. Details vary by project, and our dedicated support team is always available."},
|
|
{
|
|
id: "q4", title: "What is your approach to sustainable development?", content: "Sustainability is at our core. We integrate eco-friendly materials, energy-efficient designs, and green building certifications into our projects, aiming for a minimal environmental footprint."},
|
|
{
|
|
id: "q5", title: "How can I inquire about a property or partnership?", content: "You can reach out to us through the contact form on our website, email us directly, or call our office. Our team will be delighted to assist you with property inquiries or discuss potential partnership opportunities."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about our services, project timelines, and property acquisition process."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Connect With Our Experts"
|
|
description="Reach out to Shree Aangan Developers LLP for inquiries, project consultations, or partnership opportunities. We're here to help build your future."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg"
|
|
imageAlt="Modern office interior"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Projects", href: "#projects"},
|
|
{
|
|
label: "Services", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Residential Development", href: "#services"},
|
|
{
|
|
label: "Commercial Construction", href: "#services"},
|
|
{
|
|
label: "Property Management", href: "#"},
|
|
{
|
|
label: "Consultation", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Shree Aangan Developers LLP. All rights reserved."
|
|
bottomRightText="Built with passion."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|