Merge version_11_1777376645960 into main

Merge version_11_1777376645960 into main

src/components/sections/features/FeaturesArrowCards.tsx

@@ -8,6 +8,7 @@ import ScrollReveal from "@/components/ui/ScrollReveal";
 type FeatureItem = {
   title: string;
   tags: string[];
+  className?: string;
 } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
 
 interface FeaturesArrowCardsProps {
@@ -52,7 +53,7 @@ const FeaturesArrowCards = ({
           {(primaryButton || secondaryButton) && (
             <div className="flex flex-wrap justify-center gap-3 mt-3">
               {primaryButton && <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>}
-              {secondaryButton && <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />}
+              {secondaryButton && <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />}
             </div>
           )}
         </div>
@@ -64,7 +65,7 @@ const FeaturesArrowCards = ({
                 <div className="aspect-square rounded overflow-hidden">
                   <ImageOrVideo imageSrc={item.imageSrc} videoSrc={item.videoSrc} className="transition-transform duration-500 ease-in-out group-hover:scale-105" />
                 </div>
-                <div className="flex flex-col justify-between gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5 flex-1 card rounded">
+                <div className={`flex flex-col justify-between gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5 flex-1 card rounded ${item.className || ""}`}>
                   <h3 className="text-xl md:text-2xl font-medium leading-tight">{item.title}</h3>
                   <div className="flex items-center justify-between gap-5">
                     <div className="flex flex-wrap items-center gap-2">
@@ -84,4 +85,4 @@ const FeaturesArrowCards = ({
   );
 };
 
-export default FeaturesArrowCards;
+export default FeaturesArrowCards;

src/pages/HomePage.tsx

@@ -58,7 +58,8 @@ export default function HomePage() {
             "Fair Trade",
             "Organic",
           ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rhon66",
+          imageSrc: "https://img.b2bpic.net/free-photo/redeyed-tree-frog-closeup-agalychnis-callidryas-red-eyes-closeup_488145-3176.jpg?id=26824352",
+          className: "!bg-yellow-500 !text-black",
         },
         {
           title: "Precision Roasting",
@@ -66,7 +67,7 @@ export default function HomePage() {
             "Small Batch",
             "Mastered",
           ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rqftxz",
+          imageSrc: "https://img.b2bpic.net/free-photo/curious-squirrel-that-peeks-out-from-moss_181624-41243.jpg?id=16324541",
         },
         {
           title: "Quality Cupping",
@@ -74,7 +75,7 @@ export default function HomePage() {
             "Expertise",
             "Standards",
           ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nyxg5b",
+          imageSrc: "https://img.b2bpic.net/free-photo/green-iguana-closeup-wood-animal-closeup-reptile-closeup_488145-2581.jpg?id=25852689",
         },
       ]}
     />
@@ -90,25 +91,25 @@ export default function HomePage() {
           name: "Americano",
           variant: "Classic Black",
           price: "$3.50",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ou747",
+          imageSrc: "https://img.b2bpic.net/free-photo/stylish-woman-leather-coat-black-hat-demonstrate-winter-fashion-trends-white_273443-4937.jpg?id=20570221",
         },
         {
           name: "Caffe Latte",
           variant: "Creamy & Smooth",
           price: "$4.50",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3kquv",
+          imageSrc: "https://img.b2bpic.net/free-photo/high-fashion-portrait-young-elegant-blonde-woman-black-wool-hat-wearing-oversize-white-fringe-poncho-with-long-grey-dress_273443-3799.jpg?id=11195909",
         },
         {
           name: "Cold Brew",
           variant: "12-Hour Steep",
           price: "$5.00",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tt9lsq",
+          imageSrc: "https://img.b2bpic.net/premium-photo/stylish-twin-sisters-showcase-unique-fashion-sense-modern-studio-setting_1326977-22972.jpg?id=418068688",
         },
         {
           name: "Double Espresso",
           variant: "Intense Roast",
           price: "$3.00",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mt1j4f",
+          imageSrc: "https://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2691.jpg?id=6022015",
         },
         {
           name: "Pour Over",
@@ -246,4 +247,4 @@ export default function HomePage() {
   </div>
     </>
   );
-}
+}