bender/c628a73f-3577-4ab4-a4c5-388e6a3f3faf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-26 09:47:04 +00:00
parent c34116fcb4
commit 3eefdbba74
1 changed files with 53 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

203
src/app/page.tsx
View File

@@ -31,29 +31,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"
/>
@@ -62,41 +49,39 @@ export default function LandingPage() {
<div id="home-hero" data-section="home-hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
variant: "sparkles-gradient"
}}
title="Reveal Your Natural Glow ✨"
description="تخصصنا العناية بالبشرة بأحدث التقنيات للحصول على بشرة صحية، ناعمة، ومشرقة"
tagAnimation="none"
buttons={[
{
text: "Book Appointment",
href: "/book",
text: "Book Appointment", href: "/book"
},
{
text: "View Services",
href: "/services",
},
text: "View Services", href: "/services"
}
]}
buttonAnimation="slide-up"
mediaItems={[
{
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=1",
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"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-lying-spa-salon_176420-12927.jpg?_wi=1",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-lying-spa-salon_176420-12927.jpg"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/room-with-blue-couchs-with-white-cushions_1203-374.jpg?_wi=1",
imageSrc: "http://img.b2bpic.net/free-photo/room-with-blue-couchs-with-white-cushions_1203-374.jpg"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-applying-make-up_23-2149190620.jpg?_wi=1",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-applying-make-up_23-2149190620.jpg"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334255.jpg?_wi=1",
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334255.jpg"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-skincare-procedure_23-2148825332.jpg?_wi=1",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-skincare-procedure_23-2148825332.jpg"
}
]}
mediaAnimation="slide-up"
/>
@@ -108,16 +93,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [],
items: []
}}
positiveCard={{
items: [
"Deep Skin Cleansing: Clears pores, reduces acne, smooth skin",
"Hydrafacial: Deep cleansing and hydration for instant radiance",
"Acne Treatment: Reduces inflammation for clear skin",
"Dermapen: Stimulates collagen, reduces scars and pigmentation",
"Relaxation Facial: Soothing and rejuvenating experience",
],
"Deep Skin Cleansing: Clears pores, reduces acne, smooth skin", "Hydrafacial: Deep cleansing and hydration for instant radiance", "Acne Treatment: Reduces inflammation for clear skin", "Dermapen: Stimulates collagen, reduces scars and pigmentation", "Relaxation Facial: Soothing and rejuvenating experience"
]
}}
title="Our most loved treatments"
description="Discover the services that our clients adore, designed to bring out your skin's best."
@@ -132,12 +113,11 @@ export default function LandingPage() {
tagAnimation="none"
buttons={[
{
text: "View All Services",
href: "/services",
},
text: "View All Services", href: "/services"
}
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/caucasian-blonde-girl-applies-anti-aging-cream-skin-aging-her-mother-s-face-indoors-concept-natural-cosmetics-wrinkle-smoothing_197531-31469.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/caucasian-blonde-girl-applies-anti-aging-cream-skin-aging-her-mother-s-face-indoors-concept-natural-cosmetics-wrinkle-smoothing_197531-31469.jpg"
imageAlt="Esthetician consulting client"
/>
</div>
@@ -149,37 +129,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Client",
testimonial: "My skin has never looked better! The hydrafacial was a game-changer. Highly recommend GlowSkin!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg?_wi=1",
imageAlt: "Sarah Johnson after facial",
id: "1", name: "Sarah Johnson", role: "Client", testimonial: "My skin has never looked better! The hydrafacial was a game-changer. Highly recommend GlowSkin!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg", imageAlt: "Sarah Johnson after facial"
},
{
id: "2",
name: "Amina Ali",
role: "Client",
testimonial: "The deep cleansing facial made such a difference. My pores are clear, and my skin feels so smooth.",
imageSrc: "http://img.b2bpic.net/free-photo/content-joyful-teenage-gir-squints-face-from-happiness_273609-28166.jpg?_wi=1",
imageAlt: "Amina Ali after facial",
id: "2", name: "Amina Ali", role: "Client", testimonial: "The deep cleansing facial made such a difference. My pores are clear, and my skin feels so smooth.", imageSrc: "http://img.b2bpic.net/free-photo/content-joyful-teenage-gir-squints-face-from-happiness_273609-28166.jpg", imageAlt: "Amina Ali after facial"
},
{
id: "3",
name: "Layla Karam",
role: "Client",
testimonial: "After just a few acne treatments, my skin is significantly clearer. Thank you, GlowSkin!",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466356.jpg?_wi=1",
imageAlt: "Layla Karam after facial",
id: "3", name: "Layla Karam", role: "Client", testimonial: "After just a few acne treatments, my skin is significantly clearer. Thank you, GlowSkin!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466356.jpg", imageAlt: "Layla Karam after facial"
},
{
id: "4",
name: "Fatima Hassan",
role: "Client",
testimonial: "The dermapen sessions have really reduced my old acne scars. I feel so much more confident!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-face-young-woman-talking-mobile-phone_1262-5142.jpg?_wi=1",
imageAlt: "Fatima Hassan after facial",
},
id: "4", name: "Fatima Hassan", role: "Client", testimonial: "The dermapen sessions have really reduced my old acne scars. I feel so much more confident!", imageSrc: "http://img.b2bpic.net/free-photo/happy-face-young-woman-talking-mobile-phone_1262-5142.jpg", imageAlt: "Fatima Hassan after facial"
}
]}
title="Real results. Real confidence."
description="See the amazing transformations our clients have experienced at Glow Skin. Your journey to radiant skin starts here."
@@ -195,38 +155,14 @@ export default function LandingPage() {
description="@glowskin.lb_facial"
blogs={[
{
id: "post-1",
category: "Skincare Tips",
title: "Your Daily Skincare Routine",
excerpt: "A step-by-step guide to achieving healthy, glowing skin every day.",
imageSrc: "http://img.b2bpic.net/free-photo/view-decoration-with-brown-lipstick-plant_23-2148299612.jpg",
imageAlt: "Skincare products on a vanity",
authorName: "GlowSkin.lb",
authorAvatar: "http://img.b2bpic.net/free-vector/cosmetic-label-template-design_742173-23951.jpg",
date: "2 days ago",
id: "post-1", category: "Skincare Tips", title: "Your Daily Skincare Routine", excerpt: "A step-by-step guide to achieving healthy, glowing skin every day.", imageSrc: "http://img.b2bpic.net/free-photo/view-decoration-with-brown-lipstick-plant_23-2148299612.jpg", imageAlt: "Skincare products on a vanity", authorName: "GlowSkin.lb", authorAvatar: "http://img.b2bpic.net/free-vector/cosmetic-label-template-design_742173-23951.jpg", date: "2 days ago"
},
{
id: "post-2",
category: "Treatments",
title: "Benefits of Hydrafacial",
excerpt: "Dive deep into why Hydrafacial is the ultimate solution for instant glow.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-pink-bathrobe-taking-photo_140725-17164.jpg",
imageAlt: "Woman applying a face mask",
authorName: "GlowSkin.lb",
authorAvatar: "http://img.b2bpic.net/free-vector/cosmetic-label-template-design_742173-23951.jpg",
date: "1 week ago",
id: "post-2", category: "Treatments", title: "Benefits of Hydrafacial", excerpt: "Dive deep into why Hydrafacial is the ultimate solution for instant glow.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-pink-bathrobe-taking-photo_140725-17164.jpg", imageAlt: "Woman applying a face mask", authorName: "GlowSkin.lb", authorAvatar: "http://img.b2bpic.net/free-vector/cosmetic-label-template-design_742173-23951.jpg", date: "1 week ago"
},
{
id: "post-3",
category: "Self-Care",
title: "Relax & Rejuvenate",
excerpt: "Experience pure bliss with our signature relaxation facial. Your skin will thank you!",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage-using-oil_343596-4184.jpg",
imageAlt: "Close up of a facial massage",
authorName: "GlowSkin.lb",
authorAvatar: "http://img.b2bpic.net/free-vector/cosmetic-label-template-design_742173-23951.jpg",
date: "2 weeks ago",
},
id: "post-3", category: "Self-Care", title: "Relax & Rejuvenate", excerpt: "Experience pure bliss with our signature relaxation facial. Your skin will thank you!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage-using-oil_343596-4184.jpg", imageAlt: "Close up of a facial massage", authorName: "GlowSkin.lb", authorAvatar: "http://img.b2bpic.net/free-vector/cosmetic-label-template-design_742173-23951.jpg", date: "2 weeks ago"
}
]}
/>
</div>
@@ -235,13 +171,13 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
variant: "plain"
}}
tag="Ready for your glow-up?"
title="Book Your Session Today"
description="Start your journey to healthier, more radiant skin with GlowSkin.lb. Our team is ready to provide you with personalized care."
tagAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg"
imageAlt="Clean minimalist spa reception desk"
mediaAnimation="opacity"
mediaPosition="right"
@@ -258,55 +194,25 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "deep-cleansing",
brand: "Facial Treatment",
name: "Deep Cleansing Facial",
price: "Starting from $50",
rating: 5,
reviewCount: "250+",
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=2",
imageAlt: "Deep Cleansing Facial",
id: "deep-cleansing", brand: "Facial Treatment", name: "Deep Cleansing Facial", price: "Starting from $50", rating: 5,
reviewCount: "250+", 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: "Deep Cleansing Facial"
},
{
id: "hydrafacial",
brand: "Facial Treatment",
name: "Hydrafacial",
price: "Starting from $80",
rating: 5,
reviewCount: "180+",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-lying-spa-salon_176420-12927.jpg?_wi=2",
imageAlt: "Hydrafacial Treatment",
id: "hydrafacial", brand: "Facial Treatment", name: "Hydrafacial", price: "Starting from $80", rating: 5,
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-lying-spa-salon_176420-12927.jpg", imageAlt: "Hydrafacial Treatment"
},
{
id: "acne-treatment",
brand: "Facial Treatment",
name: "Acne Treatment",
price: "Starting from $60",
rating: 5,
reviewCount: "120+",
imageSrc: "http://img.b2bpic.net/free-photo/room-with-blue-couchs-with-white-cushions_1203-374.jpg?_wi=2",
imageAlt: "Acne Treatment",
id: "acne-treatment", brand: "Facial Treatment", name: "Acne Treatment", price: "Starting from $60", rating: 5,
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/room-with-blue-couchs-with-white-cushions_1203-374.jpg", imageAlt: "Acne Treatment"
},
{
id: "dermapen",
brand: "Facial Treatment",
name: "Dermapen",
price: "Starting from $75",
rating: 5,
reviewCount: "90+",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-applying-make-up_23-2149190620.jpg?_wi=2",
imageAlt: "Dermapen Treatment",
id: "dermapen", brand: "Facial Treatment", name: "Dermapen", price: "Starting from $75", rating: 5,
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-applying-make-up_23-2149190620.jpg", imageAlt: "Dermapen Treatment"
},
{
id: "plasma-treatment",
brand: "Hair Treatment",
name: "Plasma / Hair Treatment",
price: "Starting from $100",
rating: 5,
reviewCount: "50+",
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334255.jpg?_wi=2",
imageAlt: "Plasma Hair Treatment",
},
id: "plasma-treatment", brand: "Hair Treatment", name: "Plasma / Hair Treatment", price: "Starting from $100", rating: 5,
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334255.jpg", imageAlt: "Plasma Hair Treatment"
}
]}
title="Our Treatments"
description="Explore our comprehensive range of facial and hair treatments, each designed to address your unique skin and hair needs with advanced techniques and personalized care."
@@ -320,13 +226,12 @@ export default function LandingPage() {
description="At Glow Skin, we focus on results—not just treatments. We combine advanced techniques with personalized care to deliver visible improvements from your very first session. Our serene and clean environment ensures a relaxing and effective experience."
tagAnimation="none"
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/caucasian-blonde-girl-applies-anti-aging-cream-skin-aging-her-mother-s-face-indoors-concept-natural-cosmetics-wrinkle-smoothing_197531-31469.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/caucasian-blonde-girl-applies-anti-aging-cream-skin-aging-her-mother-s-face-indoors-concept-natural-cosmetics-wrinkle-smoothing_197531-31469.jpg"
imageAlt="Esthetician consulting client"
buttons={[
{
text: "View All Services",
href: "/services",
},
text: "View All Services", href: "/services"
}
]}
/>
</div>
@@ -335,13 +240,13 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
variant: "plain"
}}
tag="Ready for your glow-up?"
title="Book Your Session Today"
description="Start your journey to healthier, more radiant skin with GlowSkin.lb. Our team is ready to provide you with personalized care."
tagAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg"
imageAlt="Clean minimalist spa reception desk"
mediaAnimation="opacity"
mediaPosition="right"
@@ -355,13 +260,13 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
variant: "plain"
}}
tag="Ready for your glow-up?"
title="Book Your Session Today"
description="Start your journey to healthier, more radiant skin with GlowSkin.lb. Our team is ready to provide you with personalized care."
tagAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9539.jpg"
imageAlt="Clean minimalist spa reception desk"
mediaAnimation="opacity"
mediaPosition="right"
@@ -375,12 +280,10 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="GlowSkin.lb"
leftLink={{
text: "Privacy Policy",
href: "#",
text: "Privacy Policy", href: "#"
}}
rightLink={{
text: "Terms of Service",
href: "#",
text: "Terms of Service", href: "#"
}}
/>
</div>