Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-10 12:21:33 +00:00

View File

@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Packages",
id: "#packages",
},
name: "Packages", id: "#packages"},
{
name: "Locations",
id: "#locations",
},
name: "Locations", id: "#locations"},
{
name: "About Us",
id: "#about-us",
},
name: "About Us", id: "#about-us"},
{
name: "Book Now",
id: "#booking",
},
name: "Book Now", id: "#booking"},
]}
brandName="Beauty Box"
/>
@@ -65,45 +53,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="All Beauty Services in One Box!"
description="Indulge in head-to-toe pampering at Beauty Box, Doha's premier salon chain. Fresh, funky, and always fabulous."
buttons={[
{
text: "Book Now",
href: "#booking",
},
text: "Book Now", href: "#booking"},
{
text: "WhatsApp Us",
href: "https://wa.me/97444462457?text=Book%20Now",
},
text: "WhatsApp Us", href: "https://wa.me/97444462457?text=Book%20Now"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-dress_23-2147688400.jpg",
imageAlt: "Woman getting hair styled in a luxurious salon",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-dress_23-2147688400.jpg", imageAlt: "Woman getting hair styled in a luxurious salon"},
{
imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",
imageAlt: "Close-up of a client receiving a relaxing facial",
},
imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg", imageAlt: "Close-up of a client receiving a relaxing facial"},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg",
imageAlt: "Manicure in progress with vibrant nail polish",
},
imageSrc: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg", imageAlt: "Manicure in progress with vibrant nail polish"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-face-young-woman-relaxing-gentle_158595-4582.jpg",
imageAlt: "Elegant pedicure station with serene ambiance",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-face-young-woman-relaxing-gentle_158595-4582.jpg", imageAlt: "Elegant pedicure station with serene ambiance"},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-same-sisters-with-modern-tablet_329181-10604.jpg",
imageAlt: "Stylist applying hair color in a modern salon",
},
imageSrc: "http://img.b2bpic.net/free-photo/two-same-sisters-with-modern-tablet_329181-10604.jpg", imageAlt: "Stylist applying hair color in a modern salon"},
{
imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-testing-fabric-swaps-client_23-2150461540.jpg",
imageAlt: "Client smiling after a professional beauty treatment",
},
imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-testing-fabric-swaps-client_23-2150461540.jpg", imageAlt: "Client smiling after a professional beauty treatment"},
]}
/>
</div>
@@ -114,81 +85,39 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
tag: "Hands & Feet",
title: "Manicure",
subtitle: "Gel & Acrylic",
description: "Classic and specialized manicures, including stunning gel and acrylic extensions.",
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-front-view_23-2148766583.jpg",
imageAlt: "Manicure service at Beauty Box",
buttons: [
tag: "Hands & Feet", title: "Manicure", subtitle: "Gel & Acrylic", description: "Classic and specialized manicures, including stunning gel and acrylic extensions.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-front-view_23-2148766583.jpg", imageAlt: "Manicure service at Beauty Box", buttons: [
{
text: "View Menu",
},
text: "View Menu"},
],
},
{
tag: "Hands & Feet",
title: "Pedicure",
subtitle: "Spa & Callus",
description: "Relaxing pedicures, indulgent spa treatments, and effective callus removal for silky smooth feet.",
imageSrc: "http://img.b2bpic.net/free-photo/circular-pink-empty-frame-decorated-with-leaves-flowers-wooden-textured-background_23-2147874333.jpg",
imageAlt: "Pedicure service at Beauty Box",
buttons: [
tag: "Hands & Feet", title: "Pedicure", subtitle: "Spa & Callus", description: "Relaxing pedicures, indulgent spa treatments, and effective callus removal for silky smooth feet.", imageSrc: "http://img.b2bpic.net/free-photo/circular-pink-empty-frame-decorated-with-leaves-flowers-wooden-textured-background_23-2147874333.jpg", imageAlt: "Pedicure service at Beauty Box", buttons: [
{
text: "View Menu",
},
text: "View Menu"},
],
},
{
tag: "Hair Care",
title: "Hairstyling",
subtitle: "Color & Blowout",
description: "Expert cuts, vibrant coloring, keratin treatments, and Brazilian blowouts for flawless hair.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg",
imageAlt: "Hairstyling service at Beauty Box",
buttons: [
tag: "Hair Care", title: "Hairstyling", subtitle: "Color & Blowout", description: "Expert cuts, vibrant coloring, keratin treatments, and Brazilian blowouts for flawless hair.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg", imageAlt: "Hairstyling service at Beauty Box", buttons: [
{
text: "View Menu",
},
text: "View Menu"},
],
},
{
tag: "Skin & Eyes",
title: "Facials & Lashes",
subtitle: "HydraFacial & Extensions",
description: "Rejuvenating facials, including HydraFacial, and gorgeous lash extensions for captivating eyes.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-laser-hair-removal_1157-34934.jpg",
imageAlt: "Facials and Lashes service at Beauty Box",
buttons: [
tag: "Skin & Eyes", title: "Facials & Lashes", subtitle: "HydraFacial & Extensions", description: "Rejuvenating facials, including HydraFacial, and gorgeous lash extensions for captivating eyes.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-laser-hair-removal_1157-34934.jpg", imageAlt: "Facials and Lashes service at Beauty Box", buttons: [
{
text: "View Menu",
},
text: "View Menu"},
],
},
{
tag: "Hair Removal",
title: "Waxing & Threading",
subtitle: "Smooth Finish",
description: "Efficient and gentle waxing and threading services for beautifully smooth skin.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-beauty-salon_23-2148895560.jpg",
imageAlt: "Waxing and Threading service at Beauty Box",
buttons: [
tag: "Hair Removal", title: "Waxing & Threading", subtitle: "Smooth Finish", description: "Efficient and gentle waxing and threading services for beautifully smooth skin.", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-beauty-salon_23-2148895560.jpg", imageAlt: "Waxing and Threading service at Beauty Box", buttons: [
{
text: "View Menu",
},
text: "View Menu"},
],
},
{
tag: "Relaxation",
title: "Massage",
subtitle: "Pure Bliss",
description: "Unwind with our therapeutic massage services, designed to relax your body and mind.",
imageSrc: "http://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-43251.jpg",
imageAlt: "Massage service at Beauty Box",
buttons: [
tag: "Relaxation", title: "Massage", subtitle: "Pure Bliss", description: "Unwind with our therapeutic massage services, designed to relax your body and mind.", imageSrc: "http://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-43251.jpg", imageAlt: "Massage service at Beauty Box", buttons: [
{
text: "View Menu",
},
text: "View Menu"},
],
},
]}
@@ -205,24 +134,15 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "hydrafacial",
brand: "Beauty Box",
name: "The Signature HydraFacial",
price: "QAR 650",
rating: 5,
reviewCount: "200+ Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-caucasian-young-girl-with-snowwhite-smile-dark-hair-white-background-people-free-time-concept_197531-31402.jpg",
imageAlt: "HydraFacial treatment in progress",
onProductClick: "() => console.log('HydraFacial clicked')",
id: "hydrafacial", brand: "Beauty Box", name: "The Signature HydraFacial", price: "QAR 650", rating: 5,
reviewCount: "200+ Reviews", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-caucasian-young-girl-with-snowwhite-smile-dark-hair-white-background-people-free-time-concept_197531-31402.jpg", imageAlt: "HydraFacial treatment in progress", onProductClick: () => console.log('HydraFacial clicked'),
},
]}
title="Spotlight Treatment: HydraFacial!"
description="Experience the ultimate skin rejuvenation. Our advanced HydraFacial treatment cleanses, extracts, and hydrates for an instant glow. Book yours today!"
buttons={[
{
text: "Learn More & Book",
href: "#booking",
},
text: "Learn More & Book", href: "#booking"},
]}
/>
</div>
@@ -234,42 +154,23 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "points",
value: "Earn Points",
title: "Every Visit",
items: [
"Collect points for every service",
"Redeem for free treatments",
"Exclusive member-only offers",
],
id: "points", value: "Earn Points", title: "Every Visit", items: [
"Collect points for every service", "Redeem for free treatments", "Exclusive member-only offers"],
},
{
id: "referrals",
value: "Refer & Get",
title: "Rewarded",
items: [
"Refer a friend, both get a discount",
"Special bonuses for top referrers",
"Spread the beauty, earn more",
],
id: "referrals", value: "Refer & Get", title: "Rewarded", items: [
"Refer a friend, both get a discount", "Special bonuses for top referrers", "Spread the beauty, earn more"],
},
{
id: "vip",
value: "VIP Access",
title: "To Events",
items: [
"Early access to new services",
"Invitations to exclusive events",
"Personalized beauty recommendations",
],
id: "vip", value: "VIP Access", title: "To Events", items: [
"Early access to new services", "Invitations to exclusive events", "Personalized beauty recommendations"],
},
]}
title="Join Our Loyalty Club"
description="Get rewarded for every visit! Earn points, enjoy exclusive discounts, and refer friends for extra perks. Your beauty journey just got more rewarding."
buttons={[
{
text: "Sign Up Now",
},
text: "Sign Up Now"},
]}
/>
</div>
@@ -281,57 +182,25 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "glam-package",
tag: "Popular",
tagIcon: Sparkles,
price: "QAR 499",
period: "/ package",
description: "Indulge in our most popular services bundled for ultimate glamour.",
featuresTitle: "Includes:",
features: [
"Classic Manicure & Pedicure",
"Wash & Blow Dry",
"Choice of Mini Facial",
],
id: "glam-package", tag: "Popular", tagIcon: Sparkles,
price: "QAR 499", period: "/ package", description: "Indulge in our most popular services bundled for ultimate glamour.", featuresTitle: "Includes:", features: [
"Classic Manicure & Pedicure", "Wash & Blow Dry", "Choice of Mini Facial"],
button: {
text: "Discover More",
},
text: "Discover More"},
},
{
id: "bridal-bliss",
tag: "Wedding Special",
tagIcon: Heart,
price: "QAR 1200",
period: "/ package",
description: "Perfect for brides-to-be, ensuring you glow on your big day.",
featuresTitle: "Includes:",
features: [
"Bridal Hair & Makeup Trial",
"HydraFacial Treatment",
"Gel Manicure & Pedicure",
"Relaxing Full Body Massage",
],
id: "bridal-bliss", tag: "Wedding Special", tagIcon: Heart,
price: "QAR 1200", period: "/ package", description: "Perfect for brides-to-be, ensuring you glow on your big day.", featuresTitle: "Includes:", features: [
"Bridal Hair & Makeup Trial", "HydraFacial Treatment", "Gel Manicure & Pedicure", "Relaxing Full Body Massage"],
button: {
text: "Inquire Now",
},
text: "Inquire Now"},
},
{
id: "friends-forever",
tag: "Group Fun",
tagIcon: Users,
price: "QAR 750",
period: "/ for 2",
description: "A delightful package for you and a friend to enjoy together.",
featuresTitle: "Includes (per person):",
features: [
"Classic Manicure",
"Express Facial",
"Back & Shoulder Massage",
"Complimentary Drink",
],
id: "friends-forever", tag: "Group Fun", tagIcon: Users,
price: "QAR 750", period: "/ for 2", description: "A delightful package for you and a friend to enjoy together.", featuresTitle: "Includes (per person):", features: [
"Classic Manicure", "Express Facial", "Back & Shoulder Massage", "Complimentary Drink"],
button: {
text: "Book for Two",
},
text: "Book for Two"},
},
]}
title="Packages & Offers"
@@ -344,17 +213,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Birthday Gift Card",
"Anniversary Surprise",
"Just Because",
"Thank You Treat",
]}
"Birthday Gift Card", "Anniversary Surprise", "Just Because", "Thank You Treat"]}
title="Give the Gift of Beauty"
description="Treat your loved ones to an unforgettable pampering experience with a Beauty Box Gift Card. The perfect present for any occasion!"
buttons={[
{
text: "Purchase Gift Card",
},
text: "Purchase Gift Card"},
]}
speed={40}
showCard={true}
@@ -367,30 +231,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "doha-mall",
title: "Doha Mall",
content: "Located in Doha Mall (near main entrance).<br/><strong>Phone:</strong> <a href=\"tel:+97444472561\">+974 4447 2561</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm",
},
id: "doha-mall", title: "Doha Mall", content: "Located in Doha Mall (near main entrance).<br/><strong>Phone:</strong> <a href=\"tel:+97444472561\">+974 4447 2561</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm"},
{
id: "place-vendome-mall",
title: "Place Vendôme Mall",
content: "Find us in Place Vendôme Mall.<br/><strong>Phone:</strong> <a href=\"tel:+97444186464\">+974 4418 6464</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm",
},
id: "place-vendome-mall", title: "Place Vendôme Mall", content: "Find us in Place Vendôme Mall.<br/><strong>Phone:</strong> <a href=\"tel:+97444186464\">+974 4418 6464</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm"},
{
id: "city-center-gf",
title: "City Center Mall Ground Floor",
content: "Visit our branch on the Ground Floor of City Center Mall.<br/><strong>Phone:</strong> <a href=\"tel:+97444472566\">+974 4447 2566</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm",
},
id: "city-center-gf", title: "City Center Mall Ground Floor", content: "Visit our branch on the Ground Floor of City Center Mall.<br/><strong>Phone:</strong> <a href=\"tel:+97444472566\">+974 4447 2566</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm"},
{
id: "city-center-2f",
title: "City Center Mall 2nd Floor",
content: "Discover our second branch on the 2nd Floor of City Center Mall.<br/><strong>Phone:</strong> <a href=\"tel:+97444880338\">+974 4488 0338</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm",
},
id: "city-center-2f", title: "City Center Mall 2nd Floor", content: "Discover our second branch on the 2nd Floor of City Center Mall.<br/><strong>Phone:</strong> <a href=\"tel:+97444880338\">+974 4488 0338</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm"},
{
id: "hyatt-plaza-mall",
title: "Hyatt Plaza Mall",
content: "Located within Hyatt Plaza Mall.<br/><strong>Phone:</strong> <a href=\"tel:+97444462457\">+974 4446 2457</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm",
},
id: "hyatt-plaza-mall", title: "Hyatt Plaza Mall", content: "Located within Hyatt Plaza Mall.<br/><strong>Phone:</strong> <a href=\"tel:+97444462457\">+974 4446 2457</a><br/><strong>Hours:</strong> SatThu 10am10pm, Fri 1pm10pm"},
]}
imageSrc="http://img.b2bpic.net/free-photo/shanghai-aerial-day_649448-3680.jpg"
imageAlt="Map highlighting Beauty Box locations in Doha malls"
@@ -418,33 +267,18 @@ export default function LandingPage() {
description="Fill out the form below to request an appointment. Our team will contact you shortly to confirm your booking and ensure a seamless experience."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number (e.g., +974 5555 1234)",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number (e.g., +974 5555 1234)", required: true,
},
]}
multiSelect={{
name: "branch",
label: "Preferred Branch",
options: [
"Doha Mall",
"Place Vendôme Mall",
"City Center Mall Ground Floor",
"City Center Mall 2nd Floor",
"Hyatt Plaza Mall",
],
name: "branch", label: "Preferred Branch", options: [
"Doha Mall", "Place Vendôme Mall", "City Center Mall Ground Floor", "City Center Mall 2nd Floor", "Hyatt Plaza Mall"],
}}
textarea={{
name: "serviceDetails",
placeholder: "Which services are you interested in? (e.g., Gel Manicure, HydraFacial)",
rows: 4,
name: "serviceDetails", placeholder: "Which services are you interested in? (e.g., Gel Manicure, HydraFacial)", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-sits-table-with-makeup-tools-holding-makeup-brush-looking-phone-her-hand-isolated-orange-background_141793-118870.jpg"
imageAlt="Woman booking beauty appointment on phone"
@@ -460,29 +294,19 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/BeautyBoxQatar",
ariaLabel: "Instagram",
},
href: "https://instagram.com/BeautyBoxQatar", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com/BeautyBoxQatar",
ariaLabel: "Facebook",
},
href: "https://facebook.com/BeautyBoxQatar", ariaLabel: "Facebook"},
{
icon: Play,
href: "https://tiktok.com/@BeautyBoxQatar",
ariaLabel: "TikTok",
},
href: "https://tiktok.com/@BeautyBoxQatar", ariaLabel: "TikTok"},
{
icon: Twitter,
href: "https://snapchat.com/add/BeautyBoxQatar",
ariaLabel: "Snapchat",
},
href: "https://snapchat.com/add/BeautyBoxQatar", ariaLabel: "Snapchat"},
{
icon: Mail,
href: "mailto:contactus@beautybox.qa",
ariaLabel: "Email Us",
},
href: "mailto:contactus@beautybox.qa", ariaLabel: "Email Us"},
]}
/>
</div>