bender/324d190f-aae0-460b-8928-386800ac69a0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1_1781987271680 into main #2

Merged
bender merged 3 commits from version_1_1781987271680 into main 2026-06-20 20:29:14 +00:00
Conversation 0 Commits 3 Files Changed 2 +58 -186
2 changed files with 58 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/Layout.tsx
View File

@@ -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() {
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="New Clipper Salon"
logoImageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=r75xhz"
ctaButton={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
navItems={navItems} />
</SectionErrorBoundary>
<main className="flex-grow">
@@ -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: "#"},
]}
/>
</SectionErrorBoundary>

184
src/pages/HomePage.tsx
View File

@@ -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"
/>
</SectionErrorBoundary>
</div>
@@ -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"
/>
</SectionErrorBoundary>
</div>
@@ -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"},
]}
/>
</SectionErrorBoundary>
@@ -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"},
]}
/>
</SectionErrorBoundary>
@@ -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"},
]}
/>
</SectionErrorBoundary>
@@ -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"}}
/>
</SectionErrorBoundary>
</div>