Merge version_1 into main #3
@@ -5,13 +5,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Phone } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "About", id: "/about" },
|
||||
];
|
||||
@@ -33,10 +34,9 @@ export default function AboutPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Sri Mani Bala"
|
||||
navItems={navItems}
|
||||
navItems={navItems.map((item) => ({ name: item.name, id: item.id }))}
|
||||
button={{
|
||||
text: "Get Free Consultation",
|
||||
href: "#contact",
|
||||
text: "Get Free Consultation", href: "#contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -44,68 +44,44 @@ export default function AboutPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Simple Interior Design Process"
|
||||
description="From consultation to completion, we follow a structured process to ensure your dream interior comes to life perfectly"
|
||||
tag="Our Process"
|
||||
title="Trusted Interior Designers in Thanjavur"
|
||||
description="With a strong reputation for quality craftsmanship and attention to detail, Sri Mani Bala Interiors & Traders has helped homeowners and businesses transform their spaces into elegant and functional interiors."
|
||||
tag="Our Legacy"
|
||||
tagAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "1. Consultation",
|
||||
description: "Discuss your ideas, budget, and requirements with our expert team",
|
||||
},
|
||||
{
|
||||
title: "2. Design Planning",
|
||||
description: "Create the best design solution tailored to your space and style",
|
||||
},
|
||||
{
|
||||
title: "3. Craft & Build",
|
||||
description: "Our skilled team carefully builds and installs everything with precision",
|
||||
},
|
||||
{
|
||||
title: "4. Perfect Delivery",
|
||||
description: "Beautiful finishing and installation ensuring complete satisfaction",
|
||||
},
|
||||
{ title: "Excellent Finishing", description: "Precision craftsmanship in every detail with premium quality finishes" },
|
||||
{ title: "Affordable Pricing", description: "Luxury aesthetics without breaking the budget" },
|
||||
{ title: "Custom Design Options", description: "Personalized solutions tailored to your unique style and needs" },
|
||||
{ title: "Customer-First Approach", description: "Your satisfaction is our priority in every project" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-having-discussion-about-project-planning-marketing-strategy-working-together-business-man-woman-doing-teamwork-with-laptop-papers-design-presentation_482257-40028.jpg?_wi=2"
|
||||
imageAlt="Interior design process workflow"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg"
|
||||
imageAlt="Premium interior design showcase"
|
||||
mediaAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="left"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
title="Why We Stand Out"
|
||||
description="Sri Mani Bala Interiors brings decades of experience, premium craftsmanship, and customer-focused service to every project"
|
||||
tag="Our Achievements"
|
||||
title="Why Homeowners Choose Us"
|
||||
description="Discover what sets Sri Mani Bala Interiors apart in the luxury interior design market"
|
||||
tag="Our Strengths"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "experience",
|
||||
value: "45+",
|
||||
title: "Years of Expertise",
|
||||
description: "Generations of traditional and modern craftsmanship combined",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-man-choosing-skilled-labor-trades_1163-3107.jpg?_wi=2",
|
||||
imageAlt: "experienced craftsman working",
|
||||
id: "experience", value: "45+", title: "Years of Experience", description: "Traditional woodworking expertise passed through generations", imageSrc: "http://img.b2bpic.net/free-photo/millennial-man-choosing-skilled-labor-trades_1163-3107.jpg", imageAlt: "Experienced craftsman working interior design"
|
||||
},
|
||||
{
|
||||
id: "clients",
|
||||
value: "23+",
|
||||
title: "Satisfied Clients",
|
||||
description: "Each project completed with dedication and perfection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-resting_171337-3998.jpg?_wi=2",
|
||||
imageAlt: "happy satisfied customer",
|
||||
id: "finishing", value: "100%", title: "Premium Finishing", description: "Attention to every detail with luxury-grade materials", imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600764.jpg", imageAlt: "Premium finishing detail interior quality"
|
||||
},
|
||||
{
|
||||
id: "quality",
|
||||
value: "Premium",
|
||||
title: "Quality Materials",
|
||||
description: "Only the finest finishes and materials for luxury results",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600764.jpg?_wi=2",
|
||||
imageAlt: "premium finishing detail",
|
||||
id: "pricing", value: "Best", title: "Budget Friendly", description: "Luxury aesthetics without premium price tags", imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300882.jpg", imageAlt: "Affordable luxury home interior design"
|
||||
},
|
||||
{
|
||||
id: "satisfaction", value: "23+", title: "Happy Clients", description: "Customer satisfaction is always our top priority", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-resting_171337-3998.jpg", imageAlt: "Happy satisfied customer home portrait"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -113,27 +89,58 @@ export default function AboutPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Clients Say"
|
||||
description="Hear from satisfied homeowners who have transformed their spaces with Sri Mani Bala Interiors"
|
||||
tag="Testimonials"
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Yogalakshmi M", handle: "@yogalakshmi_m", testimonial: "We gave them the TV shelf work for our new house. It was done very beautifully and neatly. The finishing was excellent and the professionalism was impressive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-reading-book_23-2150059007.jpg", imageAlt: "Professional woman portrait testimonial"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Raj Ganesh", handle: "@raj_ganesh", testimonial: "Products are very high quality and the cost is very affordable. Thank you ManiBala Interiors team for exceeding our expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageAlt: "Professional man portrait testimonial"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Kadal Dharshu", handle: "@kadal_dharshu", testimonial: "Customer satisfaction was their priority. They didn't miss even small details. I really loved the result and recommend them highly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", imageAlt: "Happy client testimonial portrait"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Priya Sharma", handle: "@priya_sharma", testimonial: "The modular kitchen they designed for us is absolutely stunning. Professional team, timely delivery, and perfect installation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg", imageAlt: "Woman client testimonial portrait photo"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Vikram Kumar", handle: "@vikram_kumar", testimonial: "Transformed our living room completely. The wooden work is exquisite and the team was very cooperative throughout the project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg", imageAlt: "Man client testimonial portrait photo"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Anjali Nair", handle: "@anjali_nair", testimonial: "Best interior designers in Thanjavur. They understood our vision perfectly and delivered beyond expectations. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg", imageAlt: "Woman happy testimonial portrait photo"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
tagIcon={Phone}
|
||||
tagAnimation="slide-up"
|
||||
title="Start Your Interior Transformation Today"
|
||||
description="We're ready to bring your interior design dreams to life. Reach out to schedule a free consultation with our expert team and explore the possibilities for your space."
|
||||
title="Ready To Design Your Dream Interior?"
|
||||
description="Get a free consultation today from our team of expert interior designers. Let's transform your space into something beautiful."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact-form",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+919876543210" },
|
||||
{ text: "Get Free Quote", href: "#contact-form" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "circleGradient",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,68 +149,29 @@ export default function AboutPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Projects", href: "/projects" },
|
||||
{ label: "About", href: "/about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Modular Kitchen",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "TV Units",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Wardrobes",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Wooden Work",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Modular Kitchen", href: "#services" },
|
||||
{ label: "TV Units", href: "#services" },
|
||||
{ label: "Wardrobes", href: "#services" },
|
||||
{ label: "Wooden Work", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "📍 Thanjavur, Tamil Nadu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "📞 +91-XXXX-XXXX-XX",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
{
|
||||
label: "🕒 Open till 9:30 PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "📧 Email Us",
|
||||
href: "mailto:info@srimanibala.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "📍 Thanjavur, Tamil Nadu", href: "#" },
|
||||
{ label: "📞 +91-XXXX-XXXX-XX", href: "tel:+919876543210" },
|
||||
{ label: "🕒 Open till 9:30 PM", href: "#" },
|
||||
{ label: "📧 Email Us", href: "mailto:info@srimanibala.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Sri Mani Bala Interiors & Traders | All Rights Reserved"
|
||||
/>
|
||||
|
||||
383
src/app/page.tsx
383
src/app/page.tsx
@@ -11,11 +11,18 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { ChefHat, Tv, Wardrobe, Hammer, Blocks, Sparkles, Phone } from "lucide-react";
|
||||
import {
|
||||
ChefHat,
|
||||
Tv,
|
||||
Hammer,
|
||||
Blocks,
|
||||
Sparkles,
|
||||
Phone,
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "About", id: "/about" },
|
||||
];
|
||||
@@ -37,10 +44,9 @@ export default function HomePage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Sri Mani Bala"
|
||||
navItems={navItems}
|
||||
navItems={navItems.map((item) => ({ name: item.name, id: item.id }))}
|
||||
button={{
|
||||
text: "Get Free Consultation",
|
||||
href: "#contact",
|
||||
text: "Get Free Consultation", href: "#contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -51,34 +57,17 @@ export default function HomePage() {
|
||||
title="Luxury Interiors Crafted With Precision"
|
||||
description="Transform your home with premium interior designs, expert woodwork, and stunning finishes by Sri Mani Bala Interiors & Traders. 45+ years of traditional craftsmanship meeting modern aesthetics."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
|
||||
alt: "happy client portrait professional headshot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",
|
||||
alt: "happy client portrait professional headshot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-with-bobbed-hairstyle_273609-10615.jpg",
|
||||
alt: "happy client portrait professional headshot",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "Happy Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", alt: "Happy Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-woman-with-bobbed-hairstyle_273609-10615.jpg", alt: "Happy Client" }
|
||||
]}
|
||||
avatarText="Trusted by 23+ Happy Clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{ text: "Get Free Consultation", href: "#contact" },
|
||||
{ text: "View Projects", href: "/projects" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
ariaLabel="Hero section - Sri Mani Bala Interiors"
|
||||
/>
|
||||
</div>
|
||||
@@ -90,22 +79,10 @@ export default function HomePage() {
|
||||
tag="Our Legacy"
|
||||
tagAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Excellent Finishing",
|
||||
description: "Precision craftsmanship in every detail with premium quality finishes",
|
||||
},
|
||||
{
|
||||
title: "Affordable Pricing",
|
||||
description: "Luxury aesthetics without breaking the budget",
|
||||
},
|
||||
{
|
||||
title: "Custom Design Options",
|
||||
description: "Personalized solutions tailored to your unique style and needs",
|
||||
},
|
||||
{
|
||||
title: "Customer-First Approach",
|
||||
description: "Your satisfaction is our priority in every project",
|
||||
},
|
||||
{ title: "Excellent Finishing", description: "Precision craftsmanship in every detail with premium quality finishes" },
|
||||
{ title: "Affordable Pricing", description: "Luxury aesthetics without breaking the budget" },
|
||||
{ title: "Custom Design Options", description: "Personalized solutions tailored to your unique style and needs" },
|
||||
{ title: "Customer-First Approach", description: "Your satisfaction is our priority in every project" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg"
|
||||
imageAlt="Premium interior design showcase"
|
||||
@@ -124,95 +101,71 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Modular Kitchen",
|
||||
description: "Modern kitchen designs with premium finishing and functional layouts",
|
||||
icon: ChefHat,
|
||||
title: "Modular Kitchen", description: "Modern kitchen designs with premium finishing and functional layouts", icon: ChefHat,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/black-slate-rectangular-serving-tray-isolated-transparent-background_191095-85852.jpg?_wi=1",
|
||||
imageAlt: "Modern modular kitchen design",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/black-slate-rectangular-serving-tray-isolated-transparent-background_191095-85852.jpg", imageAlt: "Modern modular kitchen design"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg?_wi=1",
|
||||
imageAlt: "Premium kitchen finishes",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg", imageAlt: "Premium kitchen finishes"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "TV Units & Wall Panels",
|
||||
description: "Elegant TV shelves and feature walls that become focal points",
|
||||
icon: Tv,
|
||||
title: "TV Units & Wall Panels", description: "Elegant TV shelves and feature walls that become focal points", icon: Tv,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-hall-furniture_52683-69523.jpg?_wi=1",
|
||||
imageAlt: "Luxury TV unit design",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-hall-furniture_52683-69523.jpg", imageAlt: "Luxury TV unit design"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ray-sun-textured-wall-room_169016-24694.jpg?_wi=1",
|
||||
imageAlt: "Feature wall panel installation",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ray-sun-textured-wall-room_169016-24694.jpg", imageAlt: "Feature wall panel installation"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Wardrobes",
|
||||
description: "Space-saving wardrobes designed with style and maximum storage",
|
||||
icon: Wardrobe,
|
||||
title: "Wardrobes", description: "Space-saving wardrobes designed with style and maximum storage", icon: Blocks,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13063.jpg?_wi=1",
|
||||
imageAlt: "Custom wardrobe design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13063.jpg", imageAlt: "Custom wardrobe design"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-7723.jpg?_wi=1",
|
||||
imageAlt: "Spacious wardrobe organization",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-7723.jpg", imageAlt: "Spacious wardrobe organization"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Wooden Interior Work",
|
||||
description: "Custom wood craftsmanship for every room with premium finishes",
|
||||
icon: Hammer,
|
||||
title: "Wooden Interior Work", description: "Custom wood craftsmanship for every room with premium finishes", icon: Hammer,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-classic-oak-furniture-closeup-old-sofa-classic-office-interior-design-concept-space-text_166373-2661.jpg?_wi=1",
|
||||
imageAlt: "Wooden interior craftsmanship",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-classic-oak-furniture-closeup-old-sofa-classic-office-interior-design-concept-space-text_166373-2661.jpg", imageAlt: "Wooden interior craftsmanship"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afternoon-shadows-wooden-wall_122409-33.jpg?_wi=1",
|
||||
imageAlt: "Premium wood finishing",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afternoon-shadows-wooden-wall_122409-33.jpg", imageAlt: "Premium wood finishing"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Glass & PVC Works",
|
||||
description: "Stylish modern material solutions for contemporary interiors",
|
||||
icon: Blocks,
|
||||
title: "Glass & PVC Works", description: "Stylish modern material solutions for contemporary interiors", icon: Blocks,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-shopping-mall_23-2147669866.jpg?_wi=1",
|
||||
imageAlt: "Glass partition design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-shopping-mall_23-2147669866.jpg", imageAlt: "Glass partition design"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-wood-wall-design_53876-75115.jpg?_wi=1",
|
||||
imageAlt: "Modern PVC interior solutions",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-wood-wall-design_53876-75115.jpg", imageAlt: "Modern PVC interior solutions"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Temple Work",
|
||||
description: "Traditional wooden pooja units crafted with precision and reverence",
|
||||
icon: Sparkles,
|
||||
title: "Temple Work", description: "Traditional wooden pooja units crafted with precision and reverence", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distressed-door-antique-blue-gold-design-texture_169016-68750.jpg?_wi=1",
|
||||
imageAlt: "Traditional temple design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distressed-door-antique-blue-gold-design-texture_169016-68750.jpg", imageAlt: "Traditional temple design"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-harvest-with-corn-pumpkin_23-2148668724.jpg?_wi=1",
|
||||
imageAlt: "Sacred wooden craftsmanship",
|
||||
},
|
||||
],
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-harvest-with-corn-pumpkin_23-2148668724.jpg", imageAlt: "Sacred wooden craftsmanship"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -229,37 +182,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "experience",
|
||||
value: "45+",
|
||||
title: "Years of Experience",
|
||||
description: "Traditional woodworking expertise passed through generations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-man-choosing-skilled-labor-trades_1163-3107.jpg?_wi=1",
|
||||
imageAlt: "experienced craftsman working interior design",
|
||||
id: "experience", value: "45+", title: "Years of Experience", description: "Traditional woodworking expertise passed through generations", imageSrc: "http://img.b2bpic.net/free-photo/millennial-man-choosing-skilled-labor-trades_1163-3107.jpg", imageAlt: "Experienced craftsman working interior design"
|
||||
},
|
||||
{
|
||||
id: "finishing",
|
||||
value: "100%",
|
||||
title: "Premium Finishing",
|
||||
description: "Attention to every detail with luxury-grade materials",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600764.jpg?_wi=1",
|
||||
imageAlt: "premium finishing detail interior quality",
|
||||
id: "finishing", value: "100%", title: "Premium Finishing", description: "Attention to every detail with luxury-grade materials", imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600764.jpg", imageAlt: "Premium finishing detail interior quality"
|
||||
},
|
||||
{
|
||||
id: "pricing",
|
||||
value: "Best",
|
||||
title: "Budget Friendly",
|
||||
description: "Luxury aesthetics without premium price tags",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300882.jpg",
|
||||
imageAlt: "affordable luxury home interior design",
|
||||
id: "pricing", value: "Best", title: "Budget Friendly", description: "Luxury aesthetics without premium price tags", imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300882.jpg", imageAlt: "Affordable luxury home interior design"
|
||||
},
|
||||
{
|
||||
id: "satisfaction",
|
||||
value: "23+",
|
||||
title: "Happy Clients",
|
||||
description: "Customer satisfaction is always our top priority",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-resting_171337-3998.jpg?_wi=1",
|
||||
imageAlt: "happy satisfied customer home portrait",
|
||||
},
|
||||
id: "satisfaction", value: "23+", title: "Happy Clients", description: "Customer satisfaction is always our top priority", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-resting_171337-3998.jpg", imageAlt: "Happy satisfied customer home portrait"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -275,59 +208,29 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Yogalakshmi M",
|
||||
handle: "@yogalakshmi_m",
|
||||
testimonial: "We gave them the TV shelf work for our new house. It was done very beautifully and neatly. The finishing was excellent and the professionalism was impressive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-reading-book_23-2150059007.jpg",
|
||||
imageAlt: "professional woman portrait testimonial",
|
||||
id: "1", name: "Yogalakshmi M", handle: "@yogalakshmi_m", testimonial: "We gave them the TV shelf work for our new house. It was done very beautifully and neatly. The finishing was excellent and the professionalism was impressive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-reading-book_23-2150059007.jpg", imageAlt: "Professional woman portrait testimonial"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Raj Ganesh",
|
||||
handle: "@raj_ganesh",
|
||||
testimonial: "Products are very high quality and the cost is very affordable. Thank you ManiBala Interiors team for exceeding our expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
imageAlt: "professional man portrait testimonial",
|
||||
id: "2", name: "Raj Ganesh", handle: "@raj_ganesh", testimonial: "Products are very high quality and the cost is very affordable. Thank you ManiBala Interiors team for exceeding our expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageAlt: "Professional man portrait testimonial"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kadal Dharshu",
|
||||
handle: "@kadal_dharshu",
|
||||
testimonial: "Customer satisfaction was their priority. They didn't miss even small details. I really loved the result and recommend them highly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
imageAlt: "happy client testimonial portrait",
|
||||
id: "3", name: "Kadal Dharshu", handle: "@kadal_dharshu", testimonial: "Customer satisfaction was their priority. They didn't miss even small details. I really loved the result and recommend them highly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", imageAlt: "Happy client testimonial portrait"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Priya Sharma",
|
||||
handle: "@priya_sharma",
|
||||
testimonial: "The modular kitchen they designed for us is absolutely stunning. Professional team, timely delivery, and perfect installation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg",
|
||||
imageAlt: "woman client testimonial portrait photo",
|
||||
id: "4", name: "Priya Sharma", handle: "@priya_sharma", testimonial: "The modular kitchen they designed for us is absolutely stunning. Professional team, timely delivery, and perfect installation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg", imageAlt: "Woman client testimonial portrait photo"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram Kumar",
|
||||
handle: "@vikram_kumar",
|
||||
testimonial: "Transformed our living room completely. The wooden work is exquisite and the team was very cooperative throughout the project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg",
|
||||
imageAlt: "man client testimonial portrait photo",
|
||||
id: "5", name: "Vikram Kumar", handle: "@vikram_kumar", testimonial: "Transformed our living room completely. The wooden work is exquisite and the team was very cooperative throughout the project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg", imageAlt: "Man client testimonial portrait photo"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Anjali Nair",
|
||||
handle: "@anjali_nair",
|
||||
testimonial: "Best interior designers in Thanjavur. They understood our vision perfectly and delivered beyond expectations. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
|
||||
imageAlt: "woman happy testimonial portrait photo",
|
||||
},
|
||||
id: "6", name: "Anjali Nair", handle: "@anjali_nair", testimonial: "Best interior designers in Thanjavur. They understood our vision perfectly and delivered beyond expectations. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg", imageAlt: "Woman happy testimonial portrait photo"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
@@ -336,6 +239,61 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
title="Our Project Gallery"
|
||||
description="Explore our collection of completed interior design projects showcasing quality and craftsmanship"
|
||||
tag="Portfolio"
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "living-1", name: "Modern Living Room", price: "₹2,50,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407642.jpg", imageAlt: "Modern living room interior design completed"
|
||||
},
|
||||
{
|
||||
id: "kitchen-1", name: "Premium Modular Kitchen", price: "₹3,50,000", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199370.jpg", imageAlt: "Luxury kitchen design"
|
||||
},
|
||||
{
|
||||
id: "tv-1", name: "Wooden TV Unit", price: "₹1,50,000", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185029.jpg", imageAlt: "Elegant TV unit"
|
||||
},
|
||||
{
|
||||
id: "wardrobe-1", name: "Master Bedroom Wardrobe", price: "₹2,00,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-organizer-cutlery-drawer-premium-kitchen_169016-68988.jpg", imageAlt: "Custom wardrobe installation"
|
||||
},
|
||||
{
|
||||
id: "temple-1", name: "Traditional Pooja Unit", price: "₹1,00,000", imageSrc: "http://img.b2bpic.net/free-vector/diwali-facebook-cover-design_1142-298.jpg", imageAlt: "Wooden temple design"
|
||||
},
|
||||
{
|
||||
id: "hallway-1", name: "Contemporary Hallway", price: "₹2,75,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160766.jpg", imageAlt: "Modern hallway design"
|
||||
}
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Projects", href: "/projects" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<SplitAbout
|
||||
title="Our Simple Interior Design Process"
|
||||
description="From consultation to completion, we follow a structured process to ensure your dream interior comes to life perfectly"
|
||||
tag="Our Process"
|
||||
tagAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{ title: "1. Consultation", description: "Discuss your ideas, budget, and requirements with our expert team" },
|
||||
{ title: "2. Design Planning", description: "Create the best design solution tailored to your space and style" },
|
||||
{ title: "3. Craft & Build", description: "Our skilled team carefully builds and installs everything with precision" },
|
||||
{ title: "4. Perfect Delivery", description: "Beautiful finishing and installation ensuring complete satisfaction" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-having-discussion-about-project-planning-marketing-strategy-working-together-business-man-woman-doing-teamwork-with-laptop-papers-design-presentation_482257-40028.jpg"
|
||||
imageAlt="Interior design process workflow"
|
||||
mediaAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
@@ -344,19 +302,11 @@ export default function HomePage() {
|
||||
title="Ready To Design Your Dream Interior?"
|
||||
description="Get a free consultation today from our team of expert interior designers. Let's transform your space into something beautiful."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact-form",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+919876543210" },
|
||||
{ text: "Get Free Quote", href: "#contact-form" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "circleGradient",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -365,68 +315,29 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Projects", href: "/projects" },
|
||||
{ label: "About", href: "/about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Modular Kitchen",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "TV Units",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Wardrobes",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Wooden Work",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Modular Kitchen", href: "#services" },
|
||||
{ label: "TV Units", href: "#services" },
|
||||
{ label: "Wardrobes", href: "#services" },
|
||||
{ label: "Wooden Work", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "📍 Thanjavur, Tamil Nadu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "📞 +91-XXXX-XXXX-XX",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
{
|
||||
label: "🕒 Open till 9:30 PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "📧 Email Us",
|
||||
href: "mailto:info@srimanibala.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "📍 Thanjavur, Tamil Nadu", href: "#" },
|
||||
{ label: "📞 +91-XXXX-XXXX-XX", href: "tel:+919876543210" },
|
||||
{ label: "🕒 Open till 9:30 PM", href: "#" },
|
||||
{ label: "📧 Email Us", href: "mailto:info@srimanibala.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Sri Mani Bala Interiors & Traders | All Rights Reserved"
|
||||
/>
|
||||
|
||||
@@ -10,7 +10,7 @@ import { Phone } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "About", id: "/about" },
|
||||
];
|
||||
@@ -32,10 +32,9 @@ export default function ProjectsPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Sri Mani Bala"
|
||||
navItems={navItems}
|
||||
navItems={navItems.map((item) => ({ name: item.name, id: item.id }))}
|
||||
button={{
|
||||
text: "Get Free Consultation",
|
||||
href: "#contact",
|
||||
text: "Get Free Consultation", href: "#contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -49,58 +48,29 @@ export default function ProjectsPage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "living-1",
|
||||
name: "Modern Living Room",
|
||||
price: "₹2,50,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407642.jpg",
|
||||
imageAlt: "Modern living room interior",
|
||||
id: "living-1", name: "Modern Living Room", price: "₹2,50,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407642.jpg", imageAlt: "Modern living room interior design completed"
|
||||
},
|
||||
{
|
||||
id: "kitchen-1",
|
||||
name: "Premium Modular Kitchen",
|
||||
price: "₹3,50,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199370.jpg",
|
||||
imageAlt: "Luxury kitchen design",
|
||||
id: "kitchen-1", name: "Premium Modular Kitchen", price: "₹3,50,000", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199370.jpg", imageAlt: "Luxury kitchen design"
|
||||
},
|
||||
{
|
||||
id: "tv-1",
|
||||
name: "Wooden TV Unit",
|
||||
price: "₹1,50,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185029.jpg",
|
||||
imageAlt: "Elegant TV unit",
|
||||
id: "tv-1", name: "Wooden TV Unit", price: "₹1,50,000", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185029.jpg", imageAlt: "Elegant TV unit"
|
||||
},
|
||||
{
|
||||
id: "wardrobe-1",
|
||||
name: "Master Bedroom Wardrobe",
|
||||
price: "₹2,00,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-organizer-cutlery-drawer-premium-kitchen_169016-68988.jpg",
|
||||
imageAlt: "Custom wardrobe installation",
|
||||
id: "wardrobe-1", name: "Master Bedroom Wardrobe", price: "₹2,00,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-organizer-cutlery-drawer-premium-kitchen_169016-68988.jpg", imageAlt: "Custom wardrobe installation"
|
||||
},
|
||||
{
|
||||
id: "temple-1",
|
||||
name: "Traditional Pooja Unit",
|
||||
price: "₹1,00,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/diwali-facebook-cover-design_1142-298.jpg",
|
||||
imageAlt: "Wooden temple design",
|
||||
id: "temple-1", name: "Traditional Pooja Unit", price: "₹1,00,000", imageSrc: "http://img.b2bpic.net/free-vector/diwali-facebook-cover-design_1142-298.jpg", imageAlt: "Wooden temple design"
|
||||
},
|
||||
{
|
||||
id: "hallway-1",
|
||||
name: "Contemporary Hallway",
|
||||
price: "₹2,75,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160766.jpg",
|
||||
imageAlt: "Modern hallway design",
|
||||
},
|
||||
id: "hallway-1", name: "Contemporary Hallway", price: "₹2,75,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160766.jpg", imageAlt: "Modern hallway design"
|
||||
}
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Back to Home",
|
||||
href: "/",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View All Projects", href: "/projects" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,22 +79,14 @@ export default function ProjectsPage() {
|
||||
tag="Get in Touch"
|
||||
tagIcon={Phone}
|
||||
tagAnimation="slide-up"
|
||||
title="Interested in Our Work?"
|
||||
description="Let's discuss how we can transform your space into a beautiful interior. Contact us today for a free consultation and personalized design proposal."
|
||||
title="Ready To Design Your Dream Interior?"
|
||||
description="Get a free consultation today from our team of expert interior designers. Let's transform your space into something beautiful."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact-form",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+919876543210" },
|
||||
{ text: "Get Free Quote", href: "#contact-form" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "circleGradient",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,68 +95,29 @@ export default function ProjectsPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Projects", href: "/projects" },
|
||||
{ label: "About", href: "/about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Modular Kitchen",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "TV Units",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Wardrobes",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Wooden Work",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Modular Kitchen", href: "#services" },
|
||||
{ label: "TV Units", href: "#services" },
|
||||
{ label: "Wardrobes", href: "#services" },
|
||||
{ label: "Wooden Work", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "📍 Thanjavur, Tamil Nadu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "📞 +91-XXXX-XXXX-XX",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
{
|
||||
label: "🕒 Open till 9:30 PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "📧 Email Us",
|
||||
href: "mailto:info@srimanibala.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "📍 Thanjavur, Tamil Nadu", href: "#" },
|
||||
{ label: "📞 +91-XXXX-XXXX-XX", href: "tel:+919876543210" },
|
||||
{ label: "🕒 Open till 9:30 PM", href: "#" },
|
||||
{ label: "📧 Email Us", href: "mailto:info@srimanibala.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Sri Mani Bala Interiors & Traders | All Rights Reserved"
|
||||
/>
|
||||
|
||||
@@ -10,7 +10,6 @@ import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import {
|
||||
ChefHat,
|
||||
Tv,
|
||||
Wardrobe,
|
||||
Hammer,
|
||||
Blocks,
|
||||
Sparkles,
|
||||
@@ -43,7 +42,8 @@ export default function ServicesPage() {
|
||||
brandName="Sri Mani Bala"
|
||||
navItems={navItems.map((item) => ({ name: item.name, id: item.id }))}
|
||||
button={{
|
||||
text: "Get Free Consultation", href: "#contact"}}
|
||||
text: "Get Free Consultation", href: "#contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -56,73 +56,71 @@ export default function ServicesPage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Modular Kitchen", description:
|
||||
"Modern kitchen designs with premium finishing and functional layouts", icon: ChefHat,
|
||||
title: "Modular Kitchen", description: "Modern kitchen designs with premium finishing and functional layouts", icon: ChefHat,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/black-slate-rectangular-serving-tray-isolated-transparent-background_191095-85852.jpg", imageAlt: "Modern modular kitchen design"},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/black-slate-rectangular-serving-tray-isolated-transparent-background_191095-85852.jpg", imageAlt: "Modern modular kitchen design"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg", imageAlt: "Premium kitchen finishes"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-19743.jpg", imageAlt: "Premium kitchen finishes"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "TV Units & Wall Panels", description: "Elegant TV shelves and feature walls that become focal points", icon: Tv,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/realistic-hall-furniture_52683-69523.jpg", imageAlt: "Luxury TV unit design"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-hall-furniture_52683-69523.jpg", imageAlt: "Luxury TV unit design"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/ray-sun-textured-wall-room_169016-24694.jpg", imageAlt: "Feature wall panel installation"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ray-sun-textured-wall-room_169016-24694.jpg", imageAlt: "Feature wall panel installation"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Wardrobes", description: "Space-saving wardrobes designed with style and maximum storage", icon: Wardrobe,
|
||||
title: "Wardrobes", description: "Space-saving wardrobes designed with style and maximum storage", icon: Blocks,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13063.jpg", imageAlt: "Custom wardrobe design"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13063.jpg", imageAlt: "Custom wardrobe design"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-7723.jpg", imageAlt: "Spacious wardrobe organization"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-7723.jpg", imageAlt: "Spacious wardrobe organization"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Wooden Interior Work", description:
|
||||
"Custom wood craftsmanship for every room with premium finishes", icon: Hammer,
|
||||
title: "Wooden Interior Work", description: "Custom wood craftsmanship for every room with premium finishes", icon: Hammer,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/details-classic-oak-furniture-closeup-old-sofa-classic-office-interior-design-concept-space-text_166373-2661.jpg", imageAlt: "Wooden interior craftsmanship"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-classic-oak-furniture-closeup-old-sofa-classic-office-interior-design-concept-space-text_166373-2661.jpg", imageAlt: "Wooden interior craftsmanship"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/afternoon-shadows-wooden-wall_122409-33.jpg", imageAlt: "Premium wood finishing"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afternoon-shadows-wooden-wall_122409-33.jpg", imageAlt: "Premium wood finishing"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Glass & PVC Works", description: "Stylish modern material solutions for contemporary interiors", icon: Blocks,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/interior-shopping-mall_23-2147669866.jpg", imageAlt: "Glass partition design"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-shopping-mall_23-2147669866.jpg", imageAlt: "Glass partition design"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/light-wood-wall-design_53876-75115.jpg", imageAlt: "Modern PVC interior solutions"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-wood-wall-design_53876-75115.jpg", imageAlt: "Modern PVC interior solutions"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Temple Work", description: "Traditional wooden pooja units crafted with precision and reverence", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/distressed-door-antique-blue-gold-design-texture_169016-68750.jpg", imageAlt: "Traditional temple design"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distressed-door-antique-blue-gold-design-texture_169016-68750.jpg", imageAlt: "Traditional temple design"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/autumn-harvest-with-corn-pumpkin_23-2148668724.jpg", imageAlt: "Sacred wooden craftsmanship"},
|
||||
],
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-harvest-with-corn-pumpkin_23-2148668724.jpg", imageAlt: "Sacred wooden craftsmanship"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -138,18 +136,10 @@ export default function ServicesPage() {
|
||||
tag="Our Process"
|
||||
tagAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "1. Consultation", description:
|
||||
"Discuss your ideas, budget, and requirements with our expert team"},
|
||||
{
|
||||
title: "2. Design Planning", description:
|
||||
"Create the best design solution tailored to your space and style"},
|
||||
{
|
||||
title: "3. Craft & Build", description:
|
||||
"Our skilled team carefully builds and installs everything with precision"},
|
||||
{
|
||||
title: "4. Perfect Delivery", description:
|
||||
"Beautiful finishing and installation ensuring complete satisfaction"},
|
||||
{ title: "1. Consultation", description: "Discuss your ideas, budget, and requirements with our expert team" },
|
||||
{ title: "2. Design Planning", description: "Create the best design solution tailored to your space and style" },
|
||||
{ title: "3. Craft & Build", description: "Our skilled team carefully builds and installs everything with precision" },
|
||||
{ title: "4. Perfect Delivery", description: "Beautiful finishing and installation ensuring complete satisfaction" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-having-discussion-about-project-planning-marketing-strategy-working-together-business-man-woman-doing-teamwork-with-laptop-papers-design-presentation_482257-40028.jpg"
|
||||
imageAlt="Interior design process workflow"
|
||||
@@ -168,14 +158,11 @@ export default function ServicesPage() {
|
||||
title="Ready To Design Your Dream Interior?"
|
||||
description="Get a free consultation today from our team of expert interior designers. Let's transform your space into something beautiful."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:+919876543210"},
|
||||
{
|
||||
text: "Get Free Quote", href: "#contact-form"},
|
||||
{ text: "Call Now", href: "tel:+919876543210" },
|
||||
{ text: "Get Free Quote", href: "#contact-form" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "circleGradient"}}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -185,40 +172,28 @@ export default function ServicesPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Projects", href: "/projects" },
|
||||
{ label: "About", href: "/about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Modular Kitchen", href: "#services"},
|
||||
{
|
||||
label: "TV Units", href: "#services"},
|
||||
{
|
||||
label: "Wardrobes", href: "#services"},
|
||||
{
|
||||
label: "Wooden Work", href: "#services"},
|
||||
],
|
||||
{ label: "Modular Kitchen", href: "#services" },
|
||||
{ label: "TV Units", href: "#services" },
|
||||
{ label: "Wardrobes", href: "#services" },
|
||||
{ label: "Wooden Work", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "📍 Thanjavur, Tamil Nadu", href: "#"},
|
||||
{
|
||||
label: "📞 +91-XXXX-XXXX-XX", href: "tel:+919876543210"},
|
||||
{
|
||||
label: "🕒 Open till 9:30 PM", href: "#"},
|
||||
{
|
||||
label: "📧 Email Us", href: "mailto:info@srimanibala.com"},
|
||||
],
|
||||
},
|
||||
{ label: "📍 Thanjavur, Tamil Nadu", href: "#" },
|
||||
{ label: "📞 +91-XXXX-XXXX-XX", href: "tel:+919876543210" },
|
||||
{ label: "🕒 Open till 9:30 PM", href: "#" },
|
||||
{ label: "📧 Email Us", href: "mailto:info@srimanibala.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Sri Mani Bala Interiors & Traders | All Rights Reserved"
|
||||
/>
|
||||
|
||||
@@ -1,51 +1,37 @@
|
||||
"use client";
|
||||
import React, { SVGProps } from "react";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
className?: string;
|
||||
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
|
||||
color?: string;
|
||||
width?: number | string;
|
||||
height?: number | string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
color = "#000000", width = 200,
|
||||
height = 50,
|
||||
...props
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox="0 0 200 50"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="10"
|
||||
y="35"
|
||||
fontSize="28"
|
||||
fontWeight="bold"
|
||||
fill={color}
|
||||
fontFamily="Arial, sans-serif"
|
||||
dominantBaseline="auto"
|
||||
>
|
||||
{logoText}
|
||||
Logo Text
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user