bender/b6d67287-8d40-4730-ab5b-1728a26ad24d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-19 22:46:55 +00:00
Conversation 0 Commits 1 Files Changed 1 +34 -302
1 changed files with 34 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

336
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Lumina Laser"
/>
@@ -59,33 +44,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Laser Hair Removal: Smooth Skin, Lasting Results"
description="Gentle on skin, effective against unwanted hair for women and men alike. Book your first session today and experience professional care in a comfortable, hygienic environment."
tag="Trusted Professional Laser Clinic"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautician-pulling-off-cosmetic-mask-from-woman-face_651396-1864.jpg?_wi=1",
imageAlt: "woman skin treatment professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33838.jpg?_wi=1",
imageAlt: "man professional laser treatment",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg",
imageAlt: "Cosmetologist applying mask on a face of client in a beauty salon",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cosmetology-doctor-patien_624325-1648.jpg",
imageAlt: "cosmetology doctor and patien",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautician-spa-beauty-salon-applies-cream-client-s-face-girl-lies-cosmetology-table_343596-4278.jpg",
imageAlt: "Beautician in a spa beauty salon applies cream to a client's face, a girl lies on a cosmetology table",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/beautician-pulling-off-cosmetic-mask-from-woman-face_651396-1864.jpg", imageAlt: "woman skin treatment professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33838.jpg", imageAlt: "man professional laser treatment" }
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -100,7 +65,7 @@ export default function LandingPage() {
title="Why Clients Trust Us"
description="We believe that everyone deserves to feel confident in their own skin. Our salon combines cutting-edge technology with highly trained professionals who prioritize safety and personalized comfort at every single stage of your treatment plan."
subdescription="Our focus is always on your skin health and long-term results."
imageSrc="http://img.b2bpic.net/free-photo/medical-crutches-couch-used-by-person-with-physical-disability-empty-living-room-with-walking-support-sticks-wheelchair-give-aid-accessibility-transportation_482257-39028.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/medical-crutches-couch-used-by-person-with-physical-disability-empty-living-room-with-walking-support-sticks-wheelchair-give-aid-accessibility-transportation_482257-39028.jpg"
mediaAnimation="slide-up"
icon={Heart}
/>
@@ -113,65 +78,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Individual Approach",
description: "Every treatment is tailored specifically to your skin and hair type, ensuring maximum effectiveness and safety.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/shock-wave-therapy-device-with-male-doctor-hands-rubber-gloves_169016-43088.jpg",
},
items: [
{
icon: Sparkles,
text: "Personalized settings",
},
{
icon: CheckCircle,
text: "Certified specialists",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/beautician-pulling-off-cosmetic-mask-from-woman-face_651396-1864.jpg?_wi=2",
imageAlt: "skin care technology laser",
title: "Individual Approach", description: "Every treatment is tailored specifically to your skin and hair type, ensuring maximum effectiveness and safety.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautician-pulling-off-cosmetic-mask-from-woman-face_651396-1864.jpg", imageAlt: "skin care technology laser" },
items: [{ icon: Sparkles, text: "Personalized settings" }, { icon: CheckCircle, text: "Certified specialists" }],
reverse: false
},
{
title: "Modern Technology",
description: "Our salon uses industry-leading certified equipment that delivers consistent, professional, and comfortable results every session.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-standing-with-arms-crossed-clinic_107420-65527.jpg",
},
items: [
{
icon: Zap,
text: "Fast treatment times",
},
{
icon: Shield,
text: "Medical-grade safety",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33838.jpg?_wi=2",
imageAlt: "skin care technology laser",
title: "Modern Technology", description: "Our salon uses industry-leading certified equipment that delivers consistent, professional, and comfortable results every session.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33838.jpg", imageAlt: "skin care technology laser" },
items: [{ icon: Zap, text: "Fast treatment times" }, { icon: Shield, text: "Medical-grade safety" }],
reverse: true
},
{
title: "Comfort Guaranteed",
description: "We ensure each visit is a relaxing experience in a clean, professional, and highly comfortable atmosphere.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-aa-meeting-space-with-chairs-circle-prepared-group-therapy-nobody-office-decorated-with-furniture-rehabilitation-program-session-with-therapist-treating-alcoholism_482257-27825.jpg",
},
items: [
{
icon: Award,
text: "High hygiene standards",
},
{
icon: Star,
text: "Relaxed environment",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/medical-crutches-couch-used-by-person-with-physical-disability-empty-living-room-with-walking-support-sticks-wheelchair-give-aid-accessibility-transportation_482257-39028.jpg?_wi=2",
imageAlt: "skin care technology laser",
},
title: "Comfort Guaranteed", description: "We ensure each visit is a relaxing experience in a clean, professional, and highly comfortable atmosphere.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medical-crutches-couch-used-by-person-with-physical-disability-empty-living-room-with-walking-support-sticks-wheelchair-give-aid-accessibility-transportation_482257-39028.jpg", imageAlt: "skin care technology laser" },
items: [{ icon: Award, text: "High hygiene standards" }, { icon: Star, text: "Relaxed environment" }],
reverse: false
}
]}
title="A Premium Standard of Care"
description="Experience hair removal designed around your specific lifestyle and skin type."
@@ -185,42 +105,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "s1",
name: "Legs",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-blue-towel_23-2147929834.jpg",
},
{
id: "s2",
name: "Underarms",
price: "$90",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-studio-portrait_23-2149324790.jpg",
},
{
id: "s3",
name: "Facial Areas",
price: "$80",
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-facial-massage-clinic_107420-65134.jpg",
},
{
id: "s4",
name: "Back",
price: "$200",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-sportswear-does-exercises-strong-figure-body_231208-3405.jpg",
},
{
id: "s5",
name: "Bikini Line",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-relaxing-spa-salon_176420-14869.jpg",
},
{
id: "s6",
name: "Arms",
price: "$110",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-smiling-holding-white-flower-beige-wall_176420-2684.jpg",
},
{ id: "s1", name: "Legs", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-blue-towel_23-2147929834.jpg" },
{ id: "s2", name: "Underarms", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-studio-portrait_23-2149324790.jpg" },
{ id: "s3", name: "Facial Areas", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-facial-massage-clinic_107420-65134.jpg" }
]}
title="Our Professional Services"
description="Discover our specialized range of targeted laser treatments for all body areas."
@@ -233,51 +120,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Trial",
price: "$99",
subtitle: "Single session trial package",
features: [
"Consultation included",
"Full body assessment",
],
buttons: [
{
text: "Book Trial",
},
],
},
{
id: "p2",
badge: "Standard",
price: "$450",
subtitle: "5 Session maintenance pack",
features: [
"Priority booking",
"Discounts on add-ons",
],
buttons: [
{
text: "Select Standard",
},
],
},
{
id: "p3",
badge: "Complete",
price: "$850",
subtitle: "10 Session ultimate results",
features: [
"Guaranteed smoothness",
"VIP priority support",
],
buttons: [
{
text: "Select Ultimate",
},
],
},
{ id: "p1", badge: "Trial", price: "$99", subtitle: "Single session trial package", features: ["Consultation included", "Full body assessment"], buttons: [{ text: "Book Trial" }] },
{ id: "p2", badge: "Standard", price: "$450", subtitle: "5 Session maintenance pack", features: ["Priority booking", "Discounts on add-ons"], buttons: [{ text: "Select Standard" }] },
{ id: "p3", badge: "Complete", price: "$850", subtitle: "10 Session ultimate results", features: ["Guaranteed smoothness", "VIP priority support"], buttons: [{ text: "Select Ultimate" }] }
]}
title="Flexible Treatment Plans"
description="Choose the best package for your unique goals."
@@ -291,46 +136,8 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Professional",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-creating-dermatology-skincare-campaign-promoting-natural-face-cream-moisturizer-beauty-routine-beauty-model-applying-serum-face-advertise-imperfections_482257-62834.jpg",
},
{
id: "t2",
name: "Michael R.",
role: "Wellness Enthusiast",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/morning-fun-enjoying-young-building_1304-3458.jpg",
},
{
id: "t3",
name: "Elena K.",
role: "Bride-to-be",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-smiley-woman_23-2149313499.jpg",
},
{
id: "t4",
name: "David W.",
role: "Client",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
},
{
id: "t5",
name: "Jessica M.",
role: "Long-time member",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-face-treatment_23-2148878939.jpg",
},
{ id: "t1", name: "Sarah J.", role: "Professional", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-creating-dermatology-skincare-campaign-promoting-natural-face-cream-moisturizer-beauty-routine-beauty-model-applying-serum-face-advertise-imperfections_482257-62834.jpg" },
{ id: "t2", name: "Michael R.", role: "Wellness Enthusiast", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/morning-fun-enjoying-young-building_1304-3458.jpg" }
]}
title="What Our Clients Say"
description="Join hundreds of satisfied individuals who chose the Lumina difference."
@@ -342,26 +149,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Does laser hair removal hurt?",
content: "Most clients describe it as a minor pinch. We provide professional cooling to maximize comfort.",
},
{
id: "f2",
title: "How many sessions do I need?",
content: "Typically 6-8 sessions for permanent hair reduction, depending on your individual hair growth cycle.",
},
{
id: "f3",
title: "Is it safe for all skin types?",
content: "Our modern, certified equipment is safe and effective for a wide range of skin types and tones.",
},
{
id: "f4",
title: "How should I prepare?",
content: "Avoid tanning and waxing for two weeks prior to your appointment. Shaving the area beforehand is recommended.",
},
{ id: "f1", title: "Does laser hair removal hurt?", content: "Most clients describe it as a minor pinch. We provide professional cooling to maximize comfort." },
{ id: "f2", title: "How many sessions do I need?", content: "Typically 6-8 sessions for permanent hair reduction, depending on your individual hair growth cycle." }
]}
title="Commonly Asked Questions"
description="Find answers to help you feel confident before your first visit."
@@ -375,29 +164,10 @@ export default function LandingPage() {
title="Book Your Session"
description="Ready to experience smooth skin? Fill out this form and we'll contact you to schedule your appointment."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{
name: "message",
placeholder: "Please tell us what service you are interested in...",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Please tell us what service you are interested in...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg"
mediaPosition="left"
/>
@@ -406,46 +176,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
{ items: [{ label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
logoText="Lumina Laser"
/>