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 = ({ 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)" } + : {} + } />
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 = ({ className={`w-full rotate-180 ${imageContainerClasses}`} style={{ backgroundColor }} > -
+
{imageAlt}
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,