diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index ae50fef..0ebc5df 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,242 +1,36 @@
-import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
-import { Award, Leaf, 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 ProductsSection from './HomePage/sections/Products';
+import FeaturesSection from './HomePage/sections/Features';
+import MetricsSection from './HomePage/sections/Metrics';
+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">
-          <HeroBillboard
-      tag="Artisanal Studio"
-      title="Sıla Yalın Seramik"
-      description="El yapımı seramikler ile yaşam alanlarınıza estetik ve doğallık katıyoruz. Her parça, özgün bir sanat eseridir."
-      primaryButton={{
-        text: "Koleksiyonu İncele",
-        href: "#products",
-      }}
-      secondaryButton={{
-        text: "Atölye Hakkında",
-        href: "#about",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-modern-vases-arrangement_23-2149681097.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTextSplit
-      title="Doğanın Dokunuşu"
-      descriptions={[
-        "Sıla Yalın Seramik Atölyesi, toprağı modern estetikle birleştirerek zamansız parçalar üretir.",
-        "Her bir ürün, el emeği ve sabırla şekillendirilerek evlerinize özgün bir ruh katar.",
-        "Sürdürülebilir sanat anlayışımızla doğallığı tasarımın merkezine koyuyoruz.",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="products" data-section="products">
-    <SectionErrorBoundary name="products">
-          <FeaturesImageBento
-      tag="Koleksiyonumuz"
-      title="Özgün Tasarımlar"
-      description="Doğal dokuların modern formlarla buluştuğu seçkin koleksiyonumuz."
-      items={[
-        {
-          title: "Vazolar",
-          description: "Minimalist formlar",
-          imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928941.jpg",
-        },
-        {
-          title: "Kaseler",
-          description: "Günlük kullanım",
-          imageSrc: "http://img.b2bpic.net/free-photo/tea-still-life_23-2148117333.jpg",
-        },
-        {
-          title: "El Yapımı",
-          description: "Özel üretim",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-mold-with-paper-pulp-tray-workshop_23-2147845565.jpg",
-        },
-        {
-          title: "Tea Set",
-          description: "Keyifli anlar",
-          imageSrc: "http://img.b2bpic.net/free-photo/cups-around-teapot_23-2147809271.jpg",
-        },
-        {
-          title: "Sculptures",
-          description: "Sanatsal dokunuşlar",
-          imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585741.jpg",
-        },
-        {
-          title: "Kitchenware",
-          description: "Şık sunumlar",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicate-white-tea-set-milk-bottle-mouthwatering-sponge-cake-with-chocolate-cream-grapefruits_346278-1075.jpg",
-        },
-        {
-          title: "Dekoratif",
-          description: "Özgün objeler",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-buddha-statuette-tranquility-meditation_23-2150426147.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductsSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesBorderGlow
-      tag="Neden Biz?"
-      title="Zanaat ve Estetik"
-      description="Seramik üretiminde sunduğumuz kalite standartları."
-      features={[
-        {
-          icon: Sparkles,
-          title: "Özgün Tasarım",
-          description: "Her parça tek ve özeldir.",
-        },
-        {
-          icon: Leaf,
-          title: "Doğal Malzemeler",
-          description: "Sağlığa zararsız kil ve sırlar.",
-        },
-        {
-          icon: Award,
-          title: "Yüksek Kalite",
-          description: "Dayanıklı ve uzun ömürlü işçilik.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsFeatureCards
-      tag="İstatistikler"
-      title="Atölye Verileri"
-      description="Yılların birikimiyle ulaştığımız başarılarımız."
-      metrics={[
-        {
-          value: "500+",
-          title: "Mutlu Müşteri",
-          features: [
-            "Hızlı teslimat",
-            "Özel paketleme",
-          ],
-        },
-        {
-          value: "100+",
-          title: "Benzersiz Tasarım",
-          features: [
-            "El işçiliği",
-            "Modern tasarım",
-          ],
-        },
-        {
-          value: "5+",
-          title: "Yıllık Deneyim",
-          features: [
-            "Uzman zanaatkarlar",
-            "Sürekli gelişim",
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialMarqueeCards
-      tag="Yorumlar"
-      title="Müşterilerimizin Gözünden"
-      description="Atölyemizden memnun kalanlar."
-      testimonials={[
-        {
-          name: "Ayşe Y.",
-          role: "Mimar",
-          quote: "Harika el işçiliği, evimin havası tamamen değişti.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-posing-white-shirt_23-2149021859.jpg",
-        },
-        {
-          name: "Can M.",
-          role: "Tasarımcı",
-          quote: "Tasarımlar çok estetik ve kaliteli.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-dark-haired-teen-woman-trendy-denim-jacket-leaned-white-brick-wall_197531-17046.jpg",
-        },
-        {
-          name: "Zeynep S.",
-          role: "Öğretmen",
-          quote: "Hızlı ve özenli paketleme için teşekkürler.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg",
-        },
-        {
-          name: "Kerem K.",
-          role: "Sanatçı",
-          quote: "Seramiklerin dokusu inanılmaz.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_23-2148780008.jpg",
-        },
-        {
-          name: "Deniz A.",
-          role: "Mühendis",
-          quote: "Harika tasarımlar, tekrar alışveriş yapacağım.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-face-massage-with-gua-sha_23-2149349076.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-      tag="Sıkça Sorulanlar"
-      title="Merak Ettikleriniz"
-      description="Atölyemizle ilgili bilmeniz gerekenler."
-      categories={[
-        {
-          name: "Genel",
-          items: [
-            {
-              question: "Ürünler bulaşık makinesinde yıkanabilir mi?",
-              answer: "Evet, el yapımı sırlarımız dayanıklıdır ancak ömürlerini uzatmak için elde yıkamanızı öneririz.",
-            },
-            {
-              question: "Özel sipariş alıyor musunuz?",
-              answer: "Evet, özel tasarım talepleriniz için bize ulaşabilirsiniz.",
-            },
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="İletişim"
-      text="Sıla Yalın Seramik dünyasına adım atmaya hazır mısınız?"
-      primaryButton={{
-        text: "WhatsApp'tan Yazın",
-        href: "https://wa.me/905550000000",
-      }}
-      secondaryButton={{
-        text: "Instagram Sayfası",
-        href: "https://instagram.com/silayalinseramikatolyesi",
-      }}
-    />
-    </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..0dd6de9
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,23 @@
+// 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 AboutTextSplit from '@/components/sections/about/AboutTextSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutTextSplit
+          title="Doğanın Dokunuşu"
+          descriptions={[
+            "Sıla Yalın Seramik Atölyesi, toprağı modern estetikle birleştirerek zamansız parçalar üretir.",
+            "Her bir ürün, el emeği ve sabırla şekillendirilerek evlerinize özgün bir ruh katar.",
+            "Sürdürülebilir sanat anlayışımızla doğallığı tasarımın merkezine koyuyoruz.",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..2775ac9
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="İletişim"
+          text="Sıla Yalın Seramik dünyasına adım atmaya hazır mısınız?"
+          primaryButton={{
+            text: "WhatsApp'tan Yazın",
+            href: "https://wa.me/905550000000",
+          }}
+          secondaryButton={{
+            text: "Instagram Sayfası",
+            href: "https://instagram.com/silayalinseramikatolyesi",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..6f142e6
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,35 @@
+// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+          tag="Sıkça Sorulanlar"
+          title="Merak Ettikleriniz"
+          description="Atölyemizle ilgili bilmeniz gerekenler."
+          categories={[
+            {
+              name: "Genel",
+              items: [
+                {
+                  question: "Ürünler bulaşık makinesinde yıkanabilir mi?",
+                  answer: "Evet, el yapımı sırlarımız dayanıklıdır ancak ömürlerini uzatmak için elde yıkamanızı öneririz.",
+                },
+                {
+                  question: "Özel sipariş alıyor musunuz?",
+                  answer: "Evet, özel tasarım talepleriniz için bize ulaşabilirsiniz.",
+                },
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..e55d9bc
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,38 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "features" section.
+
+import React from 'react';
+import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
+import { Award, Leaf, Sparkles } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesBorderGlow
+          tag="Neden Biz?"
+          title="Zanaat ve Estetik"
+          description="Seramik üretiminde sunduğumuz kalite standartları."
+          features={[
+            {
+              icon: Sparkles,
+              title: "Özgün Tasarım",
+              description: "Her parça tek ve özeldir.",
+            },
+            {
+              icon: Leaf,
+              title: "Doğal Malzemeler",
+              description: "Sağlığa zararsız kil ve sırlar.",
+            },
+            {
+              icon: Award,
+              title: "Yüksek Kalite",
+              description: "Dayanıklı ve uzun ömürlü işçilik.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..d7453e9
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,19 @@
+// Created by add_section_from_catalog (HeroBillboardTiltedCarousel).
+
+import React from 'react';
+import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="hero" id="hero">
+      <HeroBillboardTiltedCarousel
+        tag="Sıla Yalın Seramik Atölyesi"
+        title="Toprağın Sanata Dönüşümü"
+        description="El işi seramiklerin doğal dokusu ve sıcak tonlarıyla yaşam alanlarınıza değer katın. Her bir parça özenle, sevgiyle ve ustalıkla şekillendirildi."
+        primaryButton={{"text":"Koleksiyonu Keşfet","href":"#products"}}
+        secondaryButton={{"text":"Hikayemiz","href":"#about"}}
+        items={[{"imageSrc":"https://images.unsplash.com/photo-1610701596007-11502861dcfa?q=80&w=2070&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1578749556568-bc2c40e68b61?q=80&w=2070&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1603484477859-abe6a73f9366?q=80&w=1974&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1565193566173-7a0f47de6fc7?q=80&w=2070&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1581783342308-f792dbdd27c5?q=80&w=1974&auto=format&fit=crop"}]}
+      />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..1ce7215
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,46 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsFeatureCards
+          tag="İstatistikler"
+          title="Atölye Verileri"
+          description="Yılların birikimiyle ulaştığımız başarılarımız."
+          metrics={[
+            {
+              value: "500+",
+              title: "Mutlu Müşteri",
+              features: [
+                "Hızlı teslimat",
+                "Özel paketleme",
+              ],
+            },
+            {
+              value: "100+",
+              title: "Benzersiz Tasarım",
+              features: [
+                "El işçiliği",
+                "Modern tasarım",
+              ],
+            },
+            {
+              value: "5+",
+              title: "Yıllık Deneyim",
+              features: [
+                "Uzman zanaatkarlar",
+                "Sürekli gelişim",
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Products.tsx b/src/pages/HomePage/sections/Products.tsx
new file mode 100644
index 0000000..bc20db7
--- /dev/null
+++ b/src/pages/HomePage/sections/Products.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "products" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductsSection(): React.JSX.Element {
+  return (
+    <div id="products" data-section="products">
+        <SectionErrorBoundary name="products">
+              <FeaturesImageBento
+          tag="Koleksiyonumuz"
+          title="Özgün Tasarımlar"
+          description="Doğal dokuların modern formlarla buluştuğu seçkin koleksiyonumuz."
+          items={[
+            {
+              title: "Vazolar",
+              description: "Minimalist formlar",
+              imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928941.jpg",
+            },
+            {
+              title: "Kaseler",
+              description: "Günlük kullanım",
+              imageSrc: "http://img.b2bpic.net/free-photo/tea-still-life_23-2148117333.jpg",
+            },
+            {
+              title: "El Yapımı",
+              description: "Özel üretim",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-mold-with-paper-pulp-tray-workshop_23-2147845565.jpg",
+            },
+            {
+              title: "Tea Set",
+              description: "Keyifli anlar",
+              imageSrc: "http://img.b2bpic.net/free-photo/cups-around-teapot_23-2147809271.jpg",
+            },
+            {
+              title: "Sculptures",
+              description: "Sanatsal dokunuşlar",
+              imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585741.jpg",
+            },
+            {
+              title: "Kitchenware",
+              description: "Şık sunumlar",
+              imageSrc: "http://img.b2bpic.net/free-photo/delicate-white-tea-set-milk-bottle-mouthwatering-sponge-cake-with-chocolate-cream-grapefruits_346278-1075.jpg",
+            },
+            {
+              title: "Dekoratif",
+              description: "Özgün objeler",
+              imageSrc: "http://img.b2bpic.net/free-photo/view-buddha-statuette-tranquility-meditation_23-2150426147.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..266d81e
--- /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 TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialMarqueeCards
+          tag="Yorumlar"
+          title="Müşterilerimizin Gözünden"
+          description="Atölyemizden memnun kalanlar."
+          testimonials={[
+            {
+              name: "Ayşe Y.",
+              role: "Mimar",
+              quote: "Harika el işçiliği, evimin havası tamamen değişti.",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-posing-white-shirt_23-2149021859.jpg",
+            },
+            {
+              name: "Can M.",
+              role: "Tasarımcı",
+              quote: "Tasarımlar çok estetik ve kaliteli.",
+              imageSrc: "http://img.b2bpic.net/free-photo/stylish-dark-haired-teen-woman-trendy-denim-jacket-leaned-white-brick-wall_197531-17046.jpg",
+            },
+            {
+              name: "Zeynep S.",
+              role: "Öğretmen",
+              quote: "Hızlı ve özenli paketleme için teşekkürler.",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg",
+            },
+            {
+              name: "Kerem K.",
+              role: "Sanatçı",
+              quote: "Seramiklerin dokusu inanılmaz.",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_23-2148780008.jpg",
+            },
+            {
+              name: "Deniz A.",
+              role: "Mühendis",
+              quote: "Harika tasarımlar, tekrar alışveriş yapacağım.",
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-face-massage-with-gua-sha_23-2149349076.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}