Merge version_1 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -32,27 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Laser Luxury Studio"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,103 +50,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision. Pampering. Perfection."
|
||||
description="Experience luxury laser and skincare treatments designed to make you feel confident, comfortable, and cared for."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "She made me feel comfortable right away. Amazing results!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-laying-bed_23-2149341424.jpg?_wi=1",
|
||||
imageAlt: "luxury skincare studio interior",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "She made me feel comfortable right away. Amazing results!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-laying-bed_23-2149341424.jpg", imageAlt: "luxury skincare studio interior"},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@mchen",
|
||||
testimonial: "Professional, clean, and knowledgeable. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305121.jpg?_wi=1",
|
||||
imageAlt: "luxury skincare studio interior",
|
||||
},
|
||||
name: "Michael C.", handle: "@mchen", testimonial: "Professional, clean, and knowledgeable. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305121.jpg", imageAlt: "luxury skincare studio interior"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Best laser experience I have ever had.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg",
|
||||
imageAlt: "luxury skincare studio interior",
|
||||
},
|
||||
name: "Emily R.", handle: "@emilyr", testimonial: "Best laser experience I have ever had.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg", imageAlt: "luxury skincare studio interior"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@dkim",
|
||||
testimonial: "Kind, patient, and exceptional care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg",
|
||||
imageAlt: "luxury skincare studio interior",
|
||||
},
|
||||
name: "David K.", handle: "@dkim", testimonial: "Kind, patient, and exceptional care.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg", imageAlt: "luxury skincare studio interior"},
|
||||
{
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "My skin has never looked better. True luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-graceful-african-american-woman-with-smooth-natural-complexion-joyful-expression_482257-134246.jpg",
|
||||
imageAlt: "luxury skincare studio interior",
|
||||
},
|
||||
name: "Jessica L.", handle: "@jessl", testimonial: "My skin has never looked better. True luxury.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-graceful-african-american-woman-with-smooth-natural-complexion-joyful-expression_482257-134246.jpg", imageAlt: "luxury skincare studio interior"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-laying-bed_23-2149341424.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-laying-bed_23-2149341424.jpg"
|
||||
imageAlt="Luxury skincare studio"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021768.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021768.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-smiling-woman-talking-mobile-phone-from-her-kitchen-chatty-girl-with_1258-184102.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-smiling-woman-talking-mobile-phone-from-her-kitchen-chatty-girl-with_1258-184102.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-girl-posing-with-sincere-smile-studio-shot-cheerful-curly-young-woman-isolated-beige-background_197531-28951.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-girl-posing-with-sincere-smile-studio-shot-cheerful-curly-young-woman-isolated-beige-background_197531-28951.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Medical Grade Laser",
|
||||
},
|
||||
type: "text", text: "Medical Grade Laser"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skincare Excellence",
|
||||
},
|
||||
type: "text", text: "Skincare Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Comfort Focused",
|
||||
},
|
||||
type: "text", text: "Comfort Focused"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Care",
|
||||
},
|
||||
type: "text", text: "Professional Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Results",
|
||||
},
|
||||
type: "text", text: "Personalized Results"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,17 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Cupping Therapy",
|
||||
"Custom Skin Consultations",
|
||||
"Luxury Skin Treatments",
|
||||
],
|
||||
"Cupping Therapy", "Custom Skin Consultations", "Luxury Skin Treatments"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Laser Hair Removal",
|
||||
"PRP Microneedling",
|
||||
"Advanced Facials",
|
||||
],
|
||||
"Laser Hair Removal", "PRP Microneedling", "Advanced Facials"],
|
||||
}}
|
||||
title="Our Expert Services"
|
||||
description="Personalized treatments with visible results."
|
||||
@@ -192,7 +128,7 @@ export default function LandingPage() {
|
||||
title="Meet Manal"
|
||||
description="Manal creates a calm, welcoming space where clients feel comfortable. She walks you through every step with precision and care."
|
||||
subdescription="Known for professionalism, kindness, and meticulous attention to detail, your comfort is her priority."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305121.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305121.jpg"
|
||||
imageAlt="Manal at the studio"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Sparkles}
|
||||
@@ -207,25 +143,15 @@ export default function LandingPage() {
|
||||
author="Jennifer M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-graceful-african-american-woman-with-smooth-natural-complexion-joyful-expression_482257-134246.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-graceful-african-american-woman-with-smooth-natural-complexion-joyful-expression_482257-134246.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-girl-with-her-hands-her-face-posing-front-window_181624-13225.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-girl-with-her-hands-her-face-posing-front-window_181624-13225.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -238,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Is laser hair removal painful?",
|
||||
content: "Most clients describe it as a gentle snapping sensation. Manal ensures the process is comfortable.",
|
||||
},
|
||||
id: "faq-1", title: "Is laser hair removal painful?", content: "Most clients describe it as a gentle snapping sensation. Manal ensures the process is comfortable."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How long do results last?",
|
||||
content: "Results vary, but most treatments offer long-lasting confidence with recommended maintenance.",
|
||||
},
|
||||
id: "faq-2", title: "How long do results last?", content: "Results vary, but most treatments offer long-lasting confidence with recommended maintenance."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What should I expect in a consultation?",
|
||||
content: "We review your skin type and goals to create a personalized, safe plan.",
|
||||
},
|
||||
id: "faq-3", title: "What should I expect in a consultation?", content: "We review your skin type and goals to create a personalized, safe plan."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your skincare and treatment inquiries."
|
||||
@@ -266,26 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
description: "Successfully treated clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-salon-looking-into-mirror_1303-16737.jpg",
|
||||
},
|
||||
id: "m1", value: "500+", title: "Happy Clients", description: "Successfully treated clients.", imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-salon-looking-into-mirror_1303-16737.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Based on verified feedback.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-looking-camera_23-2147774763.jpg",
|
||||
},
|
||||
id: "m2", value: "98%", title: "Satisfaction Rate", description: "Based on verified feedback.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-looking-camera_23-2147774763.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
title: "Years Experience",
|
||||
description: "Professional expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-close-up-portrait-blonde-woman-make-skin-care-routime-use-eye-patches-spa-home-concept-anti-age_291049-2850.jpg",
|
||||
},
|
||||
id: "m3", value: "5+", title: "Years Experience", description: "Professional expertise.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-close-up-portrait-blonde-woman-make-skin-care-routime-use-eye-patches-spa-home-concept-anti-age_291049-2850.jpg"},
|
||||
]}
|
||||
title="Studio Impact"
|
||||
description="Our commitment to quality care."
|
||||
@@ -294,10 +196,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ready to Glow?"
|
||||
description="Book your appointment today and experience luxury care."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-floral-arrangement-rustic-interior-setting_23-2151972875.jpg"
|
||||
@@ -310,29 +212,19 @@ export default function LandingPage() {
|
||||
logoText="Laser Luxury Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user