Update src/app/page.tsx

src/app/page.tsx

@@ -42,7 +42,7 @@ export default function HomePage() {
 
       <div id="hero" data-section="hero">
         <HeroCarouselLogo
-          logoText="STEP Academy"
+          logoText="TECHACADEMY"
           description="Master in-demand technology skills with our comprehensive IT courses. Learn from industry experts and launch your tech career."
           buttons={[
             { text: "Explore Courses", href: "/courses" },

src/components/sections/product/ProductCardTwo.tsx

@@ -138,16 +138,10 @@ const ProductCardItem = memo(({
                 </p>
             </div>
             <button
-                className={cls("bg-primary-cta text-secondary-cta px-4 py-2 rounded-full text-sm font-medium", actionButtonClassName)}
+                className={cls("bg-primary-cta text-secondary-cta rounded-lg px-4 py-2 mt-4", actionButtonClassName)}
-                style={{ borderRadius: theme.borderRadius }}
+                onClick={(e) => e.stopPropagation()}
             >
-                Buy
+                ADD TO CART
-            </button>
-            <button
-                className={cls("bg-secondary-cta text-primary-cta px-4 py-2 rounded-full text-sm font-medium mt-2", actionButtonClassName)}
-                style={{ borderRadius: theme.borderRadius }}
-            >
-                Add
             </button>
         </article>
     );