Merge version_1 into main #6
191
src/app/page.tsx
191
src/app/page.tsx
@@ -31,29 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home-hero",
|
||||
href: "/",
|
||||
name: "Home", id: "home-hero"
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services-page",
|
||||
href: "/services",
|
||||
name: "Services", id: "services-page"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about-page",
|
||||
href: "/about",
|
||||
name: "About", id: "about-page"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact-page",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "contact-page"
|
||||
}
|
||||
]}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "/book",
|
||||
text: "Book Appointment", href: "/book"
|
||||
}}
|
||||
brandName="GlowSkin.lb"
|
||||
/>
|
||||
@@ -62,41 +53,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/woman-standing-by-window-bathrobe_1303-13039.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-by-window-bathrobe_1303-13039.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-spa-center_23-2148099294.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-spa-center_23-2148099294.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cream-heart-shape_23-2148766566.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cream-heart-shape_23-2148766566.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-having-homemade-mask-her-face_23-2148883892.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-having-homemade-mask-her-face_23-2148883892.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12664.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12664.jpg"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,16 +97,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,9 +117,8 @@ 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/beautiful-young-women-looking-clipboard_23-2148352810.jpg?_wi=1"
|
||||
@@ -149,37 +133,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/close-up-woman-smiling_1098-1671.jpg",
|
||||
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/close-up-woman-smiling_1098-1671.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-vector/organic-social-network-stories-template-with-image_220290-60.jpg",
|
||||
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-vector/organic-social-network-stories-template-with-image_220290-60.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/woman-suffering-from-body-dysmorphia_23-2150879647.jpg",
|
||||
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/woman-suffering-from-body-dysmorphia_23-2150879647.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/cucumber-slice-female-friend-sitting-bed_23-2147890839.jpg",
|
||||
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/cucumber-slice-female-friend-sitting-bed_23-2147890839.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 +159,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/top-view-body-butter-leaves-plain-background_23-2148305475.jpg",
|
||||
imageAlt: "Skincare products on a vanity",
|
||||
authorName: "GlowSkin.lb",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-label-collection_23-2149224843.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/top-view-body-butter-leaves-plain-background_23-2148305475.jpg", imageAlt: "Skincare products on a vanity", authorName: "GlowSkin.lb", authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-label-collection_23-2149224843.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/cosmetologist-applies-alginate-mask-with-spatula-face-woman_343596-4282.jpg",
|
||||
imageAlt: "Woman applying a face mask",
|
||||
authorName: "GlowSkin.lb",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-label-collection_23-2149224843.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/cosmetologist-applies-alginate-mask-with-spatula-face-woman_343596-4282.jpg", imageAlt: "Woman applying a face mask", authorName: "GlowSkin.lb", authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-label-collection_23-2149224843.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/beautician-doing-face-beauty-routine-female-client_23-2148875510.jpg",
|
||||
imageAlt: "Close up of a facial massage",
|
||||
authorName: "GlowSkin.lb",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-label-collection_23-2149224843.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/beautician-doing-face-beauty-routine-female-client_23-2148875510.jpg", imageAlt: "Close up of a facial massage", authorName: "GlowSkin.lb", authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-label-collection_23-2149224843.jpg", date: "2 weeks ago"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -235,7 +175,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Ready for your glow-up?"
|
||||
title="Book Your Session Today"
|
||||
@@ -258,55 +198,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/woman-standing-by-window-bathrobe_1303-13039.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/woman-standing-by-window-bathrobe_1303-13039.jpg?_wi=2", 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/woman-spa-center_23-2148099294.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/woman-spa-center_23-2148099294.jpg?_wi=2", 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/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.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/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg?_wi=2", 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/nail-hygiene-care-cream-heart-shape_23-2148766566.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/nail-hygiene-care-cream-heart-shape_23-2148766566.jpg?_wi=2", 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/happy-woman-having-homemade-mask-her-face_23-2148883892.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/happy-woman-having-homemade-mask-her-face_23-2148883892.jpg?_wi=2", 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."
|
||||
@@ -324,9 +234,8 @@ export default function LandingPage() {
|
||||
imageAlt="Esthetician consulting client"
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Services",
|
||||
href: "/services",
|
||||
},
|
||||
text: "View All Services", href: "/services"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,7 +244,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Ready for your glow-up?"
|
||||
title="Book Your Session Today"
|
||||
@@ -355,7 +264,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Ready for your glow-up?"
|
||||
title="Book Your Session Today"
|
||||
@@ -375,12 +284,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>
|
||||
|
||||
Reference in New Issue
Block a user