diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 8f22b1d..55611fd 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -16,7 +16,8 @@ import ContactSection from './HomePage/sections/Contact';
 
 {/* webild-stub @2026-06-16T00:30:50.415Z: Add a logo bar showcasing industry certifications (e.g., Apple Authorized Service, Samsung Repair partner) to build immediate professional credibility. */}
 
-import CertificationsSection from './HomePage/sections/Certifications';export default function HomePage(): React.JSX.Element {
+import CertificationsSection from './HomePage/sections/Certifications';
+import WarrantySection from './HomePage/sections/Warranty';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
@@ -27,6 +28,7 @@ import CertificationsSection from './HomePage/sections/Certifications';export de
   <MetricsSection />
 
   <PricingSection />
+      <WarrantySection />
 
   <TestimonialsSection />
 
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 2fa8883..d5b4ad4 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -1,29 +1,19 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "hero" section.
+// Created by add_section_from_catalog (HeroBillboardCarousel).
 
 import React from 'react';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 
 export default function HeroSection(): React.JSX.Element {
   return (
-    <div id="hero" data-section="hero">
-        <SectionErrorBoundary name="hero">
-              <HeroOverlay
-          tag="Expert Smartphone Repair"
-          title="DM3: Your Mobile, Restored to Life"
-          description="Fast, reliable, and professional smartphone repair services. Don't let a broken screen or dead battery stop you."
-          primaryButton={{
-            text: "Book Repair",
-            href: "#contact",
-          }}
-          secondaryButton={{
-            text: "See Services",
-            href: "#services",
-          }}
-          imageSrc="http://img.b2bpic.net/free-photo/young-male-technician-repairing-computer-workshop_23-2147922179.jpg"
-        />
-        </SectionErrorBoundary>
-      </div>
+    <div data-webild-section="hero" id="hero">
+      <HeroBillboardCarousel
+        secondaryButton={{"href":"#services","text":"See Services"}}
+        title="DM3: Your Mobile, Restored to Life"
+        description="Fast, reliable, and professional smartphone repair services. Don't let a broken screen or dead battery stop you."
+        items={[{"imageSrc":"http://img.b2bpic.net/free-photo/young-male-technician-repairing-computer-workshop_23-2147922179.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/man-using-soldering-iron-repair-component_23-2148254090.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/blue-cell-phone-connected-usb-cable-type-c-charging_58702-4587.jpg"}]}
+        primaryButton={{"text":"Book Repair","href":"#contact"}}
+        tag="Expert Smartphone Repair"
+      />
+    </div>
   );
 }
diff --git a/src/pages/HomePage/sections/Warranty.tsx b/src/pages/HomePage/sections/Warranty.tsx
new file mode 100644
index 0000000..b16ca9e
--- /dev/null
+++ b/src/pages/HomePage/sections/Warranty.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { ShieldCheck, Wrench, ThumbsUp } from 'lucide-react';
+import ScrollReveal from '@/components/ui/ScrollReveal';
+
+export default function WarrantySection() {
+  return (
+    <div id="warranty" data-webild-section="warranty" className="w-full py-16 bg-background">
+      <div className="w-content-width mx-auto px-6">
+        <ScrollReveal variant="fade">
+          <div className="card p-8 md:p-12 flex flex-col md:flex-row items-center justify-between gap-8 border border-border">
+            <div className="flex-1">
+              <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary-cta/10 text-primary-cta text-sm font-medium mb-4">
+                <ShieldCheck className="w-4 h-4" />
+                <span>Our Promise</span>
+              </div>
+              <h2 className="text-3xl font-bold text-foreground mb-4">100% Satisfaction Guarantee</h2>
+              <p className="text-muted-foreground text-lg">
+                We stand behind our work. Every repair comes with a comprehensive warranty to give you peace of mind.
+              </p>
+            </div>
+            
+            <div className="flex-1 grid grid-cols-1 sm:grid-cols-2 gap-6">
+              <div className="flex flex-col gap-2">
+                <ShieldCheck className="w-8 h-8 text-primary-cta" />
+                <h3 className="text-lg font-semibold text-foreground">Lifetime Warranty</h3>
+                <p className="text-sm text-muted-foreground">On all premium screen and battery replacements.</p>
+              </div>
+              <div className="flex flex-col gap-2">
+                <Wrench className="w-8 h-8 text-primary-cta" />
+                <h3 className="text-lg font-semibold text-foreground">Expert Technicians</h3>
+                <p className="text-sm text-muted-foreground">Certified professionals handling your device.</p>
+              </div>
+              <div className="flex flex-col gap-2 sm:col-span-2">
+                <ThumbsUp className="w-8 h-8 text-primary-cta" />
+                <h3 className="text-lg font-semibold text-foreground">Price Match Guarantee</h3>
+                <p className="text-sm text-muted-foreground">We'll match any local competitor's published price.</p>
+              </div>
+            </div>
+          </div>
+        </ScrollReveal>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file