271 lines
14 KiB
TypeScript
271 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Award, Clock, DollarSign, Heart, MapPin, Palette, Scissors, Shield, Sparkles, Star, Users, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Hairable Salon"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "📞 Call Now", href: "tel:+919999788891" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Premium Hair Salon in Janakpuri"
|
|
description="Expert stylists, hygienic environment, and affordable prices. Experience professional hair care with our award-winning team. Open daily until 9:30 PM."
|
|
tag="⭐ 4.9 Rating"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+919999788891" },
|
|
{ text: "📅 Book Appointment", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah M.", handle: "@sarahm_delhi", testimonial: "Good staff and environment. Awesome service. Must visit!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-smiling-woman-with-mesmerizing-green-eyes-against-blurry-background_181624-19463.jpg", imageAlt: "Sarah customer testimonial"
|
|
},
|
|
{
|
|
name: "Rajesh K.", handle: "@rajeshk_janakpuri", testimonial: "Excellent service, clean place and courteous staff. Highly recommended.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg", imageAlt: "Rajesh customer testimonial"
|
|
},
|
|
{
|
|
name: "Priya D.", handle: "@priyadubai", testimonial: "Reasonable prices and best work. The team is very professional.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageAlt: "Priya customer testimonial"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
background={{ variant: "noise" }}
|
|
mediaAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-women-with-make-up_23-2149190628.jpg?_wi=1"
|
|
imageAlt="Hairable Salon Professional Interior"
|
|
imagePosition="right"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardOne
|
|
title="Why Hairable Salon?"
|
|
description="Trusted by hundreds of happy customers across West Delhi. We prioritize quality, hygiene, and customer satisfaction."
|
|
metrics={[
|
|
{
|
|
id: "rating", value: "4.9★", title: "Average Rating", description: "Based on 285+ verified reviews", icon: Star
|
|
},
|
|
{
|
|
id: "customers", value: "285+", title: "Happy Customers", description: "Satisfied clients across Delhi", icon: Users
|
|
},
|
|
{
|
|
id: "experience", value: "10+", title: "Years Experience", description: "Expert stylists and grooming professionals", icon: Award
|
|
},
|
|
{
|
|
id: "hygiene", value: "100%", title: "Hygiene Standards", description: "Premium sanitation and cleanliness", icon: Shield
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
title="Our Services"
|
|
description="Professional hair care services for men and women. From cuts and styling to advanced treatments, we offer complete salon solutions."
|
|
features={[
|
|
{
|
|
icon: Scissors,
|
|
title: "Haircut & Styling", description: "Professional haircuts for all styles and preferences. Expert stylists trained in latest techniques.", button: { text: "Book Now", href: "#contact" }
|
|
},
|
|
{
|
|
icon: Palette,
|
|
title: "Hair Coloring", description: "Premium hair coloring and highlights. Vibrant, long-lasting results with expert color consultation.", button: { text: "Book Now", href: "#contact" }
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "Hair Smoothening", description: "Advanced smoothening treatments. Smooth, manageable hair with professional keratin care.", button: { text: "Book Now", href: "#contact" }
|
|
},
|
|
{
|
|
icon: Sparkles,
|
|
title: "Hair Highlights", description: "Creative highlights and partial coloring. Transform your look with professional techniques.", button: { text: "Book Now", href: "#contact" }
|
|
},
|
|
{
|
|
icon: Heart,
|
|
title: "Men Grooming", description: "Complete grooming services for men. Premium cuts, trims, and styling expertise.", button: { text: "Book Now", href: "#contact" }
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: "Hair Treatment", description: "Therapeutic hair treatments and conditioning. Restore health and shine to your hair.", button: { text: "Book Now", href: "#contact" }
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="The entire experience at Hairable Salon was fantastic. Professional staff, clean environment, and reasonable pricing. I recommend them to all my friends and family!"
|
|
rating={5}
|
|
author="285+ Happy Customers"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/picture-beautiful-smiling-woman-with-mesmerizing-green-eyes-against-blurry-background_181624-19463.jpg", alt: "Customer 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg", alt: "Customer 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Customer 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/casual-businessman_1098-13382.jpg", alt: "Customer 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/positive-woman-smiling-sincerely-young-natural-looking-lady-student-age-wearing-blue-cotton-shirt_285396-4376.jpg", alt: "Customer 5" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-showing-two-thumbs-up_171337-415.jpg", alt: "Customer 6" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Why Choose Hairable Salon?"
|
|
description="Experience premium salon services at affordable prices. Our expert team is dedicated to making you look and feel your best."
|
|
bulletPoints={[
|
|
{
|
|
title: "Expert Stylists", description: "Professionally trained staff with 10+ years of experience in hair styling and grooming.", icon: Award
|
|
},
|
|
{
|
|
title: "Hygienic Environment", description: "Premium sanitation standards and clean workspace. Your health and safety are our priority.", icon: Shield
|
|
},
|
|
{
|
|
title: "Friendly Staff", description: "Courteous and welcoming team that treats every customer like family.", icon: Heart
|
|
},
|
|
{
|
|
title: "Affordable Pricing", description: "Premium quality services at reasonable prices. Great value for money.", icon: DollarSign
|
|
},
|
|
{
|
|
title: "Latest Techniques", description: "Up-to-date with latest hair styling and treatment trends in the industry.", icon: Zap
|
|
},
|
|
{
|
|
title: "Convenient Location", description: "Located in Janakpuri with easy access. Open daily until 9:30 PM.", icon: MapPin
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
mediaAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-women-with-make-up_23-2149190628.jpg?_wi=2"
|
|
imageAlt="Hairable Salon Team"
|
|
imagePosition="right"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactCTA
|
|
tag="Limited Time"
|
|
tagIcon={Clock}
|
|
tagAnimation="slide-up"
|
|
title="Book Your Appointment Today"
|
|
description="Get an expert haircut, coloring, or treatment from our professional stylists. Available for appointments daily."
|
|
buttons={[
|
|
{ text: "📞 Call Now: +91 99997 88891", href: "tel:+919999788891" },
|
|
{ text: "📅 Book Online", href: "#contact-form" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<FaqSplitText
|
|
sideTitle="Contact & Location"
|
|
sideDescription="Visit us today at our premium salon in Janakpuri. We're open daily and ready to serve you."
|
|
buttons={[
|
|
{ text: "📍 Get Directions", href: "https://maps.google.com/?q=Hairable+Salon+Janakpuri+Delhi" },
|
|
{ text: "📞 Call Us", href: "tel:+919999788891" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "location", title: "📍 Location", content: "F 76-77, Jivan Park, Janakpuri, Delhi, 110059, India. Easy access from all parts of West Delhi including Uttam Nagar, Vikaspuri, and Dwarka."
|
|
},
|
|
{
|
|
id: "hours", title: "⏰ Business Hours", content: "Open Daily from 10:00 AM to 9:30 PM. We're available 7 days a week for your convenience."
|
|
},
|
|
{
|
|
id: "phone", title: "📞 Phone Number", content: "Call us at +91 99997 88891 for appointments, inquiries, or walk-ins. Our friendly staff is ready to assist you."
|
|
},
|
|
{
|
|
id: "parking", title: "🅿️ Parking", content: "Convenient parking available at Jivan Park. Easy access and ample space for all customers."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Hairable Salon"
|
|
copyrightText="© 2025 Hairable Salon. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact Info", items: [
|
|
{ label: "📞 +91 99997 88891", href: "tel:+919999788891" },
|
|
{ label: "📍 Janakpuri, Delhi", href: "https://maps.google.com/?q=Hairable+Salon+Janakpuri" },
|
|
{ label: "⏰ Daily until 9:30 PM", href: "#" },
|
|
{ label: "⭐ 4.9 Rating", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Booking Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |