diff --git a/src/index.css b/src/index.css
index 2505382..a152a8c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -88,8 +88,8 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Montserrat', sans-serif;
-  --font-tight: "Inter Tight", sans-serif;
+  --font-sans: 'Bebas Neue', sans-serif;
+  --font-tight: "Inter", sans-serif;
   --font-mono: monospace;
 
   /* Border Radius */
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index bccb0c3..b36d96b 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,257 +1,36 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
-import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
-import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
-import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
-import { MessageSquare, Search, ShoppingBag } 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 ManifestoSection from './HomePage/sections/Manifesto';
+import ProcessSection from './HomePage/sections/Process';
+import ProjectsSection from './HomePage/sections/Projects';
+import LabSection from './HomePage/sections/Lab';
+import ManifestoTextSection from './HomePage/sections/ManifestoText';
+import MascoteSection from './HomePage/sections/Mascote';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroSplitMediaGrid
-      tag="Laboratório de Marcas"
-      title="SUA MARCA ESTÁ SENDO LEMBRADA OU APENAS SENDO VISTA?"
-      description="Criamos posicionamento visual para empresas que querem gerar percepção, autoridade e conexão real."
-      primaryButton={{
-        text: "ENTRAR NO LAB",
-        href: "#lab",
-      }}
-      secondaryButton={{
-        text: "VER PROJETOS",
-        href: "#projects",
-      }}
-      items={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-desktop-with-coffee-cup-laptop-office-supplies_23-2147979161.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/writing-working-information-women-casual-concept_53876-14446.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="manifesto" data-section="manifesto">
-    <SectionErrorBoundary name="manifesto">
-          <AboutFeaturesSplit
-      tag="Pistas"
-      title="TODA MARCA DEIXA PISTAS."
-      description="Analisamos cada detalhe para entender como sua empresa está sendo percebida no mercado."
-      items={[
-        {
-          icon: Search,
-          title: "Instagram",
-          description: "Sua vitrine digital.",
-        },
-        {
-          icon: MessageSquare,
-          title: "Comunicação",
-          description: "Como você fala.",
-        },
-        {
-          icon: ShoppingBag,
-          title: "Produto",
-          description: "A tangibilidade da marca.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/drawing-ideas-model-craftsman-handy-concept_53876-16315.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ManifestoSection />
 
-  <div id="process" data-section="process">
-    <SectionErrorBoundary name="process">
-          <FeaturesTaggedCards
-      tag="Metodologia"
-      title="COMO TRABALHAMOS"
-      description="Um rigoroso processo de investigação para transformar estratégia em presença visual."
-      items={[
-        {
-          tag: "01",
-          title: "Análise",
-          description: "Investigamos sua marca profundamente.",
-          primaryButton: {
-            text: "Saiba mais",
-            href: "#",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-meeting_1098-487.jpg",
-        },
-        {
-          tag: "02",
-          title: "Diagnóstico",
-          description: "Identificamos todos os gargalos visuais.",
-          primaryButton: {
-            text: "Saiba mais",
-            href: "#",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-personal-planning-financial-with-coffee-copy-space_23-2148305940.jpg",
-        },
-        {
-          tag: "03",
-          title: "Posicionamento",
-          description: "Definimos direção estratégica única.",
-          primaryButton: {
-            text: "Saiba mais",
-            href: "#",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/scientific-biochemistry-genetics-engineering-concept_53876-13616.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProcessSection />
 
-  <div id="projects" data-section="projects">
-    <SectionErrorBoundary name="projects">
-          <FeaturesImageBento
-      tag="Galeria"
-      title="PROJETOS"
-      description="Marcas construídas sobre autenticidade e memória."
-      items={[
-        {
-          title: "CULTURA. COMUNIDADE.",
-          description: "Construção visual para cultura urbana.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-k-pop-clothing-urban-scene_23-2149096948.jpg",
-        },
-        {
-          title: "GRAFFT",
-          description: "Streetwear e pertencimento.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
-        },
-        {
-          title: "PROJETO 03",
-          description: "Identidade visual premium.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-wear-leather-jacket-shorts-with-backpack-against-shipping-container_627829-8008.jpg",
-        },
-        {
-          title: "PROJETO 04",
-          description: "Posicionamento estratégico.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-hat-turtleneck_181624-41151.jpg",
-        },
-        {
-          title: "PROJETO 05",
-          description: "Laboratório de design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-modern-clothes-posing-artistic-way_23-2148760574.jpg",
-        },
-        {
-          title: "PROJETO 06",
-          description: "Identidade completa.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-tshirt_1303-14647.jpg",
-        },
-        {
-          title: "PROJETO 07",
-          description: "Branding de luxo.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProjectsSection />
 
-  <div id="lab" data-section="lab">
-    <SectionErrorBoundary name="lab">
-          <MetricsSimpleCards
-      tag="O VISUAL LAB"
-      title="INVESTIGAÇÃO, NÃO REUNIÃO."
-      description="Checklists, mapas e diagnósticos para elevar sua marca."
-      metrics={[
-        {
-          value: "100%",
-          description: "Investigação estratégica",
-        },
-        {
-          value: "0",
-          description: "Tendências vazias",
-        },
-        {
-          value: "Foco",
-          description: "Direção e clareza",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <LabSection />
 
-  <div id="manifesto-text" data-section="manifesto-text">
-    <SectionErrorBoundary name="manifesto-text">
-          <FaqTabbedAccordion
-      tag="Manifesto"
-      title="NÃO ACREDITAMOS EM GÊNERICOS."
-      description="Sistemas visuais feitos para serem lembrados."
-      categories={[
-        {
-          name: "Valores",
-          items: [
-            {
-              question: "Por que não tendências?",
-              answer: "Tendências são vazias. Criamos fundamentos que perduram.",
-            },
-            {
-              question: "Qual a abordagem?",
-              answer: "Investigação rigorosa antes de qualquer traço de design.",
-            },
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ManifestoTextSection />
 
-  <div id="mascote" data-section="mascote">
-    <SectionErrorBoundary name="mascote">
-          <TestimonialTrustCard
-      quote="A maioria das empresas não precisa de mais tráfego. A maioria precisa de mais clareza."
-      rating={5}
-      author="Sr. S — Sertto Visual"
-      avatars={[
-        {
-          name: "Sr. S",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-relaxing-with-electric-scooter_23-2149356827.jpg",
-        },
-        {
-          name: "Sr. S",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg",
-        },
-        {
-          name: "Sr. S",
-          imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-making-draft_23-2147785611.jpg",
-        },
-        {
-          name: "Sr. S",
-          imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-laptop-laboratory-displays-dna-visualization-software-used-process-patient_482257-133585.jpg",
-        },
-        {
-          name: "Equipe Sertto",
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-sticking-colorful-post-its-together_23-2149362887.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MascoteSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Diagnóstico"
-      text="SUA EMPRESA TRANSMITE O QUE VOCÊ ACREDITA QUE ELA TRANSMITE? SOLICITE UMA ANÁLISE."
-      primaryButton={{
-        text: "QUERO ENTRAR NO LAB",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "SAIBA MAIS",
-        href: "#",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..bc6d5e0
--- /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="Diagnóstico"
+          text="SUA EMPRESA TRANSMITE O QUE VOCÊ ACREDITA QUE ELA TRANSMITE? SOLICITE UMA ANÁLISE."
+          primaryButton={{
+            text: "QUERO ENTRAR NO LAB",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "SAIBA MAIS",
+            href: "#",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..f78b0dd
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,36 @@
+// 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 HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroSplitMediaGrid
+          tag="Laboratório de Marcas"
+          title="SUA MARCA ESTÁ SENDO LEMBRADA OU APENAS SENDO VISTA?"
+          description="Criamos posicionamento visual para empresas que querem gerar percepção, autoridade e conexão real."
+          primaryButton={{
+            text: "ENTRAR NO LAB",
+            href: "#lab",
+          }}
+          secondaryButton={{
+            text: "VER PROJETOS",
+            href: "#projects",
+          }}
+          items={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/brown-desktop-with-coffee-cup-laptop-office-supplies_23-2147979161.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/writing-working-information-women-casual-concept_53876-14446.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Lab.tsx b/src/pages/HomePage/sections/Lab.tsx
new file mode 100644
index 0000000..16cd259
--- /dev/null
+++ b/src/pages/HomePage/sections/Lab.tsx
@@ -0,0 +1,34 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "lab" section.
+
+import React from 'react';
+import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function LabSection(): React.JSX.Element {
+  return (
+    <div id="lab" data-section="lab">
+        <SectionErrorBoundary name="lab">
+              <MetricsSimpleCards
+          tag="O VISUAL LAB"
+          title="INVESTIGAÇÃO, NÃO REUNIÃO."
+          description="Checklists, mapas e diagnósticos para elevar sua marca."
+          metrics={[
+            {
+              value: "100%",
+              description: "Investigação estratégica",
+            },
+            {
+              value: "0",
+              description: "Tendências vazias",
+            },
+            {
+              value: "Foco",
+              description: "Direção e clareza",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Manifesto.tsx b/src/pages/HomePage/sections/Manifesto.tsx
new file mode 100644
index 0000000..5ec425c
--- /dev/null
+++ b/src/pages/HomePage/sections/Manifesto.tsx
@@ -0,0 +1,39 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "manifesto" section.
+
+import React from 'react';
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import { MessageSquare, Search, ShoppingBag } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ManifestoSection(): React.JSX.Element {
+  return (
+    <div id="manifesto" data-section="manifesto">
+        <SectionErrorBoundary name="manifesto">
+              <AboutFeaturesSplit
+          tag="Pistas"
+          title="TODA MARCA DEIXA PISTAS."
+          description="Analisamos cada detalhe para entender como sua empresa está sendo percebida no mercado."
+          items={[
+            {
+              icon: Search,
+              title: "Instagram",
+              description: "Sua vitrine digital.",
+            },
+            {
+              icon: MessageSquare,
+              title: "Comunicação",
+              description: "Como você fala.",
+            },
+            {
+              icon: ShoppingBag,
+              title: "Produto",
+              description: "A tangibilidade da marca.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/drawing-ideas-model-craftsman-handy-concept_53876-16315.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/ManifestoText.tsx b/src/pages/HomePage/sections/ManifestoText.tsx
new file mode 100644
index 0000000..2631591
--- /dev/null
+++ b/src/pages/HomePage/sections/ManifestoText.tsx
@@ -0,0 +1,35 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "manifesto-text" section.
+
+import React from 'react';
+import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ManifestoTextSection(): React.JSX.Element {
+  return (
+    <div id="manifesto-text" data-section="manifesto-text">
+        <SectionErrorBoundary name="manifesto-text">
+              <FaqTabbedAccordion
+          tag="Manifesto"
+          title="NÃO ACREDITAMOS EM GÊNERICOS."
+          description="Sistemas visuais feitos para serem lembrados."
+          categories={[
+            {
+              name: "Valores",
+              items: [
+                {
+                  question: "Por que não tendências?",
+                  answer: "Tendências são vazias. Criamos fundamentos que perduram.",
+                },
+                {
+                  question: "Qual a abordagem?",
+                  answer: "Investigação rigorosa antes de qualquer traço de design.",
+                },
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Mascote.tsx b/src/pages/HomePage/sections/Mascote.tsx
new file mode 100644
index 0000000..4326776
--- /dev/null
+++ b/src/pages/HomePage/sections/Mascote.tsx
@@ -0,0 +1,42 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "mascote" section.
+
+import React from 'react';
+import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MascoteSection(): React.JSX.Element {
+  return (
+    <div id="mascote" data-section="mascote">
+        <SectionErrorBoundary name="mascote">
+              <TestimonialTrustCard
+          quote="A maioria das empresas não precisa de mais tráfego. A maioria precisa de mais clareza."
+          rating={5}
+          author="Sr. S — Sertto Visual"
+          avatars={[
+            {
+              name: "Sr. S",
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-relaxing-with-electric-scooter_23-2149356827.jpg",
+            },
+            {
+              name: "Sr. S",
+              imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg",
+            },
+            {
+              name: "Sr. S",
+              imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-making-draft_23-2147785611.jpg",
+            },
+            {
+              name: "Sr. S",
+              imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-laptop-laboratory-displays-dna-visualization-software-used-process-patient_482257-133585.jpg",
+            },
+            {
+              name: "Equipe Sertto",
+              imageSrc: "http://img.b2bpic.net/free-photo/colleagues-sticking-colorful-post-its-together_23-2149362887.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Process.tsx b/src/pages/HomePage/sections/Process.tsx
new file mode 100644
index 0000000..0ae0e65
--- /dev/null
+++ b/src/pages/HomePage/sections/Process.tsx
@@ -0,0 +1,52 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "process" section.
+
+import React from 'react';
+import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProcessSection(): React.JSX.Element {
+  return (
+    <div id="process" data-section="process">
+        <SectionErrorBoundary name="process">
+              <FeaturesTaggedCards
+          tag="Metodologia"
+          title="COMO TRABALHAMOS"
+          description="Um rigoroso processo de investigação para transformar estratégia em presença visual."
+          items={[
+            {
+              tag: "01",
+              title: "Análise",
+              description: "Investigamos sua marca profundamente.",
+              primaryButton: {
+                text: "Saiba mais",
+                href: "#",
+              },
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-meeting_1098-487.jpg",
+            },
+            {
+              tag: "02",
+              title: "Diagnóstico",
+              description: "Identificamos todos os gargalos visuais.",
+              primaryButton: {
+                text: "Saiba mais",
+                href: "#",
+              },
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-personal-planning-financial-with-coffee-copy-space_23-2148305940.jpg",
+            },
+            {
+              tag: "03",
+              title: "Posicionamento",
+              description: "Definimos direção estratégica única.",
+              primaryButton: {
+                text: "Saiba mais",
+                href: "#",
+              },
+              imageSrc: "http://img.b2bpic.net/free-photo/scientific-biochemistry-genetics-engineering-concept_53876-13616.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Projects.tsx b/src/pages/HomePage/sections/Projects.tsx
new file mode 100644
index 0000000..5009305
--- /dev/null
+++ b/src/pages/HomePage/sections/Projects.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "projects" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProjectsSection(): React.JSX.Element {
+  return (
+    <div id="projects" data-section="projects">
+        <SectionErrorBoundary name="projects">
+              <FeaturesImageBento
+          tag="Galeria"
+          title="PROJETOS"
+          description="Marcas construídas sobre autenticidade e memória."
+          items={[
+            {
+              title: "CULTURA. COMUNIDADE.",
+              description: "Construção visual para cultura urbana.",
+              imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-k-pop-clothing-urban-scene_23-2149096948.jpg",
+            },
+            {
+              title: "GRAFFT",
+              description: "Streetwear e pertencimento.",
+              imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
+            },
+            {
+              title: "PROJETO 03",
+              description: "Identidade visual premium.",
+              imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-wear-leather-jacket-shorts-with-backpack-against-shipping-container_627829-8008.jpg",
+            },
+            {
+              title: "PROJETO 04",
+              description: "Posicionamento estratégico.",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-hat-turtleneck_181624-41151.jpg",
+            },
+            {
+              title: "PROJETO 05",
+              description: "Laboratório de design.",
+              imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-modern-clothes-posing-artistic-way_23-2148760574.jpg",
+            },
+            {
+              title: "PROJETO 06",
+              description: "Identidade completa.",
+              imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-tshirt_1303-14647.jpg",
+            },
+            {
+              title: "PROJETO 07",
+              description: "Branding de luxo.",
+              imageSrc: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}