Bob AI: it the Why Choose TechAcademy section add buttons ...

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Users, TrendingUp, Award, Star } from "lucide-react";
 import Link from "next/link";
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 
 export default function HomePage() {
   return (
@@ -65,42 +65,46 @@ export default function HomePage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardNine
-          features={[
-            {
-              id: 1,
-              title: "Expert Instructors",              description: "Learn from experienced professionals with 10+ years in the tech industry. Our instructors bring real-world insights and practical knowledge to every lesson.",              phoneOne: {
-                imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
-              },
-              phoneTwo: {
-                imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
-              }
-            },
-            {
-              id: 2,
-              title: "Flexible Learning",              description: "Study at your own pace with self-paced courses, live sessions, and recorded content. Access materials anytime, anywhere on any device.",              phoneOne: {
-                imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
-              },
-              phoneTwo: {
-                imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
-              }
-            },
-            {
-              id: 3,
-              title: "Career Support",              description: "Get job placement assistance, resume reviews, and interview coaching. Our alumni network opens doors to exciting career opportunities.",              phoneOne: {
-                imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
-              },
-              phoneTwo: {
-                imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
-              }
-            }
-          ]}
-          showStepNumbers={true}
-          title="Why Choose TechAcademy"
-          description="Industry-leading education platform designed for career growth"
-          textboxLayout="default"
-          useInvertedBackground="invertDefault"
-        />
+      <FeatureCardOne
+      features={[
+      {
+      id: 1,
+      title: "Expert Instructors",              description: "Learn from experienced professionals with 10+ years in the tech industry. Our instructors bring real-world insights and practical knowledge to every lesson.",              phoneOne: {
+      imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
+      },
+      phoneTwo: {
+      imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
+      }
+      },
+      {
+      id: 2,
+      title: "Flexible Learning",              description: "Study at your own pace with self-paced courses, live sessions, and recorded content. Access materials anytime, anywhere on any device.",              phoneOne: {
+      imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
+      },
+      phoneTwo: {
+      imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
+      }
+      },
+      {
+      id: 3,
+      title: "Career Support",              description: "Get job placement assistance, resume reviews, and interview coaching. Our alumni network opens doors to exciting career opportunities.",              phoneOne: {
+      imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
+      },
+      phoneTwo: {
+      imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
+      }
+      }
+      ]}
+      carouselMode="auto"
+      gridVariant="uniform-all-items-equal"
+      animationType="none"
+      title="Why Choose TechAcademy"
+      description="Industry-leading education platform designed for career growth"
+      tag="Label"
+      buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
+      textboxLayout="default"
+      useInvertedBackground="invertDefault"
+      />
       </div>
 
       <div id="products" data-section="products">

src/components/sections/feature/FeatureCardNine.tsx

@@ -97,12 +97,6 @@ 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/feature/FeatureCardOne.tsx

@@ -161,6 +161,7 @@ const FeatureCardOne = ({
           {feature.button && (
             <Button {...getButtonProps(feature.button, 0, theme.defaultButtonVariant, cls("w-full", cardButtonClassName), cardButtonTextClassName)} />
           )}
+          <button className="mt-4 bg-primary text-background px-4 py-2 rounded-lg">Click Me</button> {/* Inserted button element */}
         </div>
       ))}
     </CardStack>

src/components/sections/product/ProductCardTwo.tsx

@@ -137,18 +137,6 @@ 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)}
-                style={{ borderRadius: theme.borderRadius }}
-            >
-                Buy
-            </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>
     );
 });
@@ -207,7 +195,7 @@ const ProductCardTwo = ({
             uniformGridCustomHeightClasses={uniformGridCustomHeightClasses}
             gridRowsClassName={customGridRows}
             animationType={animationType}
-
+            
             title={title}
             titleSegments={titleSegments}
             description={description}