172 lines
8.3 KiB
TypeScript
172 lines
8.3 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Gem, Award } from "lucide-react";
|
|
|
|
export default function DharamMarblesPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Dharam Marbles"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Get Quote", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
tag="Premium Marble Specialists"
|
|
tagIcon={Gem}
|
|
title="Exquisite Marble for Timeless Interiors"
|
|
description="Dharam Marbles delivers high-quality natural stone solutions, combining elegance with durability for your architectural visions."
|
|
testimonials={[{ name: "Designer Ar. Mehta", handle: "@mehta", testimonial: "Beautiful slabs!", rating: 5 }]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/hero.jpg"
|
|
imageAlt="Premium Marble Slabs"
|
|
showDimOverlay={true}
|
|
textPosition="top"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Dharam Marbles"
|
|
icon={Gem}
|
|
title="Crafting excellence in every stone we carve."
|
|
description="Founded on precision and passion, Dharam Marbles has become a trusted name in the industry, sourcing and providing the finest quality marbles globally."
|
|
subdescription="Led by our founder, Dharam Chand, we ensure every piece meets the highest aesthetic and durability standards."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg?_wi=1"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
tag="Our Offerings"
|
|
title="Excellence in Every Slab"
|
|
description="Explore our curated selection of premium marbles and stone solutions designed for luxury spaces."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ tag: "Selection", title: "Premium Marble", subtitle: "Sourced Globally", description: "Handpicked marble varieties known for their unique veining and strength.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg?_wi=2" },
|
|
{ tag: "Customization", title: "Custom Cutting", subtitle: "Precision Fit", description: "Tailored dimensions to meet specific design requirements for your projects.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg" },
|
|
{ tag: "Finishing", title: "Polishing & Care", subtitle: "High Gloss", description: "Advanced finishing techniques to bring out the natural luster of every slab.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<TeamCardSix
|
|
title="Why Partner With Us"
|
|
description="Experience the unmatched difference in quality and service."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{ id: "1", name: "Uncompromising Quality", role: "We only provide Grade-A certified marble blocks." },
|
|
{ id: "2", name: "Competitive Pricing", role: "Direct sourcing allows us to offer premium quality at accessible prices." },
|
|
{ id: "3", name: "Expert Logistics", role: "Reliable, on-time delivery across the region." },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
tag="Our Leadership"
|
|
title="Meet the Owners"
|
|
description="Dedicated visionaries driving the legacy of Dharam Marbles."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{ id: "1", name: "Dharam Chand", role: "Founder & Director" },
|
|
{ id: "2", name: "Management Team", role: "Operations & Client Relations" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTag="Client Feedback"
|
|
cardTitle="Trusted by interior designers and construction experts alike."
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Designer Ar. Mehta", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg" },
|
|
{ id: "2", name: "Contractor Singh", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
tag="Support"
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common queries."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{ id: "1", title: "How can I order?", content: "Visit our showroom or reach out via our contact form to discuss your requirements." },
|
|
{ id: "2", title: "Do you ship nationwide?", content: "Yes, we coordinate secure logistics to deliver across the country." },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Contact Us"
|
|
description="Reach out to the Dharam Marbles team for inquiries or consultations."
|
|
useInvertedBackground={false}
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email", required: true },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "How can we assist you?", required: true }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Why Us", href: "#why-us" }] },
|
|
{ title: "Contact Details", items: [{ label: "Phone: +91 98765 43210", href: "tel:+919876543210" }, { label: "Email: info@dharammarbles.com", href: "mailto:info@dharammarbles.com" }] },
|
|
]}
|
|
bottomLeftText="© 2026 Dharam Marbles"
|
|
bottomRightText="Designed by Dharam Marbles"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |