fix

src/app/page.tsx

@@ -42,7 +42,7 @@ export default function HomePage() {
 
       <div id="hero" data-section="hero">
         <HeroCarouselLogo
-          logoText="TECHACADEMY"
+          logoText="STEP Academy"
           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/feature/FeatureCardNine.tsx

@@ -97,6 +97,12 @@ const FeatureContent = ({
         <p className={cls("text-base leading-[1.2] text-balance", useInvertedBackground === "invertDefault" ? "text-background/75" : "text-foreground/75", featureDescriptionClassName)}>
             {feature.description}
         </p>
+        <button
+            variant="error"
+            className={cls("bg-red-500 text-white px-4 py-2 rounded-full mt-4", "hover:bg-red-600", "focus:outline-none focus:ring-2 focus:ring-red-300")}
+        >
+            With
+        </button>
     </div>
 );
 

src/components/sections/product/ProductCardTwo.tsx

@@ -137,6 +137,11 @@ const ProductCardItem = memo(({
                     {product.price}
                 </p>
             </div>
+            <button
+                className={cls("bg-primary-cta text-secondary-cta px-4 py-2 rounded-full text-sm font-medium", actionButtonClassName)}
+            >
+                Buy
+            </button>
         </article>
     );
 });
@@ -195,7 +200,7 @@ const ProductCardTwo = ({
             uniformGridCustomHeightClasses={uniformGridCustomHeightClasses}
             gridRowsClassName={customGridRows}
             animationType={animationType}
-            
+
             title={title}
             titleSegments={titleSegments}
             description={description}