Merge version_1 into main #2
@@ -29,7 +29,7 @@ export default function ContactPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -40,9 +40,7 @@ export default function ContactPage() {
|
||||
brandName="STYLE PLUZ"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Book Appointment", href: "/contact"}}
|
||||
buttonClassName="px-6 py-2 rounded-full font-semibold"
|
||||
buttonTextClassName="text-sm"
|
||||
/>
|
||||
@@ -50,50 +48,34 @@ export default function ContactPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
title="Transform Your Look at STYLE PLUZ"
|
||||
description="Premium family salon in Tiruppur with 4.9★ rating. Expert stylists, affordable pricing, and professional beauty services."
|
||||
tag="4.9★ | 1700+ Reviews"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg"
|
||||
imageAlt="Professional salon interior"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "Customer",
|
||||
testimonial: "Best salon experience in Tiruppur! Skilled stylists and welcoming atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg?_wi=3",
|
||||
},
|
||||
name: "Priya Sharma", handle: "Customer", testimonial: "Best salon experience in Tiruppur! Skilled stylists and welcoming atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||
{
|
||||
name: "Aisha Khan",
|
||||
handle: "Regular Client",
|
||||
testimonial: "Amazing bridal makeup service. Worth every penny for my wedding day!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58465.jpg?_wi=3",
|
||||
},
|
||||
name: "Aisha Khan", handle: "Regular Client", testimonial: "Amazing bridal makeup service. Worth every penny for my wedding day!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58465.jpg"},
|
||||
{
|
||||
name: "Divya Patel",
|
||||
handle: "First-time Visitor",
|
||||
testimonial: "Professional staff, clean environment, and fair prices. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg?_wi=3",
|
||||
},
|
||||
name: "Divya Patel", handle: "First-time Visitor", testimonial: "Professional staff, clean environment, and fair prices. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Book Appointment", href: "/contact"},
|
||||
{
|
||||
text: "Call: 095851 63330",
|
||||
href: "tel:+919585163330",
|
||||
},
|
||||
text: "Call: 095851 63330", href: "tel:+919585163330"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,44 +90,20 @@ export default function ContactPage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.9★",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"1700+ verified reviews",
|
||||
"Consistently excellent feedback",
|
||||
"High customer satisfaction",
|
||||
],
|
||||
id: "1", value: "4.9★", title: "Google Rating", items: [
|
||||
"1700+ verified reviews", "Consistently excellent feedback", "High customer satisfaction"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12hrs",
|
||||
title: "Daily Operations",
|
||||
items: [
|
||||
"9:00 AM - 9:00 PM",
|
||||
"Open 7 days a week",
|
||||
"Extended weekend hours",
|
||||
],
|
||||
id: "2", value: "12hrs", title: "Daily Operations", items: [
|
||||
"9:00 AM - 9:00 PM", "Open 7 days a week", "Extended weekend hours"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5+",
|
||||
title: "Expert Stylists",
|
||||
items: [
|
||||
"Professionally trained team",
|
||||
"Years of experience",
|
||||
"Latest beauty techniques",
|
||||
],
|
||||
id: "3", value: "5+", title: "Expert Stylists", items: [
|
||||
"Professionally trained team", "Years of experience", "Latest beauty techniques"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "10+",
|
||||
title: "Beauty Services",
|
||||
items: [
|
||||
"Hair styling & coloring",
|
||||
"Facial treatments",
|
||||
"Bridal makeup",
|
||||
],
|
||||
id: "4", value: "10+", title: "Beauty Services", items: [
|
||||
"Hair styling & coloring", "Facial treatments", "Bridal makeup"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -163,57 +121,33 @@ export default function ContactPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Hair Styling & Cutting",
|
||||
description: "Professional haircuts, layers, feathers, and trendy styling for all hair types",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
title: "Hair Styling & Cutting", description: "Professional haircuts, layers, feathers, and trendy styling for all hair types", button: {
|
||||
text: "Book Now", href: "/contact"},
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Hair Coloring",
|
||||
description: "Premium hair coloring with expert color matching and shine enhancement",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
title: "Hair Coloring", description: "Premium hair coloring with expert color matching and shine enhancement", button: {
|
||||
text: "Book Now", href: "/contact"},
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Bridal Makeup",
|
||||
description: "Stunning bridal and special occasion makeup with long-lasting formulas",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
title: "Bridal Makeup", description: "Stunning bridal and special occasion makeup with long-lasting formulas", button: {
|
||||
text: "Book Now", href: "/contact"},
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Facial Treatments",
|
||||
description: "Rejuvenating facials and skincare treatments for radiant, glowing skin",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
title: "Facial Treatments", description: "Rejuvenating facials and skincare treatments for radiant, glowing skin", button: {
|
||||
text: "Book Now", href: "/contact"},
|
||||
},
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Threading & Eyebrows",
|
||||
description: "Precise eyebrow threading and shaping for perfect arch and definition",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
title: "Threading & Eyebrows", description: "Precise eyebrow threading and shaping for perfect arch and definition", button: {
|
||||
text: "Book Now", href: "/contact"},
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Hair Spa Treatment",
|
||||
description: "Deep conditioning hair spa for smooth, nourished, and silky hair",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
title: "Hair Spa Treatment", description: "Deep conditioning hair spa for smooth, nourished, and silky hair", button: {
|
||||
text: "Book Now", href: "/contact"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -231,37 +165,17 @@ export default function ContactPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya Sharma",
|
||||
role: "Professional",
|
||||
company: "IT Sector",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg?_wi=4",
|
||||
},
|
||||
id: "1", name: "Priya Sharma", role: "Professional", company: "IT Sector", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Aisha Khan",
|
||||
role: "Bride",
|
||||
company: "Wedding Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58465.jpg?_wi=4",
|
||||
},
|
||||
id: "2", name: "Aisha Khan", role: "Bride", company: "Wedding Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58465.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Divya Patel",
|
||||
role: "Student",
|
||||
company: "First-time Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg?_wi=4",
|
||||
},
|
||||
id: "3", name: "Divya Patel", role: "Student", company: "First-time Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neha Verma",
|
||||
role: "Homemaker",
|
||||
company: "Regular Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Neha Verma", role: "Homemaker", company: "Regular Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -274,36 +188,26 @@ export default function ContactPage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg"
|
||||
imageAlt="Salon interior ambiance"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Professionally trained stylists with years of experience in beauty services",
|
||||
icon: Users,
|
||||
title: "Expert Team", description: "Professionally trained stylists with years of experience in beauty services", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "High-quality products and latest beauty techniques for best results",
|
||||
icon: Check,
|
||||
title: "Premium Quality", description: "High-quality products and latest beauty techniques for best results", icon: Check,
|
||||
},
|
||||
{
|
||||
title: "Affordable Pricing",
|
||||
description: "Competitive rates without compromising on service quality",
|
||||
icon: DollarSign,
|
||||
title: "Affordable Pricing", description: "Competitive rates without compromising on service quality", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
title: "Clean & Hygienic",
|
||||
description: "Strict sanitation standards and modern salon facilities",
|
||||
icon: Shield,
|
||||
title: "Clean & Hygienic", description: "Strict sanitation standards and modern salon facilities", icon: Shield,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More", href: "/about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -321,37 +225,23 @@ export default function ContactPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya Singh",
|
||||
role: "Senior Stylist",
|
||||
description: "12+ years experience in hair styling and coloring. Expert in bridal transformations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-business-woman-fashionable-dress_329181-11425.jpg?_wi=3",
|
||||
socialLinks: [
|
||||
id: "1", name: "Priya Singh", role: "Senior Stylist", description: "12+ years experience in hair styling and coloring. Expert in bridal transformations.", imageSrc: "http://img.b2bpic.net/free-photo/serious-business-woman-fashionable-dress_329181-11425.jpg", socialLinks: [
|
||||
{
|
||||
icon: Phone,
|
||||
url: "tel:+919585163330",
|
||||
},
|
||||
url: "tel:+919585163330"},
|
||||
{
|
||||
icon: Mail,
|
||||
url: "mailto:info@stylepluzsalon.in",
|
||||
},
|
||||
url: "mailto:info@stylepluzsalon.in"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anjali Kumar",
|
||||
role: "Beauty Specialist",
|
||||
description: "Expert in facials, makeup, and skincare treatments with a gentle touch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-combing-hair-isolated-pink-wall_141793-106140.jpg?_wi=3",
|
||||
socialLinks: [
|
||||
id: "2", name: "Anjali Kumar", role: "Beauty Specialist", description: "Expert in facials, makeup, and skincare treatments with a gentle touch.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-combing-hair-isolated-pink-wall_141793-106140.jpg", socialLinks: [
|
||||
{
|
||||
icon: Phone,
|
||||
url: "tel:+919585163330",
|
||||
},
|
||||
url: "tel:+919585163330"},
|
||||
{
|
||||
icon: Mail,
|
||||
url: "mailto:info@stylepluzsalon.in",
|
||||
},
|
||||
url: "mailto:info@stylepluzsalon.in"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -365,7 +255,7 @@ export default function ContactPage() {
|
||||
tagAnimation="slide-up"
|
||||
title="Book Your Appointment Today"
|
||||
description="Visit STYLE PLUZ Family Salon and experience premium beauty services. Call us, WhatsApp, or fill the form below."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your phone number"
|
||||
buttonText="Send Details"
|
||||
@@ -377,83 +267,49 @@ export default function ContactPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Hair Styling",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Hair Styling", href: "/services"},
|
||||
{
|
||||
label: "Facial Treatments",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Facial Treatments", href: "/services"},
|
||||
{
|
||||
label: "Bridal Makeup",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Bridal Makeup", href: "/services"},
|
||||
{
|
||||
label: "Hair Coloring",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Hair Coloring", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Phone: 095851 63330",
|
||||
href: "tel:+919585163330",
|
||||
},
|
||||
label: "Phone: 095851 63330", href: "tel:+919585163330"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/919585163330",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/919585163330"},
|
||||
{
|
||||
label: "Tiruppur, Tamil Nadu",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tiruppur, Tamil Nadu", href: "#"},
|
||||
{
|
||||
label: "Open 9 AM - 9 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open 9 AM - 9 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
title: "Follow", items: [
|
||||
{
|
||||
label: "Google Reviews",
|
||||
href: "https://www.google.com/maps",
|
||||
},
|
||||
label: "Google Reviews", href: "https://www.google.com/maps"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
242
src/app/page.tsx
242
src/app/page.tsx
@@ -38,83 +38,49 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Hair Styling",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Hair Styling", href: "/services"},
|
||||
{
|
||||
label: "Facial Treatments",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Facial Treatments", href: "/services"},
|
||||
{
|
||||
label: "Bridal Makeup",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Bridal Makeup", href: "/services"},
|
||||
{
|
||||
label: "Hair Coloring",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Hair Coloring", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Phone: 095851 63330",
|
||||
href: "tel:+919585163330",
|
||||
},
|
||||
label: "Phone: 095851 63330", href: "tel:+919585163330"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/919585163330",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/919585163330"},
|
||||
{
|
||||
label: "Tiruppur, Tamil Nadu",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tiruppur, Tamil Nadu", href: "#"},
|
||||
{
|
||||
label: "Open 9 AM - 9 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open 9 AM - 9 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
title: "Follow", items: [
|
||||
{
|
||||
label: "Google Reviews",
|
||||
href: "https://www.google.com/maps",
|
||||
},
|
||||
label: "Google Reviews", href: "https://www.google.com/maps"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -126,7 +92,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -137,9 +103,7 @@ export default function HomePage() {
|
||||
brandName="STYLE PLUZ"
|
||||
navItems={navigationItems}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
buttonClassName="px-6 py-2 rounded-full font-semibold"
|
||||
buttonTextClassName="text-sm"
|
||||
/>
|
||||
@@ -153,46 +117,29 @@ export default function HomePage() {
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "grid",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg"
|
||||
imageAlt="Professional salon interior"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "Customer",
|
||||
testimonial: "Best salon experience in Tiruppur! Skilled stylists and welcoming atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg?_wi=1",
|
||||
},
|
||||
name: "Priya Sharma", handle: "Customer", testimonial: "Best salon experience in Tiruppur! Skilled stylists and welcoming atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||
{
|
||||
name: "Aisha Khan",
|
||||
handle: "Regular Client",
|
||||
testimonial: "Amazing bridal makeup service. Worth every penny for my wedding day!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58465.jpg?_wi=1",
|
||||
},
|
||||
name: "Aisha Khan", handle: "Regular Client", testimonial: "Amazing bridal makeup service. Worth every penny for my wedding day!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58465.jpg"},
|
||||
{
|
||||
name: "Divya Patel",
|
||||
handle: "First-time Visitor",
|
||||
testimonial: "Professional staff, clean environment, and fair prices. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg?_wi=1",
|
||||
},
|
||||
name: "Divya Patel", handle: "First-time Visitor", testimonial: "Professional staff, clean environment, and fair prices. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Call: 095851 63330",
|
||||
href: "tel:+919585163330",
|
||||
},
|
||||
text: "Call: 095851 63330", href: "tel:+919585163330"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -207,44 +154,20 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.9★",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"1700+ verified reviews",
|
||||
"Consistently excellent feedback",
|
||||
"High customer satisfaction",
|
||||
],
|
||||
id: "1", value: "4.9★", title: "Google Rating", items: [
|
||||
"1700+ verified reviews", "Consistently excellent feedback", "High customer satisfaction"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12hrs",
|
||||
title: "Daily Operations",
|
||||
items: [
|
||||
"9:00 AM - 9:00 PM",
|
||||
"Open 7 days a week",
|
||||
"Extended weekend hours",
|
||||
],
|
||||
id: "2", value: "12hrs", title: "Daily Operations", items: [
|
||||
"9:00 AM - 9:00 PM", "Open 7 days a week", "Extended weekend hours"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5+",
|
||||
title: "Expert Stylists",
|
||||
items: [
|
||||
"Professionally trained team",
|
||||
"Years of experience",
|
||||
"Latest beauty techniques",
|
||||
],
|
||||
id: "3", value: "5+", title: "Expert Stylists", items: [
|
||||
"Professionally trained team", "Years of experience", "Latest beauty techniques"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "10+",
|
||||
title: "Beauty Services",
|
||||
items: [
|
||||
"Hair styling & coloring",
|
||||
"Facial treatments",
|
||||
"Bridal makeup",
|
||||
],
|
||||
id: "4", value: "10+", title: "Beauty Services", items: [
|
||||
"Hair styling & coloring", "Facial treatments", "Bridal makeup"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -258,36 +181,26 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg"
|
||||
imageAlt="Salon interior ambiance"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Professionally trained stylists with years of experience in beauty services",
|
||||
icon: Users,
|
||||
title: "Expert Team", description: "Professionally trained stylists with years of experience in beauty services", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "High-quality products and latest beauty techniques for best results",
|
||||
icon: Check,
|
||||
title: "Premium Quality", description: "High-quality products and latest beauty techniques for best results", icon: Check,
|
||||
},
|
||||
{
|
||||
title: "Affordable Pricing",
|
||||
description: "Competitive rates without compromising on service quality",
|
||||
icon: DollarSign,
|
||||
title: "Affordable Pricing", description: "Competitive rates without compromising on service quality", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
title: "Clean & Hygienic",
|
||||
description: "Strict sanitation standards and modern salon facilities",
|
||||
icon: Shield,
|
||||
title: "Clean & Hygienic", description: "Strict sanitation standards and modern salon facilities", icon: Shield,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More", href: "/about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -305,37 +218,17 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya Sharma",
|
||||
role: "Professional",
|
||||
company: "IT Sector",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Priya Sharma", role: "Professional", company: "IT Sector", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Aisha Khan",
|
||||
role: "Bride",
|
||||
company: "Wedding Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58465.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Aisha Khan", role: "Bride", company: "Wedding Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58465.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Divya Patel",
|
||||
role: "Student",
|
||||
company: "First-time Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Divya Patel", role: "Student", company: "First-time Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neha Verma",
|
||||
role: "Homemaker",
|
||||
company: "Regular Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Neha Verma", role: "Homemaker", company: "Regular Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -352,37 +245,23 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya Singh",
|
||||
role: "Senior Stylist",
|
||||
description: "12+ years experience in hair styling and coloring. Expert in bridal transformations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-business-woman-fashionable-dress_329181-11425.jpg?_wi=1",
|
||||
socialLinks: [
|
||||
id: "1", name: "Priya Singh", role: "Senior Stylist", description: "12+ years experience in hair styling and coloring. Expert in bridal transformations.", imageSrc: "http://img.b2bpic.net/free-photo/serious-business-woman-fashionable-dress_329181-11425.jpg", socialLinks: [
|
||||
{
|
||||
icon: Phone,
|
||||
url: "tel:+919585163330",
|
||||
},
|
||||
url: "tel:+919585163330"},
|
||||
{
|
||||
icon: Mail,
|
||||
url: "mailto:info@stylepluzsalon.in",
|
||||
},
|
||||
url: "mailto:info@stylepluzsalon.in"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anjali Kumar",
|
||||
role: "Beauty Specialist",
|
||||
description: "Expert in facials, makeup, and skincare treatments with a gentle touch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-combing-hair-isolated-pink-wall_141793-106140.jpg?_wi=1",
|
||||
socialLinks: [
|
||||
id: "2", name: "Anjali Kumar", role: "Beauty Specialist", description: "Expert in facials, makeup, and skincare treatments with a gentle touch.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-combing-hair-isolated-pink-wall_141793-106140.jpg", socialLinks: [
|
||||
{
|
||||
icon: Phone,
|
||||
url: "tel:+919585163330",
|
||||
},
|
||||
url: "tel:+919585163330"},
|
||||
{
|
||||
icon: Mail,
|
||||
url: "mailto:info@stylepluzsalon.in",
|
||||
},
|
||||
url: "mailto:info@stylepluzsalon.in"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -397,8 +276,7 @@ export default function HomePage() {
|
||||
title="Book Your Appointment Today"
|
||||
description="Visit STYLE PLUZ Family Salon and experience premium beauty services. Call us, WhatsApp, or fill the form below."
|
||||
background={{
|
||||
variant: "grid",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your phone number"
|
||||
buttonText="Send Details"
|
||||
|
||||
@@ -32,83 +32,49 @@ export default function ServicesPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Hair Styling",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Hair Styling", href: "/services"},
|
||||
{
|
||||
label: "Facial Treatments",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Facial Treatments", href: "/services"},
|
||||
{
|
||||
label: "Bridal Makeup",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Bridal Makeup", href: "/services"},
|
||||
{
|
||||
label: "Hair Coloring",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Hair Coloring", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Phone: 095851 63330",
|
||||
href: "tel:+919585163330",
|
||||
},
|
||||
label: "Phone: 095851 63330", href: "tel:+919585163330"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/919585163330",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/919585163330"},
|
||||
{
|
||||
label: "Tiruppur, Tamil Nadu",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tiruppur, Tamil Nadu", href: "#"},
|
||||
{
|
||||
label: "Open 9 AM - 9 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open 9 AM - 9 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
title: "Follow", items: [
|
||||
{
|
||||
label: "Google Reviews",
|
||||
href: "https://www.google.com/maps",
|
||||
},
|
||||
label: "Google Reviews", href: "https://www.google.com/maps"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -120,7 +86,7 @@ export default function ServicesPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -131,9 +97,7 @@ export default function ServicesPage() {
|
||||
brandName="STYLE PLUZ"
|
||||
navItems={navigationItems}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
buttonClassName="px-6 py-2 rounded-full font-semibold"
|
||||
buttonTextClassName="text-sm"
|
||||
/>
|
||||
@@ -151,57 +115,33 @@ export default function ServicesPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Hair Styling & Cutting",
|
||||
description: "Professional haircuts, layers, feathers, and trendy styling for all hair types",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Hair Styling & Cutting", description: "Professional haircuts, layers, feathers, and trendy styling for all hair types", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Hair Coloring",
|
||||
description: "Premium hair coloring with expert color matching and shine enhancement",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Hair Coloring", description: "Premium hair coloring with expert color matching and shine enhancement", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Bridal Makeup",
|
||||
description: "Stunning bridal and special occasion makeup with long-lasting formulas",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Bridal Makeup", description: "Stunning bridal and special occasion makeup with long-lasting formulas", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Facial Treatments",
|
||||
description: "Rejuvenating facials and skincare treatments for radiant, glowing skin",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Facial Treatments", description: "Rejuvenating facials and skincare treatments for radiant, glowing skin", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Threading & Eyebrows",
|
||||
description: "Precise eyebrow threading and shaping for perfect arch and definition",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Threading & Eyebrows", description: "Precise eyebrow threading and shaping for perfect arch and definition", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Hair Spa Treatment",
|
||||
description: "Deep conditioning hair spa for smooth, nourished, and silky hair",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Hair Spa Treatment", description: "Deep conditioning hair spa for smooth, nourished, and silky hair", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -215,29 +155,21 @@ export default function ServicesPage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-blond-woman-cozy-wear-home_624325-3014.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-blond-woman-cozy-wear-home_624325-3014.jpg"
|
||||
imageAlt="Premium salon service"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Certified Professionals",
|
||||
description: "All stylists are trained and certified with the latest beauty industry standards",
|
||||
icon: Check,
|
||||
title: "Certified Professionals", description: "All stylists are trained and certified with the latest beauty industry standards", icon: Check,
|
||||
},
|
||||
{
|
||||
title: "Quality Products",
|
||||
description: "We use only premium, salon-grade products that are gentle and effective",
|
||||
icon: Sparkles,
|
||||
title: "Quality Products", description: "We use only premium, salon-grade products that are gentle and effective", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Personalized Consultation",
|
||||
description: "Each client receives a detailed consultation to understand their unique needs",
|
||||
icon: Heart,
|
||||
title: "Personalized Consultation", description: "Each client receives a detailed consultation to understand their unique needs", icon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Competitive Pricing",
|
||||
description: "Premium services at affordable rates without hidden charges",
|
||||
icon: DollarSign,
|
||||
title: "Competitive Pricing", description: "Premium services at affordable rates without hidden charges", icon: DollarSign,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -251,8 +183,7 @@ export default function ServicesPage() {
|
||||
title="Ready to Transform Your Look?"
|
||||
description="Book your appointment at STYLE PLUZ Family Salon. We offer flexible scheduling and professional beauty services for all occasions."
|
||||
background={{
|
||||
variant: "grid",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your phone number"
|
||||
buttonText="Send Details"
|
||||
|
||||
@@ -1,51 +1,46 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
size?: 'sm' | 'md' | 'lg' | 'xl';
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
size = 'md',
|
||||
}) => {
|
||||
const sizeMap = {
|
||||
sm: { width: 120, height: 40, fontSize: 24 },
|
||||
md: { width: 180, height: 60, fontSize: 36 },
|
||||
lg: { width: 240, height: 80, fontSize: 48 },
|
||||
xl: { width: 300, height: 100, fontSize: 60 },
|
||||
};
|
||||
|
||||
const { width, height, fontSize } = sizeMap[size];
|
||||
|
||||
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 ${width} ${height}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<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={width / 2}
|
||||
y={height / 2}
|
||||
textAnchor="middle"
|
||||
dominantBaseline="central"
|
||||
fontSize={fontSize}
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user