Merge version_1_1781987271680 into main
Merge version_1_1781987271680 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -5,167 +5,133 @@ import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRev
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import { Award, Droplets, Heart, Scissors, Sparkles } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlay
|
||||
tag="PREMIUM BEAUTY STUDIO"
|
||||
title="New Clipper Salon"
|
||||
description="Premium Hair & Skin Care for Ladies & Gents. Experience Professional Beauty, Grooming & Skincare Services."
|
||||
primaryButton={{
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="PREMIUM BEAUTY STUDIO"
|
||||
title="New Clipper Salon"
|
||||
description="Premium Hair & Skin Care for Ladies & Gents. Experience Professional Beauty, Grooming & Skincare Services."
|
||||
primaryButton={{ 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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="WHY CHOOSE US"
|
||||
title="Expert Beauty & Grooming"
|
||||
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: "Sparkles", title: "Premium Beauty", description: "High-end facials, skincare, and bridal makeup."},
|
||||
{
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="WHY CHOOSE US"
|
||||
title="Expert Beauty & Grooming"
|
||||
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: "Sparkles", title: "Premium Beauty", description: "High-end facials, skincare, and bridal makeup." },
|
||||
{ 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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="SERVICES"
|
||||
title="Premium Salon Services"
|
||||
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: [
|
||||
{
|
||||
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/spa-composition-with-towel-sea-salt_169016-21029.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ladies Beauty", description: "Full beauty and skincare treatments.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{
|
||||
icon: "Sparkles", label: "Bridal", value: "Expert"},
|
||||
{
|
||||
icon: "Droplets", label: "Skincare", value: "Premium"},
|
||||
{
|
||||
icon: "Heart", label: "Coloring", value: "Master"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "Professional Experts", detail: "Highly trained staff."},
|
||||
{
|
||||
label: "Hygienic Environment", detail: "Sanitized workspaces."},
|
||||
],
|
||||
completedLabel: "Certified Excellence"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="SERVICES"
|
||||
title="Premium Salon Services"
|
||||
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: [
|
||||
{ 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/spa-composition-with-towel-sea-salt_169016-21029.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ladies Beauty", description: "Full beauty and skincare treatments.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Sparkles", label: "Bridal", value: "Expert" },
|
||||
{ icon: "Droplets", label: "Skincare", value: "Premium" },
|
||||
{ icon: "Heart", label: "Coloring", value: "Master" },
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "Professional Experts", detail: "Highly trained staff." },
|
||||
{ label: "Hygienic Environment", detail: "Sanitized workspaces." },
|
||||
],
|
||||
completedLabel: "Certified Excellence"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="specialist" data-section="specialist">
|
||||
<SectionErrorBoundary name="specialist">
|
||||
<div id="specialist" data-section="specialist">
|
||||
<SectionErrorBoundary name="specialist">
|
||||
<TeamOverlayCards
|
||||
tag="OUR EXPERT"
|
||||
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"},
|
||||
]}
|
||||
description="Meet the master of style behind every look."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="OUR EXPERT"
|
||||
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"},
|
||||
]}
|
||||
description="Meet the master of style behind every look."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="GALLERY"
|
||||
title="Our Professional Work"
|
||||
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: "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: "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: "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"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="GALLERY"
|
||||
title="Our Professional Work"
|
||||
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: "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: "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: "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" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialRatingCards
|
||||
tag="REVIEWS"
|
||||
title="Client Stories"
|
||||
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: "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: "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"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="REVIEWS"
|
||||
title="Client Stories"
|
||||
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: "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: "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" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="BOOKING"
|
||||
text="Ready for your premium transformation? Contact us today to book an appointment."
|
||||
primaryButton={{
|
||||
text: "Call Now: 03009472313", href: "tel:03009472313"}}
|
||||
secondaryButton={{
|
||||
text: "WhatsApp: 03394545095", href: "https://wa.me/923394545095"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="BOOKING"
|
||||
text="Ready for your premium transformation? Contact us today to book an appointment."
|
||||
primaryButton={{ text: "Call Now: 03009472313", href: "tel:03009472313" }}
|
||||
secondaryButton={{ text: "WhatsApp: 03394545095", href: "https://wa.me/923394545095" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user