From b8ce2bdd8cf54486ee3a8b1d08309dea6d059dc1 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 12:21:29 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 308 ++++++++++------------------------------------- 1 file changed, 66 insertions(+), 242 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 787e07e..d2bf737 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,29 +34,17 @@ export default function LandingPage() { @@ -65,45 +53,28 @@ export default function LandingPage() {
@@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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).
Phone: +974 4447 2561
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm", - }, + id: "doha-mall", title: "Doha Mall", content: "Located in Doha Mall (near main entrance).
Phone: +974 4447 2561
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm"}, { - id: "place-vendome-mall", - title: "Place Vendôme Mall", - content: "Find us in Place Vendôme Mall.
Phone: +974 4418 6464
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm", - }, + id: "place-vendome-mall", title: "Place Vendôme Mall", content: "Find us in Place Vendôme Mall.
Phone: +974 4418 6464
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm"}, { - id: "city-center-gf", - title: "City Center Mall – Ground Floor", - content: "Visit our branch on the Ground Floor of City Center Mall.
Phone: +974 4447 2566
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm", - }, + id: "city-center-gf", title: "City Center Mall – Ground Floor", content: "Visit our branch on the Ground Floor of City Center Mall.
Phone: +974 4447 2566
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm"}, { - id: "city-center-2f", - title: "City Center Mall – 2nd Floor", - content: "Discover our second branch on the 2nd Floor of City Center Mall.
Phone: +974 4488 0338
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm", - }, + id: "city-center-2f", title: "City Center Mall – 2nd Floor", content: "Discover our second branch on the 2nd Floor of City Center Mall.
Phone: +974 4488 0338
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm"}, { - id: "hyatt-plaza-mall", - title: "Hyatt Plaza Mall", - content: "Located within Hyatt Plaza Mall.
Phone: +974 4446 2457
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm", - }, + id: "hyatt-plaza-mall", title: "Hyatt Plaza Mall", content: "Located within Hyatt Plaza Mall.
Phone: +974 4446 2457
Hours: Sat–Thu 10am–10pm, Fri 1pm–10pm"}, ]} 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"}, ]} /> -- 2.49.1