Merge version_1 into main #2
220
src/app/page.tsx
220
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mirror Gents Centre"
|
||||
/>
|
||||
@@ -59,41 +49,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Look Sharp. Feel Confident. Every Visit."
|
||||
description="Professional grooming services for men and kids — clean, precise, and tailored to your style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Appointment", href: "#booking"},
|
||||
{
|
||||
text: "Chat on WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
text: "Chat on WhatsApp", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", imageAlt: "Barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg",
|
||||
imageAlt: "Barbershop grooming tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg", imageAlt: "Barbershop grooming tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777171.jpg",
|
||||
imageAlt: "Modern grooming station",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777171.jpg", imageAlt: "Modern grooming station"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
|
||||
imageAlt: "Full shot of barber at hair salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg", imageAlt: "Full shot of barber at hair salon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg",
|
||||
imageAlt: "Male barber sitting at his shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg", imageAlt: "Male barber sitting at his shop"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,40 +81,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Hair & Styling",
|
||||
subtitle: "Buzz cuts, custom cuts, coloring, extensions",
|
||||
category: "Grooming",
|
||||
value: "Precision",
|
||||
},
|
||||
id: "s1", title: "Hair & Styling", subtitle: "Buzz cuts, custom cuts, coloring, extensions", category: "Grooming", value: "Precision"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Beard & Grooming",
|
||||
subtitle: "Conditioning, shaping, trimming",
|
||||
category: "Grooming",
|
||||
value: "Detail",
|
||||
},
|
||||
id: "s2", title: "Beard & Grooming", subtitle: "Conditioning, shaping, trimming", category: "Grooming", value: "Detail"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Skin & Treatments",
|
||||
subtitle: "Facials, waxing, Moroccan bath, massage",
|
||||
category: "Care",
|
||||
value: "Relaxation",
|
||||
},
|
||||
id: "s3", title: "Skin & Treatments", subtitle: "Facials, waxing, Moroccan bath, massage", category: "Care", value: "Relaxation"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Kids Grooming",
|
||||
subtitle: "Patient, friendly haircuts for younger clients",
|
||||
category: "Family",
|
||||
value: "Care",
|
||||
},
|
||||
id: "s4", title: "Kids Grooming", subtitle: "Patient, friendly haircuts for younger clients", category: "Family", value: "Care"},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Luxury Packages",
|
||||
subtitle: "Comprehensive grooming and wellness bundles",
|
||||
category: "Premium",
|
||||
value: "Indulgence",
|
||||
},
|
||||
id: "s5", title: "Luxury Packages", subtitle: "Comprehensive grooming and wellness bundles", category: "Premium", value: "Indulgence"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Premium grooming experiences tailored to your needs."
|
||||
@@ -154,7 +104,7 @@ export default function LandingPage() {
|
||||
description="Mirror Gents Centre combines high-end professionalism with a friendly environment, ensuring every visitor walks out feeling sharp."
|
||||
subdescription="We prioritize hygiene, quality, and your convenience above all else."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500970.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500970.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -163,36 +113,17 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Haircuts",
|
||||
price: "Precision",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-sideburns-cut_23-2148256860.jpg",
|
||||
},
|
||||
id: "p1", name: "Haircuts", price: "Precision", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-sideburns-cut_23-2148256860.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Kids Area",
|
||||
price: "Comfort",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462450.jpg",
|
||||
},
|
||||
id: "p2", name: "Kids Area", price: "Comfort", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462450.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Interior",
|
||||
price: "Luxury",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319809.jpg",
|
||||
},
|
||||
id: "p3", name: "Interior", price: "Luxury", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319809.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Services",
|
||||
price: "Quality",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg",
|
||||
},
|
||||
id: "p4", name: "Services", price: "Quality", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg"},
|
||||
]}
|
||||
title="Our Work & Space"
|
||||
description="A glimpse into our pristine salon environment."
|
||||
@@ -205,60 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed",
|
||||
date: "Oct 2023",
|
||||
title: "Regular Client",
|
||||
quote: "Clean and hygienic salon with skilled staff.",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait men",
|
||||
},
|
||||
id: "1", name: "Ahmed", date: "Oct 2023", title: "Regular Client", quote: "Clean and hygienic salon with skilled staff.", tag: "Expertise", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", imageAlt: "happy client portrait men"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah",
|
||||
date: "Sept 2023",
|
||||
title: "Parent",
|
||||
quote: "Great experience for kids — staff are so patient.",
|
||||
tag: "Family",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-partying-together_23-2149239023.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-using-styling-tools_23-2149141730.jpg",
|
||||
imageAlt: "happy client portrait men",
|
||||
},
|
||||
id: "2", name: "Sarah", date: "Sept 2023", title: "Parent", quote: "Great experience for kids — staff are so patient.", tag: "Family", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-partying-together_23-2149239023.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-using-styling-tools_23-2149141730.jpg", imageAlt: "happy client portrait men"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mohammed",
|
||||
date: "Aug 2023",
|
||||
title: "Enthusiast",
|
||||
quote: "Highly recommended — professional barbers.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-barber-shop-close-up_23-2148465213.jpg",
|
||||
imageAlt: "happy client portrait men",
|
||||
},
|
||||
id: "3", name: "Mohammed", date: "Aug 2023", title: "Enthusiast", quote: "Highly recommended — professional barbers.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-barber-shop-close-up_23-2148465213.jpg", imageAlt: "happy client portrait men"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ali",
|
||||
date: "July 2023",
|
||||
title: "Business",
|
||||
quote: "Excellent service and friendly team.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-having-thai-herbal-head-massage-wellness-center_637285-1715.jpg",
|
||||
imageAlt: "happy client portrait men",
|
||||
},
|
||||
id: "4", name: "Ali", date: "July 2023", title: "Business", quote: "Excellent service and friendly team.", tag: "Professional", avatarSrc: "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", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-having-thai-herbal-head-massage-wellness-center_637285-1715.jpg", imageAlt: "happy client portrait men"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hassan",
|
||||
date: "June 2023",
|
||||
title: "Loyal",
|
||||
quote: "Consistently great results every single time.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500970.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait men",
|
||||
},
|
||||
id: "5", name: "Hassan", date: "June 2023", title: "Loyal", quote: "Consistently great results every single time.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500970.jpg", imageAlt: "happy client portrait men"},
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="What our clients say about us."
|
||||
@@ -269,18 +155,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
text="Ready for your next look? Book your appointment today or chat with us on WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "WhatsApp Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -290,20 +171,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hours",
|
||||
content: "10:00 AM - 10:00 PM",
|
||||
},
|
||||
id: "f1", title: "Hours", content: "10:00 AM - 10:00 PM"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Parking",
|
||||
content: "Free parking available in the building basement.",
|
||||
},
|
||||
id: "f2", title: "Parking", content: "Free parking available in the building basement."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Appointments",
|
||||
content: "Bookings are prioritized.",
|
||||
},
|
||||
id: "f3", title: "Appointments", content: "Bookings are prioritized."},
|
||||
]}
|
||||
sideTitle="Location"
|
||||
sideDescription="📍 Hay Al Nahda, Sharjah\n📞 Call Now: +971 6 000 0000"
|
||||
@@ -316,29 +188,19 @@ export default function LandingPage() {
|
||||
logoText="Mirror Gents Centre"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#booking",
|
||||
},
|
||||
label: "Booking", href: "#booking"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Location", href: "#contact"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user