244 lines
16 KiB
TypeScript
244 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Award, Sparkles, Shield, Calendar, Zap, Heart, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Anlon Art Salon"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
]}
|
|
button={{ text: "Book Appointment", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Luxury Hair, Skin & Nail Care Redefined"
|
|
description="Experience premium beauty treatments from expert stylists and dermatology specialists at Anlon Art Salon. Book your personalized consultation today."
|
|
tag="Premium Beauty Salon"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-woman-looking-through-magazine_23-2148332488.jpg"
|
|
imageAlt="Luxurious Anlon Art Salon interior with premium styling stations"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Priya Sharma", handle: "CEO, Tech Solutions", testimonial: "Absolutely transformed my look! The expertise and attention to detail is unmatched in Chennai.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg?_wi=1"},
|
|
{
|
|
name: "Anjali Desai", handle: "Bridal Client", testimonial: "Made me feel like a queen on my wedding day. Every detail was perfection.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_1149-1125.jpg?_wi=1"},
|
|
{
|
|
name: "Vikram Reddy", handle: "Corporate Professional", testimonial: "The grooming services here are exceptional. Highly recommend for important events.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-attractive-successful-young-brunette-bearded-male-entrepreneur-wearing-trendy-jacket-casual-white-t-shirt-keeping-his-arms-folded-expressing-reluctancy-disagreement_343059-821.jpg?_wi=1"},
|
|
{
|
|
name: "Meera Singh", handle: "Fashion Blogger", testimonial: "My go-to salon in Chennai. Premium service, skilled artists, stunning results.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-stairs-blue-suit_1303-23957.jpg?_wi=1"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[{ text: "Book Appointment", href: "contact" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Experience Premium Beauty Excellence"
|
|
description="Anlon Art Salon brings together world-class expertise, premium products, and luxurious ambiance. With two prestigious locations across Chennai, we serve discerning clients who demand nothing but the best."
|
|
tag="About Anlon Art Salon"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-bride-getting-ready_23-2149860783.jpg"
|
|
imageAlt="Premium salon treatment room with expert stylists"
|
|
bulletPoints={[
|
|
{
|
|
title: "Expert Credentials", description: "International-trained stylists and dermatology specialists with 15+ years experience", icon: Award,
|
|
},
|
|
{
|
|
title: "Premium Products", description: "Only use luxury, hypoallergenic brands trusted by top salons worldwide", icon: Sparkles,
|
|
},
|
|
{
|
|
title: "Hygienic Standards", description: "Strict sterilization protocols and premium equipment for complete peace of mind", icon: Shield,
|
|
},
|
|
{
|
|
title: "Personalized Service", description: "Customized treatments tailored to your unique needs and preferences"},
|
|
]}
|
|
buttons={[{ text: "Learn More", href: "services" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
title="Our Premium Services"
|
|
description="Discover our comprehensive range of luxury beauty and wellness treatments designed to enhance your natural beauty."
|
|
tag="Services"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "01", title: "Hair Care & Styling", description: "Expert cutting, coloring, treatments, and styling for all hair types. From bridal looks to everyday elegance.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg"},
|
|
{
|
|
id: "02", title: "Skin Treatments", description: "Advanced dermatology treatments including facials, peels, and rejuvenation therapies for radiant skin.", imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65631.jpg"},
|
|
{
|
|
id: "03", title: "Nail Art & Care", description: "Luxurious manicures, pedicures, and custom nail art using premium products and techniques.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-people-beauty-salon-concept-with-reception-hair-care-pedicure-manicure-procedures-furniture-interior-elements-isolated_1284-39084.jpg"},
|
|
{
|
|
id: "04", title: "Bridal Packages", description: "Complete bridal transformation with coordinated hair, makeup, and beauty treatments for your special day.", imageSrc: "http://img.b2bpic.net/free-photo/professional-makeup-artist-working-with-young-woman_23-2148113098.jpg"},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
buttons={[{ text: "View All Services", href: "contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
title="Meet Our Expert Team"
|
|
description="Our internationally trained stylists and dermatology specialists are passionate about delivering exceptional beauty transformations."
|
|
tag="Our Experts"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
members={[
|
|
{
|
|
id: "1", name: "Ananya Verma", role: "Head Stylist & Founder", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg"},
|
|
{
|
|
id: "2", name: "Dr. Rajesh Kumar", role: "Dermatology Specialist", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-man-standing-room-white-shirt_1157-13679.jpg"},
|
|
{
|
|
id: "3", name: "Priya Malhotra", role: "Senior Colorist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-graceful-confident-brunette-posing_651396-486.jpg"},
|
|
{
|
|
id: "4", name: "Vikram Sinha", role: "Bridal Makeup Artist", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-blonde-hair-white-suit-have-bad-day_132075-9661.jpg"},
|
|
{
|
|
id: "5", name: "Deepika Sharma", role: "Nail Art Specialist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-black-cape-with-black-gloves-getting-prepared-her-job-blue_140725-24211.jpg"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Loved by Our Clients"
|
|
description="Hear what our satisfied clients say about their experiences at Anlon Art Salon. 49★ rating from 300+ verified reviews."
|
|
tag="Client Reviews"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", handle: "CEO, Tech Solutions", testimonial: "Absolutely transformed my look! The expertise and attention to detail is unmatched in Chennai. I've been a regular for 3 years now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg?_wi=2"},
|
|
{
|
|
id: "2", name: "Anjali Desai", handle: "Bridal Client", testimonial: "Made me feel like a queen on my wedding day. Every detail was perfection. Highly recommend for bridal services.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_1149-1125.jpg?_wi=2"},
|
|
{
|
|
id: "3", name: "Vikram Reddy", handle: "Corporate Professional", testimonial: "The grooming services here are exceptional. Always leaves me looking sharp for important meetings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-attractive-successful-young-brunette-bearded-male-entrepreneur-wearing-trendy-jacket-casual-white-t-shirt-keeping-his-arms-folded-expressing-reluctancy-disagreement_343059-821.jpg?_wi=2"},
|
|
{
|
|
id: "4", name: "Meera Singh", handle: "Fashion Blogger", testimonial: "My go-to salon in Chennai. Premium service, skilled artists, stunning results every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-stairs-blue-suit_1303-23957.jpg?_wi=2"},
|
|
{
|
|
id: "5", name: "Rahul Gupta", handle: "Event Organizer", testimonial: "The best salon experience I've had. Professional, hygienic, and the results are amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg"},
|
|
{
|
|
id: "6", name: "Neha Kapoor", handle: "Wellness Enthusiast", testimonial: "Luxurious atmosphere and genuinely caring staff. Worth every rupee spent. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-standing-with-crossed-arms-white-tank-top-looking-confident-front-view_176474-46133.jpg"},
|
|
]}
|
|
buttons={[{ text: "Book Your Transformation", href: "contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Transparent, Premium Pricing"
|
|
description="Choose from our carefully curated service packages. All prices reflect our commitment to excellence and premium quality."
|
|
tag="Pricing"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "hair-express", badge: "Quick Service", badgeIcon: Zap,
|
|
price: "₹1,200", subtitle: "Express styling solutions", buttons: [{ text: "Book Now", href: "contact" }],
|
|
features: [
|
|
"Hair wash & blow dry", "Basic trim & shape", "Premium product included", "Quick turnaround"],
|
|
},
|
|
{
|
|
id: "skin-glow", badge: "Popular", badgeIcon: Sparkles,
|
|
price: "₹2,500", subtitle: "Radiant skin transformation", buttons: [{ text: "Book Now", href: "contact" }],
|
|
features: [
|
|
"Professional facial treatment", "Customized skincare", "Relaxation massage included", "Take-home skincare kit"],
|
|
},
|
|
{
|
|
id: "bridal-deluxe", badge: "Most Popular", badgeIcon: Heart,
|
|
price: "₹8,500", subtitle: "Complete bridal transformation", buttons: [{ text: "Consult & Book", href: "contact" }],
|
|
features: [
|
|
"Complete hair styling", "Professional makeup & draping", "Advanced skin treatments", "Bridal coordination trial", "Premium product package"],
|
|
},
|
|
{
|
|
id: "wellness-package", badge: "Best Value", badgeIcon: Star,
|
|
price: "₹5,500", subtitle: "Complete beauty wellness", buttons: [{ text: "Book Now", href: "contact" }],
|
|
features: [
|
|
"Hair care package", "Skin treatment session", "Nail art & care", "Relaxation massage", "Wellness consultation"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Book Your Appointment"
|
|
tagIcon={Calendar}
|
|
tagAnimation="slide-up"
|
|
title="Reserve Your Slot Today"
|
|
description="Experience luxury beauty care at Anlon Art Salon. Schedule your personalized consultation and transformation today. Available at both our premium locations in Chennai."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Started"
|
|
termsText="By booking, you agree to receive updates about your appointment and exclusive offers. We respect your privacy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Anlon Art Salon"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact: +91-44-XXXX-XXXX", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|