diff --git a/src/components/sections/FeaturedContent.tsx b/src/components/sections/FeaturedContent.tsx
index 34876d0..d97adb9 100644
--- a/src/components/sections/FeaturedContent.tsx
+++ b/src/components/sections/FeaturedContent.tsx
@@ -76,6 +76,11 @@ const FeaturedContent: React.FC<FeaturedContentProps> = ({
                           display: 'flex',
                           flexDirection: 'column',
                           alignItems: 'stretch',
+                          transition: 'all 0.3s ease',
+                          '&:hover': {
+                            transform: 'translateY(-5px)',
+                            boxShadow: 4,
+                         },
                         }}
                       >
                         <CardMedia
diff --git a/src/components/sections/Features.tsx b/src/components/sections/Features.tsx
index 3e78896..d87a80f 100644
--- a/src/components/sections/Features.tsx
+++ b/src/components/sections/Features.tsx
@@ -15,7 +15,7 @@ const Feature: React.FC<FeatureProps> = ({ title, description, icon: Icon }) =>
       bgcolor: 'white',
       borderRadius: 3,
       boxShadow: 1,
-      transition: 'all 0.3s',
+      transition: 'all 0.3s ease',
       width: { xs: '100%' },
       maxWidth: 900,
       m: 0,
diff --git a/src/components/sections/Pricing.tsx b/src/components/sections/Pricing.tsx
index c7a410e..a66da5c 100644
--- a/src/components/sections/Pricing.tsx
+++ b/src/components/sections/Pricing.tsx
@@ -28,6 +28,11 @@ const PriceCard: React.FC<PricingPlan & { githubUrl: string, slackUrl: string }>
       height: '100%',
       display: 'flex',
       flexDirection: 'column',
+      transition: 'all 0.3s ease',
+      '&:hover': {
+       transform: isPopular ? 'translateY(-5px) scale(1.05)' : 'translateY(-5px)',
+       boxShadow: isPopular ? 8 : 4,
+      },
     }}
   >
     {isPopular && (
diff --git a/src/components/sections/References.tsx b/src/components/sections/References.tsx
index bf37c3d..abed970 100644
--- a/src/components/sections/References.tsx
+++ b/src/components/sections/References.tsx
@@ -41,7 +41,7 @@ const References: React.FC<{ sectionType: 'even' | 'odd' }> = ({ sectionType })
                           p: 3,
                           textAlign: 'center',
                           filter: 'grayscale(1)',
-                          transition: 'all 0.3s',
+                          transition: 'all 0.3s ease',
                           '&:hover': { filter: 'grayscale(0)' },
                         }}
                       >
diff --git a/src/components/sections/Team.tsx b/src/components/sections/Team.tsx
index 3935615..19be17a 100644
--- a/src/components/sections/Team.tsx
+++ b/src/components/sections/Team.tsx
@@ -21,7 +21,7 @@ const TeamMemberCard: React.FC<TeamMember> = ({ name, role, image, github, twitt
       p: 3,
       borderRadius: 3,
       boxShadow: 2,
-      transition: 'all 0.3s',
+      transition: 'all 0.3s ease',
       width: { xs: '100%', sm: 400 },
       maxWidth: 400,
       minWidth: 280,
diff --git a/src/components/sections/UseCases.tsx b/src/components/sections/UseCases.tsx
index cb54e95..3b09398 100644
--- a/src/components/sections/UseCases.tsx
+++ b/src/components/sections/UseCases.tsx
@@ -17,7 +17,7 @@ const UseCaseCard: React.FC<UseCase & { onClick: () => void; isSelected: boolean
       borderRadius: 3,
       boxShadow: 2,
       textAlign: 'center',
-      transition: 'all 0.3s',
+      transition: 'all 0.3s ease',
       width: { xs: '100%', sm: 400 },
       maxWidth: 400,
       minWidth: 280,