From 6f7614e9283f529ec9fcf301e3cf72ed7dea4c56 Mon Sep 17 00:00:00 2001
From: jhpin2 <jahidhasanpintu82@gmail.com>
Date: Mon, 3 Mar 2025 12:06:32 +0600
Subject: [PATCH] black line removed from gif

---
 src/components/FeatureCardSection.tsx | 7 ++++++-
 src/components/FeatureSection.tsx     | 7 +++++--
 src/components/PricingSection.tsx     | 2 +-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/FeatureCardSection.tsx b/src/components/FeatureCardSection.tsx
index 4f2d9ac..075d40c 100644
--- a/src/components/FeatureCardSection.tsx
+++ b/src/components/FeatureCardSection.tsx
@@ -65,7 +65,12 @@ const FeatureCardSection: React.FC<FeatureCardSectionProps> = ({
                   alt={card.imageAlt}
                   width={360}
                   height={480}
-                  className="h-full w-full"
+                  className="h-full w-full clip-path"
+                  style={
+                    card.imageUrl.endsWith(".gif")
+                      ? { clipPath: "inset(0 4px 0 0)" }
+                      : {}
+                  }
                 />
               </div>
               <div className="text-[#252525] w-[90%] mx-auto mt-[20px] text-2xl font-semibold font-['Inter']">
diff --git a/src/components/FeatureSection.tsx b/src/components/FeatureSection.tsx
index 14de2e8..62bf6ce 100644
--- a/src/components/FeatureSection.tsx
+++ b/src/components/FeatureSection.tsx
@@ -66,13 +66,16 @@ const FeatureSection: React.FC<DesignToolProps> = ({
       className={`w-full  rotate-180 ${imageContainerClasses}`}
       style={{ backgroundColor }}
     >
-      <div className="rotate-180 ">
+      <div className="rotate-180">
         <Image
           className="clip-path"
           src={imageUrl}
           alt={imageAlt}
-          width={684}
+          width={650}
           height={491}
+          style={
+            imageUrl.endsWith(".gif") ? { clipPath: "inset(0 4px 0 0)" } : {}
+          }
         />
       </div>
     </div>
diff --git a/src/components/PricingSection.tsx b/src/components/PricingSection.tsx
index 1b98a24..123ce76 100644
--- a/src/components/PricingSection.tsx
+++ b/src/components/PricingSection.tsx
@@ -72,7 +72,7 @@ export default function PricingSection() {
       name: "Growth",
       users: "10 user",
       monthlyPrice: "$59",
-      yearlyPrice: "$50",
+      yearlyPrice: "$30",
       description:
         "Advanced features to boost productivity and expand your reach",
       highlight: true,