diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
index 382d8bb..262b762 100644
--- a/src/pages/HomePage/sections/Contact.tsx
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -1,28 +1,19 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "contact" section.
+// Created by add_section_from_catalog (ContactCenter).
 
 import React from 'react';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 
 export default function ContactSection(): React.JSX.Element {
   return (
-    <div id="contact" data-section="contact">
-        <SectionErrorBoundary name="contact">
-              <ContactCta
-          tag="Visit Us"
-          text="Ready to taste the difference? Stop by our bakery or pre-order online for the freshest loaves."
-          primaryButton={{
-            text: "Visit Our Shop",
-            href: "#",
-          }}
-          secondaryButton={{
-            text: "Call to Order",
-            href: "#",
-          }}
-          textAnimation="slide-up"
-        />
-        </SectionErrorBoundary>
-      </div>
+    <div data-webild-section="contact" data-section="contact" id="contact">
+      <ContactCenter
+        inputPlaceholder="Email Address"
+        textAnimation="slide-up"
+        title="Reserve Your Loaf"
+        tag="Pre-Order"
+        description="Our small-batch sourdough sells out quickly. Enter your email below to secure your fresh-baked bread."
+        buttonText="Secure My Loaf"
+      />
+    </div>
   );
 }