diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 2a7f736..5ab439f 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -16,6 +16,10 @@ const primaryButton = {
   avatarSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp",
   avatarLabel: "You"
 };
+const heroSecondaryButton = {
+  text: "Learn more",
+  href: "#services"
+};
 const items = [
   {
     title: "HydroFlow Product Launch",
@@ -69,6 +73,7 @@ const HeroInline = () => {
   const card2Ref = useRef<HTMLDivElement>(null);
   const card3Ref = useRef<HTMLDivElement>(null);
   const handlePrimaryClick = useButtonClick(primaryButton.href);
+  const handleHeroSecondaryClick = useButtonClick(heroSecondaryButton.href);
   const handleSecondaryClick = useButtonClick(secondaryButton?.href || "#");
 
   useEffect(() => {