Update src/app/services/page.tsx

This commit is contained in:
2026-03-26 09:47:05 +00:00
parent 3eefdbba74
commit ed64e4eb34

View File

@@ -28,29 +28,16 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home-hero",
href: "/",
},
name: "Home", id: "/"},
{
name: "Services",
id: "services-page",
href: "/services",
},
name: "Services", id: "/services"},
{
name: "About",
id: "about-page",
href: "/about",
},
name: "About", id: "/about"},
{
name: "Contact",
id: "contact-page",
href: "/contact",
},
name: "Contact", id: "/contact"}
]}
button={{
text: "Book Appointment",
href: "/book",
text: "Book Appointment", href: "/book"
}}
brandName="GlowSkin.lb"
/>
@@ -64,41 +51,23 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Deep Cleansing Facial",
description: "Purify your pores, remove impurities, and refresh your skin with our signature deep cleansing treatment, leaving it feeling incredibly smooth.",
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334255.jpg?_wi=3",
imageAlt: "deep cleansing facial",
title: "Deep Cleansing Facial", description: "Purify your pores, remove impurities, and refresh your skin with our signature deep cleansing treatment, leaving it feeling incredibly smooth.", imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334255.jpg", imageAlt: "deep cleansing facial"
},
{
title: "Hydrafacial Treatment",
description: "Experience the ultimate hydration and rejuvenation with our Hydrafacial, a multi-step treatment that cleanses, exfoliates, extracts, and hydrates.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-lying-spa-salon_176420-12927.jpg?_wi=3",
imageAlt: "hydrafacial treatment",
title: "Hydrafacial Treatment", description: "Experience the ultimate hydration and rejuvenation with our Hydrafacial, a multi-step treatment that cleanses, exfoliates, extracts, and hydrates.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-lying-spa-salon_176420-12927.jpg", imageAlt: "hydrafacial treatment"
},
{
title: "Acne & Blemish Control",
description: "Target breakouts and soothe inflamed skin with our specialized acne treatment, designed to minimize blemishes and prevent future flare-ups.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-applying-make-up_23-2149190620.jpg?_wi=3",
imageAlt: "acne treatment",
title: "Acne & Blemish Control", description: "Target breakouts and soothe inflamed skin with our specialized acne treatment, designed to minimize blemishes and prevent future flare-ups.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-applying-make-up_23-2149190620.jpg", imageAlt: "acne treatment"
},
{
title: "Anti-Aging & Rejuvenation",
description: "Diminish fine lines and wrinkles while boosting collagen production with our anti-aging facials, restoring youthful radiance.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-skincare-procedure_23-2148825332.jpg?_wi=2",
imageAlt: "anti-aging facial",
title: "Anti-Aging & Rejuvenation", description: "Diminish fine lines and wrinkles while boosting collagen production with our anti-aging facials, restoring youthful radiance.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-skincare-procedure_23-2148825332.jpg", imageAlt: "anti-aging facial"
},
{
title: "Dermapen Microneedling",
description: "Stimulate natural collagen and elastin production with Dermapen, improving skin texture, scars, and overall firmness.",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-lovely-pleased-young-woman-smiles-happily-holds-cosmetic-brushes-applying-makeup-wears-headband-casual-t-shirt-looks-directly-camera-isolated-brown-background_273609-56898.jpg?_wi=3",
imageAlt: "dermapen treatment",
title: "Dermapen Microneedling", description: "Stimulate natural collagen and elastin production with Dermapen, improving skin texture, scars, and overall firmness.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-lovely-pleased-young-woman-smiles-happily-holds-cosmetic-brushes-applying-makeup-wears-headband-casual-t-shirt-looks-directly-camera-isolated-brown-background_273609-56898.jpg", imageAlt: "dermapen treatment"
},
{
title: "PRP Plasma Treatment",
description: "Harness your body's healing powers with PRP therapy for skin regeneration, reducing imperfections and enhancing skin vitality.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466356.jpg?_wi=2",
imageAlt: "prp plasma treatment",
},
title: "PRP Plasma Treatment", description: "Harness your body's healing powers with PRP therapy for skin regeneration, reducing imperfections and enhancing skin vitality.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466356.jpg", imageAlt: "prp plasma treatment"
}
]}
title="Reveal Your Natural Glow with Our Specialized Facials"
description="At GlowSkin.lb, we offer a diverse range of advanced facial treatments tailored to address your unique skin concerns and help you achieve a radiant, healthy complexion."
@@ -106,9 +75,8 @@ export default function LandingPage() {
tagIcon={Sparkles}
buttons={[
{
text: "View All Services",
href: "/services",
},
text: "View All Services", href: "/services"
}
]}
/>
</div>
@@ -120,64 +88,32 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "1",
tag: "Starter Glow",
tagIcon: Sun,
price: "$75",
period: "per session",
description: "Perfect for a quick refresh and maintenance.",
button: {
text: "Book Now",
href: "/book",
id: "1", tag: "Starter Glow", tagIcon: Sun,
price: "$75", period: "per session", description: "Perfect for a quick refresh and maintenance.", button: {
text: "Book Now", href: "/book"
},
featuresTitle: "Includes:",
features: [
"Deep Cleansing",
"Gentle Exfoliation",
"Hydrating Mask",
"Custom Serum Application",
],
featuresTitle: "Includes:", features: [
"Deep Cleansing", "Gentle Exfoliation", "Hydrating Mask", "Custom Serum Application"
]
},
{
id: "2",
tag: "Signature Radiance",
tagIcon: Star,
price: "$120",
period: "per session",
description: "Our most popular choice for comprehensive skin renewal.",
button: {
text: "Book Now",
href: "/book",
id: "2", tag: "Signature Radiance", tagIcon: Star,
price: "$120", period: "per session", description: "Our most popular choice for comprehensive skin renewal.", button: {
text: "Book Now", href: "/book"
},
featuresTitle: "Includes:",
features: [
"Advanced Deep Cleansing",
"Hydrafacial Lite",
"Targeted Extractions",
"LED Light Therapy",
"Soothing Massage",
],
featuresTitle: "Includes:", features: [
"Advanced Deep Cleansing", "Hydrafacial Lite", "Targeted Extractions", "LED Light Therapy", "Soothing Massage"
]
},
{
id: "3",
tag: "Ultimate Transformation",
tagIcon: Crown,
price: "$250",
period: "per session",
description: "Experience the pinnacle of skincare for dramatic results.",
button: {
text: "Book Now",
href: "/book",
id: "3", tag: "Ultimate Transformation", tagIcon: Crown,
price: "$250", period: "per session", description: "Experience the pinnacle of skincare for dramatic results.", button: {
text: "Book Now", href: "/book"
},
featuresTitle: "Includes:",
features: [
"Full Hydrafacial Treatment",
"Dermapen Microneedling (targeted area)",
"Customized PRP Application",
"Intensive Repair Mask",
"Post-Treatment Skincare Kit",
],
},
featuresTitle: "Includes:", features: [
"Full Hydrafacial Treatment", "Dermapen Microneedling (targeted area)", "Customized PRP Application", "Intensive Repair Mask", "Post-Treatment Skincare Kit"
]
}
]}
title="Affordable Paths to Radiant Skin"
description="Discover our transparent pricing for high-quality facial treatments. We offer various plans to suit your skincare journey and budget."
@@ -192,25 +128,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What is the best facial for my skin type?",
content: "Our expert estheticians will perform a thorough skin analysis during your consultation to recommend the most suitable facial treatment for your specific skin type and concerns, whether it's oily, dry, sensitive, or combination skin.",
id: "1", title: "What is the best facial for my skin type?", content: "Our expert estheticians will perform a thorough skin analysis during your consultation to recommend the most suitable facial treatment for your specific skin type and concerns, whether it's oily, dry, sensitive, or combination skin."
},
{
id: "2",
title: "How long do the results of a facial last?",
content: "The longevity of facial results varies depending on the treatment type, your skin's condition, and your at-home skincare routine. Generally, results can last from a few days to several weeks. Regular treatments are recommended for sustained benefits.",
id: "2", title: "How long do the results of a facial last?", content: "The longevity of facial results varies depending on the treatment type, your skin's condition, and your at-home skincare routine. Generally, results can last from a few days to several weeks. Regular treatments are recommended for sustained benefits."
},
{
id: "3",
title: "Is there any downtime after a facial?",
content: "Most of our facial treatments involve minimal to no downtime. Some advanced treatments like Dermapen might cause temporary redness or sensitivity, which typically subsides within 24-48 hours. Your esthetician will provide specific aftercare instructions.",
id: "3", title: "Is there any downtime after a facial?", content: "Most of our facial treatments involve minimal to no downtime. Some advanced treatments like Dermapen might cause temporary redness or sensitivity, which typically subsides within 24-48 hours. Your esthetician will provide specific aftercare instructions."
},
{
id: "4",
title: "What is the difference between a Hydrafacial and a traditional facial?",
content: "A Hydrafacial uses patented technology to cleanse, extract, and hydrate simultaneously, offering superior results with no discomfort or downtime. Traditional facials often involve manual extractions and simpler product applications. Hydrafacial is known for its effectiveness and immediate glow.",
},
id: "4", title: "What is the difference between a Hydrafacial and a traditional facial?", content: "A Hydrafacial uses patented technology to cleanse, extract, and hydrate simultaneously, offering superior results with no discomfort or downtime. Traditional facials often involve manual extractions and simpler product applications. Hydrafacial is known for its effectiveness and immediate glow."
}
]}
title="Your Questions, Answered"
description="Browse our frequently asked questions to learn more about our facial treatments and what to expect during your visit to GlowSkin.lb."
@@ -225,64 +153,50 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Deep Cleansing",
href: "/services#deep-cleansing",
label: "Deep Cleansing", href: "/services#deep-cleansing"
},
{
label: "Hydrafacial",
href: "/services#hydrafacial",
label: "Hydrafacial", href: "/services#hydrafacial"
},
{
label: "Acne Treatment",
href: "/services#acne-treatment",
label: "Acne Treatment", href: "/services#acne-treatment"
},
{
label: "Anti-Aging",
href: "/services#anti-aging",
},
],
label: "Anti-Aging", href: "/services#anti-aging"
}
]
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
label: "About Us", href: "/about"
},
{
label: "Contact",
href: "/contact",
label: "Contact", href: "/contact"
},
{
label: "Book Now",
href: "/book",
label: "Book Now", href: "/book"
},
{
label: "Blog",
href: "/blog",
},
],
label: "Blog", href: "/blog"
}
]
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQs",
href: "/services#faq",
label: "FAQs", href: "/services#faq"
},
{
label: "Testimonials",
href: "/about#testimonials",
label: "Testimonials", href: "/about#testimonials"
},
{
label: "Privacy Policy",
href: "/privacy",
},
],
},
label: "Privacy Policy", href: "/privacy"
}
]
}
]}
copyrightText="© 2024 GlowSkin.lb. All rights reserved."
/>