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/components/sections/testimonial/TestimonialMetricsCards.tsx

@@ -69,10 +69,10 @@ const TestimonialMetricsCards = ({
           <ScrollReveal variant="slide-up">
             <GridOrCarousel carouselThreshold={4}>
               {testimonials.map((testimonial) => (
-                <div key={testimonial.name} className="relative aspect-3/4 rounded overflow-hidden">
+                <div key={testimonial.name} className={cls("relative aspect-3/4 rounded overflow-hidden", testimonial.name === "Alice Wong" && "bg-green-600", testimonial.name === "Sarah Miller" && "bg-red-600")}>
                   <ImageOrVideo imageSrc={testimonial.imageSrc} videoSrc={testimonial.videoSrc} />
 
-                  <div className="absolute inset-x-5 bottom-5 flex flex-col gap-2 p-3 xl:p-4 2xl:p-5 card rounded backdrop-blur-sm">
+                  <div className={cls("absolute inset-x-5 bottom-5 flex flex-col gap-2 p-3 xl:p-4 2xl:p-5 rounded backdrop-blur-sm", testimonial.name === "Alice Wong" ? "bg-green-600 text-white" : testimonial.name === "Sarah Miller" ? "bg-red-600 text-white" : "card")}>
                     <div className="flex gap-1 mb-1">
                       {Array.from({ length: 5 }).map((_, index) => (
                         <Star
@@ -100,7 +100,7 @@ const TestimonialMetricsCards = ({
               <div key={metric.label} className="flex flex-col md:flex-row items-center w-full md:flex-1">
                 <div className={cls("flex flex-col items-center flex-1 gap-1 text-center md:py-0", index === 0 ? "pb-5" : index === 2 ? "pt-5" : "py-5")}>
                   <span className="text-5xl font-medium">{metric.value}</span>
-                  <span className="text-base">{metric.label}</span>
+                  <span className="text-2xl">{metric.label}</span>
                 </div>
                 {index < 2 && (
                   <div className="w-full h-px md:h-20 md:w-px bg-foreground/20" />
@@ -114,4 +114,4 @@ const TestimonialMetricsCards = ({
   );
 };
 
-export default TestimonialMetricsCards;
+export default TestimonialMetricsCards;

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #000000;
-  --card: #481f1f;
+  --background: #02000a;
+  --card: #120b29;
   --foreground: #ffffff;
-  --primary-cta: #ffffff;
-  --primary-cta-text: #280101;
-  --secondary-cta: #361311;
-  --secondary-cta-text: #f6d4d4;
-  --accent: #51000b;
-  --background-accent: #ff2231;
+  --primary-cta: #6d28d9;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #2e1065;
+  --secondary-cta-text: #ddd6fe;
+  --accent: #2563eb;
+  --background-accent: #4f46e5;
 
   /* @layout/border-radius/rounded */
   --radius: 9999px;
@@ -197,4 +197,4 @@ h6 {
      is always visible — when --secondary-cta is white-ish on a near-white page
      bg, a same-color border is invisible and the button disappears. */
   border: 1px solid color-mix(in srgb, var(--color-foreground) 18%, transparent);
-}
+}

src/pages/HomePage.tsx

@@ -27,10 +27,10 @@ export default function HomePage() {
       }}
       items={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=no3env",
+          imageSrc: "https://img.b2bpic.net/free-photo/wild-blue-chicory-flower-serene-mountain-landscape_84443-84115.jpg?id=426972201",
         },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vy2bae",
+          imageSrc: "https://img.b2bpic.net/premium-vector/abstract-bright-background-design-glowing-circle_46577-722.jpg?id=13089647",
         },
       ]}
     />
@@ -42,7 +42,7 @@ export default function HomePage() {
       quote="Vligo was born from a simple obsession: to share the pure, unfiltered joy of a perfectly balanced coffee. We partner directly with growers to ensure every bean tells a story of passion and sustainability."
       author="Elena Rossi"
       role="Founder, Vligo Coffee"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=it6h79"
+      imageSrc="https://img.b2bpic.net/free-photo/axelborg-towers-modern-architecture_181624-37834.jpg?id=15036385"
     />
   </div>
 
@@ -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",
@@ -166,14 +167,14 @@ export default function HomePage() {
           role: "Architect",
           company: "DesignsCo",
           rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gc0rxk",
+          imageSrc: "https://img.b2bpic.net/premium-photo/young-fashion-models-posing-against-street-fashion-urban-clothing-style-high-fashion-model-woman_265223-123397.jpg?id=147690448",
         },
         {
           name: "John Doe",
           role: "Writer",
           company: "MediaLab",
           rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nbq8pc",
+          imageSrc: "https://img.b2bpic.net/free-photo/vertical-view-delicious-dinner-fried-chicken-dish-with-various-spices-foods-garlics-fallen-oil-bottle-lemon-dark-color-background_140725-158483.jpg?id=22291449",
         },
         {
           name: "Alice Wong",
@@ -226,7 +227,7 @@ export default function HomePage() {
           answer: "All our single-origin coffees are grown with organic practices and meet strict quality standards.",
         },
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ixxeh6"
+      imageSrc="https://img.b2bpic.net/free-photo/woman-thoughtfully-looking-her-clothing-patterns_197531-24014.jpg?id=15970630"
     />
   </div>
 
@@ -246,4 +247,4 @@ export default function HomePage() {
   </div>
     </>
   );
-}
+}