Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,309 +12,175 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroTiltedCards
|
||||
tag="Beauty, naturally"
|
||||
title="Sakura Lab Wellness Institute"
|
||||
description="Excellence in dermopigmentation and advanced skincare, nestled in the heart of Petit-Lancy. Discover personalized, cocooning care tailored to your unique beauty."
|
||||
primaryButton={{
|
||||
text: "Book an Appointment",
|
||||
href: "https://salonkee.ch/salon/sakura-lab",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Philosophy",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105276.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194226.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-field-portrait-with-focus-face_23-2151993980.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-close-up-hand_23-2147816931.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Beauty, naturally"
|
||||
title="Sakura Lab Wellness Institute"
|
||||
description="Excellence in dermopigmentation and advanced skincare, nestled in the heart of Petit-Lancy. Discover personalized, cocooning care tailored to your unique beauty."
|
||||
primaryButton={{
|
||||
text: "Book an Appointment", href: "https://salonkee.ch/salon/sakura-lab"}}
|
||||
secondaryButton={{
|
||||
text: "Our Philosophy", href: "#about"}}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105276.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194226.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-field-portrait-with-focus-face_23-2151993980.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-close-up-hand_23-2147816931.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Essence"
|
||||
quote="Our sanctuary in Petit-Lancy blends Swiss advanced technology with Korean beauty wisdom to create a bespoke, cocooning environment where natural beauty thrives."
|
||||
author="The Sakura Lab Team"
|
||||
role="Certified Specialists"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/single-white-flower-with-petals-spread-pink-background_23-2147841510.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Essence"
|
||||
quote="Our sanctuary in Petit-Lancy blends Swiss advanced technology with Korean beauty wisdom to create a bespoke, cocooning environment where natural beauty thrives."
|
||||
author="The Sakura Lab Team"
|
||||
role="Certified Specialists"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/single-white-flower-with-petals-spread-pink-background_23-2147841510.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="treatments" data-section="treatments">
|
||||
<SectionErrorBoundary name="treatments">
|
||||
<div id="treatments" data-section="treatments">
|
||||
<SectionErrorBoundary name="treatments">
|
||||
<FeaturesBento
|
||||
tag="Expertise"
|
||||
title="Signature Specialties"
|
||||
description="From aesthetic dermopigmentation to advanced K-Beauty, our treatments are curated for transformative results."
|
||||
features={[
|
||||
{
|
||||
title: "Dermopigmentation",
|
||||
description: "Flagship semi-permanent artistry for brows, lips, and reparative needs.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-gloves-posing_23-2148916453.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-writing-glass-screen_1262-2027.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-flower-twigs_23-2148105427.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg?_wi=2",
|
||||
imageAlt: "dermopigmentation professional close up",
|
||||
},
|
||||
{
|
||||
title: "Advanced Skincare",
|
||||
description: "Curated Korean skincare protocols and facial rejuvenation.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "K-Beauty Cleanse",
|
||||
detail: "Deep hydration",
|
||||
},
|
||||
{
|
||||
label: "Facial Therapy",
|
||||
detail: "Rejuvenating massage",
|
||||
},
|
||||
{
|
||||
label: "Skin Renewal",
|
||||
detail: "Advanced serum application",
|
||||
},
|
||||
],
|
||||
heading: "Routine",
|
||||
subheading: "10-Step Glow",
|
||||
completedLabel: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-tool-girl-checks-skin-treatment-facial-problems_1157-48222.jpg?_wi=1",
|
||||
imageAlt: "dermopigmentation professional close up",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expertise"
|
||||
title="Signature Specialties"
|
||||
description="From aesthetic dermopigmentation to advanced K-Beauty, our treatments are curated for transformative results."
|
||||
features={[
|
||||
{
|
||||
title: "Dermopigmentation", description: "Flagship semi-permanent artistry for brows, lips, and reparative needs.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-gloves-posing_23-2148916453.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-writing-glass-screen_1262-2027.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-flower-twigs_23-2148105427.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Advanced Skincare", description: "Curated Korean skincare protocols and facial rejuvenation.", bentoComponent: "checklist-timeline", checklistItems: [
|
||||
{ label: "K-Beauty Cleanse", detail: "Deep hydration" },
|
||||
{ label: "Facial Therapy", detail: "Rejuvenating massage" },
|
||||
{ label: "Skin Renewal", detail: "Advanced serum application" },
|
||||
],
|
||||
heading: "Routine", subheading: "10-Step Glow", completedLabel: "Completed"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Our Offerings"
|
||||
title="Signature Packages"
|
||||
description="Selected treatments for a refined experience."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials",
|
||||
price: "CHF 120",
|
||||
description: "Core facial and lash maintenance.",
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "https://salonkee.ch/salon/sakura-lab",
|
||||
},
|
||||
features: [
|
||||
"Consultation",
|
||||
"K-Beauty Cleanse",
|
||||
"Lash Lift",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Signature",
|
||||
price: "CHF 250",
|
||||
description: "Full dermopigmentation or facial rejuvenation.",
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "https://salonkee.ch/salon/sakura-lab",
|
||||
},
|
||||
features: [
|
||||
"Aesthetic Consultation",
|
||||
"Signature Procedure",
|
||||
"Post-care Kit",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Offerings"
|
||||
title="Signature Packages"
|
||||
description="Selected treatments for a refined experience."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials", price: "CHF 120", description: "Core facial and lash maintenance.", primaryButton: {
|
||||
text: "Book Now", href: "https://salonkee.ch/salon/sakura-lab"},
|
||||
features: ["Consultation", "K-Beauty Cleanse", "Lash Lift"],
|
||||
},
|
||||
{
|
||||
tag: "Signature", price: "CHF 250", description: "Full dermopigmentation or facial rejuvenation.", primaryButton: {
|
||||
text: "Book Now", href: "https://salonkee.ch/salon/sakura-lab"},
|
||||
features: ["Aesthetic Consultation", "Signature Procedure", "Post-care Kit"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Trust"
|
||||
title="Why Choose Sakura Lab"
|
||||
description="Experience excellence backed by our clients."
|
||||
metrics={[
|
||||
{
|
||||
value: "217",
|
||||
title: "Verified Reviews",
|
||||
description: "Highly satisfied clients trusting our expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22938.jpg",
|
||||
},
|
||||
{
|
||||
value: "5★",
|
||||
title: "Avg. Rating",
|
||||
description: "Near-perfect rating on all platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-brow-microblading-tools_23-2149238716.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trust"
|
||||
title="Why Choose Sakura Lab"
|
||||
description="Experience excellence backed by our clients."
|
||||
metrics={[
|
||||
{
|
||||
value: "217", title: "Verified Reviews", description: "Highly satisfied clients trusting our expertise.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22938.jpg"},
|
||||
{
|
||||
value: "5★", title: "Avg. Rating", description: "Near-perfect rating on all platforms.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-brow-microblading-tools_23-2149238716.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Client Stories"
|
||||
title="Voices of Sakura Lab"
|
||||
description="Hear what our wellness community has to say."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sophie M.",
|
||||
role: "Client",
|
||||
company: "Geneva",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman_93675-130621.jpg",
|
||||
},
|
||||
{
|
||||
name: "Clara V.",
|
||||
role: "Client",
|
||||
company: "Petit-Lancy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-cheerful-beautiful-girl-with-dark-wavy-hair-dressed-black-shirt-sitting-smiling-with-teeth-against-pink-wall_176532-9878.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julie K.",
|
||||
role: "Client",
|
||||
company: "Geneva",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7827.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marie L.",
|
||||
role: "Client",
|
||||
company: "Petit-Lancy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alice B.",
|
||||
role: "Client",
|
||||
company: "Geneva",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-talking-phone_23-2148404354.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Client Stories"
|
||||
title="Voices of Sakura Lab"
|
||||
description="Hear what our wellness community has to say."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sophie M.", role: "Client", company: "Geneva", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman_93675-130621.jpg"},
|
||||
{
|
||||
name: "Clara V.", role: "Client", company: "Petit-Lancy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-cheerful-beautiful-girl-with-dark-wavy-hair-dressed-black-shirt-sitting-smiling-with-teeth-against-pink-wall_176532-9878.jpg"},
|
||||
{
|
||||
name: "Julie K.", role: "Client", company: "Geneva", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7827.jpg"},
|
||||
{
|
||||
name: "Marie L.", role: "Client", company: "Petit-Lancy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg"},
|
||||
{
|
||||
name: "Alice B.", role: "Client", company: "Geneva", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-talking-phone_23-2148404354.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<FeaturesImageBento
|
||||
tag="Gallery"
|
||||
title="Institute Visuals"
|
||||
description="Explore our serene space and premium results."
|
||||
items={[
|
||||
{
|
||||
title: "Dermopigmentation",
|
||||
description: "Artistry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-accessories-near-keyboard_23-2147778967.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tattoo Removal",
|
||||
description: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-tool-girl-checks-skin-treatment-facial-problems_1157-48222.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Eye Beauty",
|
||||
description: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-woman-with-flower-twigs_23-2148105428.jpg",
|
||||
},
|
||||
{
|
||||
title: "Nails",
|
||||
description: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-beautiful-manicure-manicurist_23-2148766562.jpg",
|
||||
},
|
||||
{
|
||||
title: "Body Spa",
|
||||
description: "Relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-getting-relaxing-massage_23-2149871861.jpg",
|
||||
},
|
||||
{
|
||||
title: "Facials",
|
||||
description: "Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7532.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hair Removal",
|
||||
description: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23479.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Gallery"
|
||||
title="Institute Visuals"
|
||||
description="Explore our serene space and premium results."
|
||||
items={[
|
||||
{ title: "Dermopigmentation", description: "Artistry", imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-accessories-near-keyboard_23-2147778967.jpg" },
|
||||
{ title: "Tattoo Removal", description: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-tool-girl-checks-skin-treatment-facial-problems_1157-48222.jpg" },
|
||||
{ title: "Eye Beauty", description: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/romantic-woman-with-flower-twigs_23-2148105428.jpg" },
|
||||
{ title: "Nails", description: "Design", imageSrc: "http://img.b2bpic.net/free-photo/healthy-beautiful-manicure-manicurist_23-2148766562.jpg" },
|
||||
{ title: "Body Spa", description: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-getting-relaxing-massage_23-2149871861.jpg" },
|
||||
{ title: "Facials", description: "Care", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7532.jpg" },
|
||||
{ title: "Hair Removal", description: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23479.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="We are here to assist with all your beauty inquiries."
|
||||
items={[
|
||||
{
|
||||
question: "Where is the lab?",
|
||||
answer: "Chemin Louis-Hubert 2, 4th floor, Petit-Lancy.",
|
||||
},
|
||||
{
|
||||
question: "Do you accept appointments online?",
|
||||
answer: "Yes, via Salonkee.",
|
||||
},
|
||||
{
|
||||
question: "What is dermopigmentation?",
|
||||
answer: "Semi-permanent tattooing for cosmetic improvement.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer K-Beauty?",
|
||||
answer: "Yes, expert Korean routines.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="We are here to assist with all your beauty inquiries."
|
||||
items={[
|
||||
{ question: "Where is the lab?", answer: "Chemin Louis-Hubert 2, 4th floor, Petit-Lancy." },
|
||||
{ question: "Do you accept appointments online?", answer: "Yes, via Salonkee." },
|
||||
{ question: "What is dermopigmentation?", answer: "Semi-permanent tattooing for cosmetic improvement." },
|
||||
{ question: "Do you offer K-Beauty?", answer: "Yes, expert Korean routines." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Ready to rejuvenate? Our team is waiting to provide your personalized consultation in the heart of Geneva."
|
||||
primaryButton={{
|
||||
text: "Book Now",
|
||||
href: "https://salonkee.ch/salon/sakura-lab",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@sakuralab.ch",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contact"
|
||||
text="Ready to rejuvenate? Our team is waiting to provide your personalized consultation in the heart of Geneva."
|
||||
primaryButton={{ text: "Book Now", href: "https://salonkee.ch/salon/sakura-lab" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "mailto:info@sakuralab.ch" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user