From 39a8d846b4eb13776ee745c5dd2ee6e0e57e2df3 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Fri, 17 Apr 2026 20:20:31 +0530
Subject: [PATCH] fix: improve HeroSection responsiveness and remove expertise
 tag truncation in user profile page

---
 src/app/(user)/user/profiles/page.tsx | 2 +-
 src/components/home/HeroSection.tsx   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(user)/user/profiles/page.tsx b/src/app/(user)/user/profiles/page.tsx
index 6ee2803..78a2896 100644
--- a/src/app/(user)/user/profiles/page.tsx
+++ b/src/app/(user)/user/profiles/page.tsx
@@ -346,7 +346,7 @@ function ProfileCard({ profile, resolvedAvatarUrl }: ProfileCardProps) {
         {expertiseTags.length > 0 && (
           <div className="mt-3">
             <p className="font-fractul font-bold text-[14px] text-[#00293d] mb-2">Expertise:</p>
-            <div className={`flex flex-wrap gap-2 items-center ${showAllTags ? '' : 'max-h-[72px] overflow-hidden'}`}>
+            <div className="flex flex-wrap gap-2 items-center">
               {(showAllTags ? expertiseTags : expertiseTags.slice(0, INITIAL_TAG_COUNT)).map((tag, index) => (
                 <span
                   key={index}
diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx
index e66879a..36ad69a 100644
--- a/src/components/home/HeroSection.tsx
+++ b/src/components/home/HeroSection.tsx
@@ -110,7 +110,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
   };
 
   return (
-    <section className="relative h-[540px] overflow-hidden">
+    <section className="relative min-h-[540px] md:h-[540px] overflow-hidden">
       {/* Background Image */}
       <div className="absolute inset-0">
         <Image
@@ -122,7 +122,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
         />
       </div>
 
-      <div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 pb-10 h-[540px] flex flex-col">
+      <div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-20 pb-10 md:pt-28 min-h-[540px] md:h-[540px] flex flex-col">
         {/* Headline */}
         <div className="text-center mb-8">
           <h1 className="font-fractul font-bold text-[24px] md:text-[28px] lg:text-[30px] leading-[50px] text-[#00293d] max-w-4xl mx-auto">