diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 8454dc8..0744c96 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -8,32 +8,25 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
- "name": "Services",
- "href": "#services"
+ "name": "Services", "href": "#services"
},
{
- "name": "Specialist",
- "href": "#specialist"
+ "name": "Specialist", "href": "#specialist"
},
{
- "name": "Gallery",
- "href": "#gallery"
+ "name": "Gallery", "href": "#gallery"
},
{
- "name": "Contact",
- "href": "#contact"
+ "name": "Contact", "href": "#contact"
},
{
- "name": "Hero",
- "href": "#hero"
+ "name": "Hero", "href": "#hero"
},
{
- "name": "About",
- "href": "#about"
+ "name": "About", "href": "#about"
},
{
- "name": "Features",
- "href": "#features"
+ "name": "Features", "href": "#features"
}
];
@@ -43,10 +36,9 @@ export default function Layout() {
@@ -57,46 +49,30 @@ export default function Layout() {
brand="New Clipper Salon"
columns={[
{
- title: "Services",
- items: [
+ title: "Services", items: [
{
- label: "Hair Styling",
- href: "#",
- },
+ label: "Hair Styling", href: "#"},
{
- label: "Facials",
- href: "#",
- },
+ label: "Facials", href: "#"},
{
- label: "Bridal",
- href: "#",
- },
+ label: "Bridal", href: "#"},
],
},
{
- title: "Contact",
- items: [
+ title: "Contact", items: [
{
- label: "148 Huma Block, Lahore",
- href: "#",
- },
+ label: "148 Huma Block, Lahore", href: "#"},
{
- label: "03009472313",
- href: "tel:03009472313",
- },
+ label: "03009472313", href: "tel:03009472313"},
],
},
]}
copyright="© 2026 New Clipper Salon. All Rights Reserved."
links={[
{
- label: "Terms of Service",
- href: "#",
- },
+ label: "Terms of Service", href: "#"},
{
- label: "Privacy Policy",
- href: "#",
- },
+ label: "Privacy Policy", href: "#"},
]}
/>
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 01a33bf..a65a593 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -18,14 +18,10 @@ export default function HomePage() {
title="New Clipper Salon"
description="Premium Hair & Skin Care for Ladies & Gents. Experience Professional Beauty, Grooming & Skincare Services."
primaryButton={{
- text: "Book Appointment",
- href: "#contact",
- }}
+ text: "Book Appointment", href: "#contact"}}
secondaryButton={{
- text: "Our Services",
- href: "#services",
- }}
- imageSrc="http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg?_wi=1"
+ text: "Our Services", href: "#services"}}
+ imageSrc="http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg"
/>
@@ -38,22 +34,13 @@ export default function HomePage() {
description="At New Clipper Salon, we combine modern trends with classic techniques to deliver exceptional results in hair, skin, and beauty."
items={[
{
- icon: Scissors,
- title: "Precision Styling",
- description: "Expert haircuts tailored for your unique style.",
- },
+ icon: "Scissors", title: "Precision Styling", description: "Expert haircuts tailored for your unique style."},
{
- icon: Sparkles,
- title: "Premium Beauty",
- description: "High-end facials, skincare, and bridal makeup.",
- },
+ icon: "Sparkles", title: "Premium Beauty", description: "High-end facials, skincare, and bridal makeup."},
{
- icon: Award,
- title: "Specialized Care",
- description: "Professional grooming and hair coloring services.",
- },
+ icon: "Award", title: "Specialized Care", description: "Professional grooming and hair coloring services."},
]}
- imageSrc="http://img.b2bpic.net/free-photo/woman-straightening-her-hair-home_23-2148817209.jpg?_wi=1"
+ imageSrc="http://img.b2bpic.net/free-photo/woman-straightening-her-hair-home_23-2148817209.jpg"
/>
@@ -66,71 +53,35 @@ export default function HomePage() {
description="Explore our comprehensive range of services for both ladies and gentlemen."
features={[
{
- title: "Gents Grooming",
- description: "Comprehensive styling from beard to hair.",
- bentoComponent: "media-stack",
- mediaItems: [
+ title: "Gents Grooming", description: "Comprehensive styling from beard to hair.", bentoComponent: "media-stack", mediaItems: [
{
- imageSrc: "http://img.b2bpic.net/free-photo/man-beard-after-grooming-close-up_23-2148353466.jpg",
- },
+ imageSrc: "http://img.b2bpic.net/free-photo/man-beard-after-grooming-close-up_23-2148353466.jpg"},
{
- imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-head-woman_23-2147769797.jpg",
- },
+ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-head-woman_23-2147769797.jpg"},
{
- imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-21029.jpg",
- },
+ imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-21029.jpg"},
],
- imageSrc: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg?_wi=2",
- imageAlt: "men's haircut professional",
},
{
- title: "Ladies Beauty",
- description: "Full beauty and skincare treatments.",
- bentoComponent: "info-card-marquee",
- infoCards: [
+ title: "Ladies Beauty", description: "Full beauty and skincare treatments.", bentoComponent: "info-card-marquee", infoCards: [
{
- icon: Sparkles,
- label: "Bridal",
- value: "Expert",
- },
+ icon: "Sparkles", label: "Bridal", value: "Expert"},
{
- icon: Droplets,
- label: "Skincare",
- value: "Premium",
- },
+ icon: "Droplets", label: "Skincare", value: "Premium"},
{
- icon: Heart,
- label: "Coloring",
- value: "Master",
- },
+ icon: "Heart", label: "Coloring", value: "Master"},
],
- imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=r75xhz",
- imageAlt: "men's haircut professional",
},
{
- title: "Professional Standards",
- description: "We prioritize hygiene and quality.",
- bentoComponent: "checklist-timeline",
- heading: "Our Commitment",
- subheading: "Excellence in Service",
- checklistItems: [
+ title: "Professional Standards", description: "We prioritize hygiene and quality.", bentoComponent: "checklist-timeline", heading: "Our Commitment", subheading: "Excellence in Service", checklistItems: [
{
- label: "Top Tier Products",
- detail: "Use of luxury brands.",
- },
+ label: "Top Tier Products", detail: "Use of luxury brands."},
{
- label: "Professional Experts",
- detail: "Highly trained staff.",
- },
+ label: "Professional Experts", detail: "Highly trained staff."},
{
- label: "Hygienic Environment",
- detail: "Sanitized workspaces.",
- },
+ label: "Hygienic Environment", detail: "Sanitized workspaces."},
],
- completedLabel: "Certified Excellence",
- imageSrc: "http://img.b2bpic.net/free-photo/woman-straightening-her-hair-home_23-2148817209.jpg?_wi=2",
- imageAlt: "men's haircut professional",
- },
+ completedLabel: "Certified Excellence"},
]}
/>
@@ -143,10 +94,7 @@ export default function HomePage() {
title="Featured Specialist"
members={[
{
- name: "Mr. Moiz",
- role: "Hair & Skin Specialist",
- imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-colorful-hair-black-apron-white-t-shirt-holding-paint-brush-hand-dreamily-looking-camera-modern-pottery-studio_574295-960.jpg",
- },
+ name: "Mr. Moiz", role: "Hair & Skin Specialist", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-colorful-hair-black-apron-white-t-shirt-holding-paint-brush-hand-dreamily-looking-camera-modern-pottery-studio_574295-960.jpg"},
]}
description="Meet the master of style behind every look."
/>
@@ -161,47 +109,19 @@ export default function HomePage() {
description="Browse through our portfolio of transformations."
items={[
{
- title: "Interior",
- description: "Luxury salon workspace.",
- href: "#",
- imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-design-generated-by-ai_188544-21435.jpg",
- },
+ title: "Interior", description: "Luxury salon workspace.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-design-generated-by-ai_188544-21435.jpg"},
{
- title: "Makeup",
- description: "Professional bridal work.",
- href: "#",
- imageSrc: "http://img.b2bpic.net/free-photo/makeup-brushes-purse_23-2147710638.jpg",
- },
+ title: "Makeup", description: "Professional bridal work.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/makeup-brushes-purse_23-2147710638.jpg"},
{
- title: "Facial",
- description: "Relaxing skin treatment.",
- href: "#",
- imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-cucumber-slices-her-chicks-against-white-background_23-2147901231.jpg",
- },
+ title: "Facial", description: "Relaxing skin treatment.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-cucumber-slices-her-chicks-against-white-background_23-2147901231.jpg"},
{
- title: "Grooming",
- description: "Barber chair station.",
- href: "#",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg",
- },
+ title: "Grooming", description: "Barber chair station.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg"},
{
- title: "Hairstyle",
- description: "Creative hair finish.",
- href: "#",
- imageSrc: "http://img.b2bpic.net/free-photo/confident-hairdresser-working-with-woman_23-2147769875.jpg",
- },
+ title: "Hairstyle", description: "Creative hair finish.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/confident-hairdresser-working-with-woman_23-2147769875.jpg"},
{
- title: "Products",
- description: "Professional quality.",
- href: "#",
- imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-customer-towels_23-2147737015.jpg",
- },
+ title: "Products", description: "Professional quality.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-customer-towels_23-2147737015.jpg"},
{
- title: "General",
- description: "Our studio.",
- href: "#",
- imageSrc: "http://img.b2bpic.net/free-photo/room-with-massage-tables-wall-with-lights-it_188544-36461.jpg",
- },
+ title: "General", description: "Our studio.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/room-with-massage-tables-wall-with-lights-it_188544-36461.jpg"},
]}
/>
@@ -215,40 +135,20 @@ export default function HomePage() {
description="See why our clients choose us for premium grooming."
testimonials={[
{
- name: "Ali Khan",
- role: "Client",
- quote: "Excellent grooming and service!",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
- },
+ name: "Ali Khan", role: "Client", quote: "Excellent grooming and service!", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg"},
{
- name: "Sarah Ahmed",
- role: "Client",
- quote: "Best bridal makeup experience ever.",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",
- },
+ name: "Sarah Ahmed", role: "Client", quote: "Best bridal makeup experience ever.", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg"},
{
- name: "Bilal Butt",
- role: "Client",
- quote: "Mr. Moiz is a true professional.",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg",
- },
+ name: "Bilal Butt", role: "Client", quote: "Mr. Moiz is a true professional.", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg"},
{
- name: "Fatima Noor",
- role: "Client",
- quote: "High quality skincare treatments.",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/silly-looking-chocolate-brown-puppy-looking-like-ewok_493961-97.jpg",
- },
+ name: "Fatima Noor", role: "Client", quote: "High quality skincare treatments.", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/silly-looking-chocolate-brown-puppy-looking-like-ewok_493961-97.jpg"},
{
- name: "Zaid Rana",
- role: "Client",
- quote: "Luxury experience at great prices.",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg",
- },
+ name: "Zaid Rana", role: "Client", quote: "Luxury experience at great prices.", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg"},
]}
/>
@@ -260,13 +160,9 @@ export default function HomePage() {
tag="BOOKING"
text="Ready for your premium transformation? Contact us today to book an appointment."
primaryButton={{
- text: "Call Now: 03009472313",
- href: "tel:03009472313",
- }}
+ text: "Call Now: 03009472313", href: "tel:03009472313"}}
secondaryButton={{
- text: "WhatsApp: 03394545095",
- href: "https://wa.me/923394545095",
- }}
+ text: "WhatsApp: 03394545095", href: "https://wa.me/923394545095"}}
/>