From 6d3655ac5c814104a55cd811ccfa3d3638c68eff Mon Sep 17 00:00:00 2001
From: barsa <tumurbarsnarantuya@gmail.com>
Date: Wed, 4 Mar 2026 14:58:45 +0900
Subject: [PATCH] fix: move carousel badge inline with icon, remove prices

---
 .../components/ServicesCarousel.tsx            | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/portal/src/features/landing-page/components/ServicesCarousel.tsx b/apps/portal/src/features/landing-page/components/ServicesCarousel.tsx
index e0a3d8d4..9bf0e232 100644
--- a/apps/portal/src/features/landing-page/components/ServicesCarousel.tsx
+++ b/apps/portal/src/features/landing-page/components/ServicesCarousel.tsx
@@ -20,18 +20,18 @@ function ServiceConversionCard({ card }: { card: ConversionServiceCard }) {
         data-service-card
         className="h-full rounded-2xl bg-card border border-border/60 px-6 py-7 shadow-sm hover:shadow-md hover:border-primary/30 transition-all duration-300 group-hover:-translate-y-1 flex flex-col"
       >
-        {card.badge && (
-          <span className="inline-flex self-start items-center rounded-full bg-success/10 text-success px-2.5 py-0.5 text-xs font-semibold mb-3">
-            {card.badge}
-          </span>
-        )}
-        <div className="mb-4 text-primary">{card.icon}</div>
+        {/* Icon + Badge row */}
+        <div className="flex items-center justify-between mb-4">
+          <div className="text-primary">{card.icon}</div>
+          {card.badge && (
+            <span className="inline-flex items-center rounded-full bg-success/10 text-success px-2.5 py-0.5 text-xs font-semibold">
+              {card.badge}
+            </span>
+          )}
+        </div>
         <p className="text-sm text-muted-foreground mb-1">{card.problemHook}</p>
         <h3 className="text-lg font-bold text-foreground mb-1">{card.title}</h3>
         <p className="text-sm text-muted-foreground mb-3 flex-grow">{card.keyBenefit}</p>
-        {card.priceFrom && (
-          <p className="text-lg font-bold text-primary mb-4">from {card.priceFrom}</p>
-        )}
         <span className="inline-flex items-center gap-1.5 text-sm font-semibold text-primary group-hover:gap-2.5 transition-all mt-auto">
           {card.ctaLabel}
           <ArrowRight className="h-4 w-4" />