From 548c1a94077ea5113de0188302ac1577be3ce93f Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 07:20:42 +0000
Subject: [PATCH] Bob AI: Added Google Maps embed and address to contact
 section

---
 src/pages/HomePage.tsx                       | 238 ++-----------------
 src/pages/HomePage/sections/About.tsx        |  39 +++
 src/pages/HomePage/sections/Contact.tsx      |  72 ++++++
 src/pages/HomePage/sections/Faq.tsx          |  34 +++
 src/pages/HomePage/sections/Hero.tsx         |  29 +++
 src/pages/HomePage/sections/Pricing.tsx      |  65 +++++
 src/pages/HomePage/sections/Services.tsx     |  37 +++
 src/pages/HomePage/sections/Testimonials.tsx |  52 ++++
 8 files changed, 350 insertions(+), 216 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Pricing.tsx
 create mode 100644 src/pages/HomePage/sections/Services.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 5ec8ba1..58d4357 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -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 />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..114951a
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..02b10c6
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..f59eea8
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..7b38b6f
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..0381bac
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx
new file mode 100644
index 0000000..86b83a0
--- /dev/null
+++ b/src/pages/HomePage/sections/Services.tsx
@@ -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>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..73267e2
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -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>
+  );
+}