Merge version_6_1782112785164 into main #6

Merged
bender merged 1 commits from version_6_1782112785164 into main 2026-06-22 07:21:21 +00:00
8 changed files with 350 additions and 216 deletions

View File

@@ -1,227 +1,33 @@
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import { Award, Shield, Sparkles } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import ServicesSection from './HomePage/sections/Services';
import PricingSection from './HomePage/sections/Pricing';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplit
tag="Est. 2016 · Helsinki"
title="Bespoke Nail Artistry & Uncompromising Luxury"
description="LA BOHÉM offers an unparalleled, personalized nail care experience in the heart of Kamppi. Discover Japanese-inspired minimalism crafted exclusively for you."
primaryButton={{
text: "Book Appointment",
href: "#contact",
}}
secondaryButton={{
text: "Our Services",
href: "#services",
}}
imageSrc="https://storage.googleapis.com/webild/users/user_3FTsgssZm5IGsI0zqyxS0M8E8vA/uploaded-1782112739344-ji43hf69.png"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Philosophy"
title="Artistry & Serenity"
description="Located at Lönnrotinkatu 16, LA BOHÉM is more than a salon. We focus on natural health, architectural precision, and the quiet beauty of Japanese minimalism."
items={[
{
icon: Sparkles,
title: "Premium Products",
description: "We only use high-end formulas.",
},
{
icon: Shield,
title: "Hygiene First",
description: "Impeccable standards for your safety.",
},
{
icon: Award,
title: "Expert Care",
description: "Trained professionals since 2016.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130315.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesMediaCards
tag="Expertise"
title="Refined Services"
description="From natural wellness manicures to artistic long extensions, every detail is considered."
items={[
{
title: "Artistic Manicures",
description: "From classic to spa experiences.",
imageSrc: "http://img.b2bpic.net/free-photo/client-manicure-appointment-close-up_23-2149171319.jpg",
},
{
title: "Gel Sculpting",
description: "Precision filling and shaping.",
imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2638.jpg",
},
{
title: "Bespoke Extensions",
description: "Long-lasting luxury extensions.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ServicesSection />
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingHighlightedCards
tag="Investment"
title="Selected Services"
plans={[
{
tag: "Essentials",
price: "40€",
description: "Classic Manicure",
features: [
"Nail shaping",
"Cuticle work",
"Natural buffing",
],
primaryButton: {
text: "Book",
href: "#contact",
},
},
{
tag: "Signature",
price: "70€",
description: "Gel Polish Fill",
features: [
"Refill process",
"Shape correction",
"High-gloss finish",
],
highlight: "Most Popular",
primaryButton: {
text: "Book",
href: "#contact",
},
},
{
tag: "Premium",
price: "95€",
description: "Long Extensions",
features: [
"Full set creation",
"Length extension",
"Custom shaping",
],
primaryButton: {
text: "Book",
href: "#contact",
},
},
]}
description="Transparent pricing for our signature treatments."
/>
</SectionErrorBoundary>
</div>
<PricingSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialColumnMarqueeCards
tag="Clients"
title="Stories of Elegance"
testimonials={[
{
name: "Elina H.",
role: "Fashion Editor",
quote: "The most refined studio in Helsinki.",
imageSrc: "http://img.b2bpic.net/free-photo/headshot-portrait-smiling-young-woman_1153-7291.jpg",
},
{
name: "Sofia R.",
role: "Architect",
quote: "Absolute precision and serenity.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater_23-2148749909.jpg",
},
{
name: "Minna K.",
role: "Entrepreneur",
quote: "My nails have never looked healthier.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-couch-with-man-holding-her-head_23-2148857585.jpg",
},
{
name: "Sara V.",
role: "Designer",
quote: "The ultimate luxury experience.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-dancing-listening-music_23-2148919852.jpg",
},
{
name: "Kaisa L.",
role: "Consultant",
quote: "Exquisite quality and atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-with-short-hairstyle-interior-room-concrete-wall-background-posing-sunny-shadows_285396-10430.jpg",
},
]}
description="Hear from our community of discerning clients."
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Help"
title="Studio Policies"
items={[
{
question: "What is the cancellation policy?",
answer: "Please provide 24h notice.",
},
{
question: "Where are you located?",
answer: "Lönnrotinkatu 16, Helsinki.",
},
{
question: "Do you offer removal?",
answer: "Yes, we offer removal services at 30€.",
},
]}
description="Common inquiries about your visit."
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Book Now"
text="Ready to experience LA BOHÉM? Secure your appointment today."
primaryButton={{
text: "Schedule Online",
href: "#",
}}
secondaryButton={{
text: "Call +358 00 000 000",
href: "tel:+35800000000",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

View File

@@ -0,0 +1,39 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import { Award, Shield, Sparkles } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Philosophy"
title="Artistry & Serenity"
description="Located at Lönnrotinkatu 16, LA BOHÉM is more than a salon. We focus on natural health, architectural precision, and the quiet beauty of Japanese minimalism."
items={[
{
icon: Sparkles,
title: "Premium Products",
description: "We only use high-end formulas.",
},
{
icon: Shield,
title: "Hygiene First",
description: "Impeccable standards for your safety.",
},
{
icon: Award,
title: "Expert Care",
description: "Trained professionals since 2016.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130315.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,72 @@
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import ScrollReveal from "@/components/ui/ScrollReveal";
import TextAnimation from "@/components/ui/TextAnimation";
import Button from "@/components/ui/Button";
const primaryButton = {
text: "Schedule Online",
href: "#"
};
const secondaryButton = {
text: "Call +358 00 000 000",
href: "tel:+35800000000"
};
const ContactInline = () => {
return (
<section aria-label="Contact section" className="py-20">
<div className="w-content-width mx-auto">
<ScrollReveal variant="fade-blur">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-12 p-8 md:p-12 rounded card items-center">
<div className="flex flex-col items-start gap-6">
<div className="px-3 py-1 text-sm bg-background rounded w-fit">
<p>{"Book Now"}</p>
</div>
<TextAnimation
text={"Ready to experience LA BOHÉM? Secure your appointment today."}
variant="fade"
gradientText={true}
tag="h2"
className="text-4xl md:text-5xl leading-[1.15] font-semibold text-balance"
/>
<div className="flex flex-col gap-1 text-accent">
<p className="font-medium text-foreground">LA BOHÉM Luxury Nail Studio</p>
<p>Lönnrotinkatu 16</p>
<p>Kamppi, Helsinki</p>
</div>
<div className="flex flex-wrap gap-3 mt-2">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" />
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />
</div>
</div>
<div className="w-full h-[300px] lg:h-[400px] rounded overflow-hidden bg-background">
<iframe
src="https://maps.google.com/maps?q=L%C3%B6nnrotinkatu%2016%2C%20Kamppi%2C%20Helsinki&t=&z=15&ie=UTF8&iwloc=&output=embed"
width="100%"
height="100%"
style={{ border: 0 }}
allowFullScreen
loading="lazy"
referrerPolicy="no-referrer-when-downgrade"
title="LA BOHÉM Location"
></iframe>
</div>
</div>
</ScrollReveal>
</div>
</section>
);
};
export default function ContactSection() {
return (
<div data-webild-section="contact" id="contact">
<ContactInline />
</div>
);
}

View File

@@ -0,0 +1,34 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Help"
title="Studio Policies"
items={[
{
question: "What is the cancellation policy?",
answer: "Please provide 24h notice.",
},
{
question: "Where are you located?",
answer: "Lönnrotinkatu 16, Helsinki.",
},
{
question: "Do you offer removal?",
answer: "Yes, we offer removal services at 30€.",
},
]}
description="Common inquiries about your visit."
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplit
tag="Est. 2016 · Helsinki"
title="Bespoke Nail Artistry & Uncompromising Luxury"
description="LA BOHÉM offers an unparalleled, personalized nail care experience in the heart of Kamppi. Discover Japanese-inspired minimalism crafted exclusively for you."
primaryButton={{
text: "Book Appointment",
href: "#contact",
}}
secondaryButton={{
text: "Our Services",
href: "#services",
}}
imageSrc="https://storage.googleapis.com/webild/users/user_3FTsgssZm5IGsI0zqyxS0M8E8vA/uploaded-1782112739344-ji43hf69.png"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,65 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "pricing" section.
import React from 'react';
import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function PricingSection(): React.JSX.Element {
return (
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingHighlightedCards
tag="Investment"
title="Selected Services"
plans={[
{
tag: "Essentials",
price: "40€",
description: "Classic Manicure",
features: [
"Nail shaping",
"Cuticle work",
"Natural buffing",
],
primaryButton: {
text: "Book",
href: "#contact",
},
},
{
tag: "Signature",
price: "70€",
description: "Gel Polish Fill",
features: [
"Refill process",
"Shape correction",
"High-gloss finish",
],
highlight: "Most Popular",
primaryButton: {
text: "Book",
href: "#contact",
},
},
{
tag: "Premium",
price: "95€",
description: "Long Extensions",
features: [
"Full set creation",
"Length extension",
"Custom shaping",
],
primaryButton: {
text: "Book",
href: "#contact",
},
},
]}
description="Transparent pricing for our signature treatments."
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,37 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "services" section.
import React from 'react';
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ServicesSection(): React.JSX.Element {
return (
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesMediaCards
tag="Expertise"
title="Refined Services"
description="From natural wellness manicures to artistic long extensions, every detail is considered."
items={[
{
title: "Artistic Manicures",
description: "From classic to spa experiences.",
imageSrc: "http://img.b2bpic.net/free-photo/client-manicure-appointment-close-up_23-2149171319.jpg",
},
{
title: "Gel Sculpting",
description: "Precision filling and shaping.",
imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2638.jpg",
},
{
title: "Bespoke Extensions",
description: "Long-lasting luxury extensions.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialColumnMarqueeCards
tag="Clients"
title="Stories of Elegance"
testimonials={[
{
name: "Elina H.",
role: "Fashion Editor",
quote: "The most refined studio in Helsinki.",
imageSrc: "http://img.b2bpic.net/free-photo/headshot-portrait-smiling-young-woman_1153-7291.jpg",
},
{
name: "Sofia R.",
role: "Architect",
quote: "Absolute precision and serenity.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater_23-2148749909.jpg",
},
{
name: "Minna K.",
role: "Entrepreneur",
quote: "My nails have never looked healthier.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-couch-with-man-holding-her-head_23-2148857585.jpg",
},
{
name: "Sara V.",
role: "Designer",
quote: "The ultimate luxury experience.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-dancing-listening-music_23-2148919852.jpg",
},
{
name: "Kaisa L.",
role: "Consultant",
quote: "Exquisite quality and atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-with-short-hairstyle-interior-room-concrete-wall-background-posing-sunny-shadows_285396-10430.jpg",
},
]}
description="Hear from our community of discerning clients."
/>
</SectionErrorBoundary>
</div>
);
}