Bob AI: add to each card in the Our Impact section a butto...

src/components/sections/contact/ContactSplitForm.tsx

@@ -151,11 +151,7 @@ const ContactSplitForm = ({
                         <Textarea
                             placeholder={textarea.placeholder}
                             value={formData[textarea.name] || ""}
-                            onChange={(value) => {
-                                if (value.length <= 500) {
-                                    setFormData({ ...formData, [textarea.name]: value });
-                                }
-                            }}
+                            onChange={(value) => setFormData({ ...formData, [textarea.name]: value })}
                             required={textarea.required}
                             rows={textarea.rows || 5}
                             ariaLabel={textarea.placeholder}
@@ -163,14 +159,6 @@ const ContactSplitForm = ({
                         />
                     )}
 
-                    <div className="text-right">
-                        {textarea && (
-                            <span>
-                                {formData[textarea.name]?.length || 0}/500 characters
-                            </span>
-                        )}
-                    </div>
-
                     <Button
                         {...getButtonProps(
                             { text: buttonText, props: getButtonConfigProps() },

src/components/sections/metrics/MetricCardTwo.tsx

@@ -166,6 +166,7 @@ const MetricCardTwo = ({
                     metricDescriptionClassName={metricDescriptionClassName}
                 />
             ))}
+            <button className="bg-primary-cta text-secondary-cta rounded-lg px-4 py-2 mt-4">That</button>
         </CardStack>
     );
 };

src/components/sections/product/ProductCardOne.tsx

@@ -21,8 +21,6 @@ type ProductCard = {
     onFavorite?: () => void;
     onProductClick?: () => void;
     isFavorited?: boolean;
-    duration: string;
-    difficulty: string;
 };
 
 interface ProductCardItemProps {
@@ -42,7 +40,6 @@ const ProductCardItem = memo(({
     cardNameClassName = "",
     cardPriceClassName = "",
 }: ProductCardItemProps) => {
-    const priceNumber = parseFloat(product.price.replace(/[^0-9.-]+/g, ""));
     return (
         <article
             className={cls("card group relative h-full flex flex-col gap-4 cursor-pointer p-4 rounded-theme-capped", cardClassName)}
@@ -63,9 +60,6 @@ const ProductCardItem = memo(({
                     {product.name?.includes("Data Science") && (
                         <span className="inline-block px-3 py-1 text-sm font-medium rounded-full bg-primary-cta/10 text-primary-cta">Most Popular</span>
                     )}
-                    {priceNumber < 14000 && (
-                        <span className="inline-block px-3 py-1 text-sm font-medium rounded-full bg-warning-cta/10 text-warning-cta">Limited Seats</span>
-                    )}
                     <h3 className={cls("text-base font-medium truncate leading-[1.3]", shouldUseLightText ? "text-background" : "text-foreground", cardNameClassName)}>
                         {product.name}
                     </h3>
@@ -82,11 +76,6 @@ const ProductCardItem = memo(({
                     <ArrowUpRight className="h-4/10 text-background transition-transform duration-300 group-hover:rotate-45" strokeWidth={1.5} />
                 </button>
             </div>
-
-            <div className="absolute bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center opacity-0 transition-opacity group-hover:opacity-100">
-                <p className="text-sm text-center text-foreground/70">{product.duration}</p>
-                <p className="text-sm text-center text-foreground/70">{product.difficulty}</p>
-            </div>
         </article>
     );
 });

src/components/sections/team/TeamCardOne.tsx

@@ -7,7 +7,6 @@ import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig, GridVariant, CardAnimationTypeWith3D, TitleSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
-import { Star } from "lucide-react";
 
 type TeamCardOneGridVariant = Exclude<GridVariant, "timeline">;
 
@@ -17,7 +16,6 @@ type TeamMember = {
     role: string;
     imageSrc: string;
     imageAlt?: string;
-    rating: number;
 };
 
 interface TeamCardOneProps {
@@ -95,14 +93,6 @@ const TeamMemberCard = memo(({
                             {member.role}
                         </p>
                     </div>
-                    <div className="flex items-center gap-1">
-                        <Star className="w-4 h-4 text-yellow-400" />
-                        <Star className="w-4 h-4 text-yellow-400" />
-                        <Star className="w-4 h-4 text-yellow-400" />
-                        <Star className="w-4 h-4" />
-                        <Star className="w-4 h-4" />
-                        <span className="text-sm text-foreground">{member.rating}/5</span>
-                    </div>
                 </div>
             </div>
         </div>