diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 1f510c7..bd50901 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -15,12 +15,14 @@ import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
 
-import GuaranteeSection from './HomePage/sections/Guarantee';export default function HomePage(): React.JSX.Element {
+import GuaranteeSection from './HomePage/sections/Guarantee';
+import ProductHeroSection from './HomePage/sections/ProductHero';export default function HomePage(): React.JSX.Element {
   return (
 <StyleProvider siteBackground="aurora" heroBackground="none" buttonVariant="arrow">
       <SiteBackgroundSlot />
 
       <HeroSection />
+      <ProductHeroSection />
       <GuaranteeSection />
 
       <ServicesSection />
diff --git a/src/pages/HomePage/sections/ProductHero.tsx b/src/pages/HomePage/sections/ProductHero.tsx
new file mode 100644
index 0000000..b1260cc
--- /dev/null
+++ b/src/pages/HomePage/sections/ProductHero.tsx
@@ -0,0 +1,19 @@
+// Created by add_section_from_catalog (HeroBillboard).
+
+import React from 'react';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+
+export default function ProductHeroSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="product-hero" id="product-hero">
+      <HeroBillboard
+        primaryButton={{"text":"Shop All Products","href":"#contact"}}
+        title="Our Products"
+        secondaryButton={{"text":"Contact Sales","href":"#contact"}}
+        tag="Products"
+        description="Explore our full range of ergonomic solutions designed to relieve pain and improve your daily life."
+        imageSrc=""
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/HomePage/sections/Products.tsx b/src/pages/HomePage/sections/Products.tsx
new file mode 100644
index 0000000..65ce9f6
--- /dev/null
+++ b/src/pages/HomePage/sections/Products.tsx
@@ -0,0 +1,19 @@
+// Created by add_section_from_catalog (HeroBillboard).
+
+import React from 'react';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+
+export default function ProductsSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="products" id="products">
+      <HeroBillboard
+        tag="Our Products"
+        title="Explore Our Products"
+        secondaryButton={{"text":"Learn More","href":"#contact"}}
+        description="Discover our range of ergonomic solutions designed to relieve pain and improve your daily life."
+        primaryButton={{"text":"Shop Now","href":"#products"}}
+        imageSrc=""
+      />
+    </div>
+  );
+}
\ No newline at end of file