diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index 9d230cb..97b0827 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -4,7 +4,7 @@ import FadiaHeroImage from "../../assets/Fadia-15.jpg";
 export function HeroSection() {
   return (
     <section className="relative">
-      <div className="bg-cover bg-center h-[90vh] flex items-center justify-center" 
+      <div className="bg-cover bg-center h-[65vh] flex items-center justify-center" 
            style={{
              backgroundImage: `url(${FadiaHeroImage})`,
              backgroundPosition: "center"
@@ -12,20 +12,20 @@ export function HeroSection() {
         <div className="absolute inset-0 bg-black bg-opacity-20"></div>
         
         <div className="relative text-center px-4 sm:px-6 lg:px-8 max-w-3xl mx-auto">
-          <h1 className="text-5xl md:text-6xl font-playfair font-bold text-white leading-tight mb-8">
+          <h1 className="text-4xl md:text-5xl font-playfair font-bold text-white leading-tight mb-6">
             Moving from a place of connection
           </h1>
           
           <Link
             href="/classes"
-            className="inline-block bg-white text-teal font-medium py-3 px-10 hover:bg-opacity-90 transition duration-300"
+            className="inline-block bg-white text-teal font-medium py-2 px-8 hover:bg-opacity-90 transition duration-300"
           >
             Start Now For Free
           </Link>
         </div>
       </div>
       
-      <div className="py-16 text-center">
+      <div className="py-8 text-center">
         <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
           <h2 className="text-3xl md:text-4xl font-playfair font-semibold text-gray-900 mb-4">
             Welcome to Pilates with Fadia