diff --git a/client/src/components/Newsletter.tsx b/client/src/components/Newsletter.tsx
index ba7c8da..bbf85e4 100644
--- a/client/src/components/Newsletter.tsx
+++ b/client/src/components/Newsletter.tsx
@@ -6,7 +6,7 @@ const Newsletter = () => {
         <div className="bg-black rounded-3xl px-12 py-8 flex items-center justify-between">
           {/* Left side - Text */}
           <div className="flex-1">
-            <h2 className="text-white text-4xl font-bold leading-tight">
+            <h2 className="text-white text-4xl font-bold leading-tight font-heading">
               STAY UPTO DATE ABOUT
               <br />
               OUR LATEST OFFERS
diff --git a/client/src/components/layout/Footer.tsx b/client/src/components/layout/Footer.tsx
index 6ab6c3a..85d27f7 100644
--- a/client/src/components/layout/Footer.tsx
+++ b/client/src/components/layout/Footer.tsx
@@ -6,7 +6,7 @@ const Footer = () => {
         <div className="grid grid-cols-5 gap-8 mb-8">
           {/* Brand Section */}
           <div className="col-span-1">
-            <h3 className="text-3xl font-bold text-black mb-4">SHOP.CO</h3>
+            <h3 className="text-3xl font-bold text-black mb-4 font-heading">SHOP.CO</h3>
             <p className="text-gray-600 text-sm leading-relaxed mb-6">
               We have clothes that suits your style and which you're proud to wear. From women to men.
             </p>
diff --git a/client/src/index.css b/client/src/index.css
index 06c1775..7d4ae8f 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -1,6 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
 
-@import url(https://db.onlinewebfonts.com/c/f1fcc5aed1e20fc0cdb9f8a7573625bd?family=Integral+CF+Regular);
+@import url('https://db.onlinewebfonts.com/c/f1fcc5aed1e20fc0cdb9f8a7573625bd?family=Integral+CF+Regular');
 @import url('https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901,1,2&display=swap');
 
 @tailwind base;
diff --git a/client/src/pages/home/sections/NewArrivals.tsx b/client/src/pages/home/sections/NewArrivals.tsx
index bf89a4a..85fac17 100644
--- a/client/src/pages/home/sections/NewArrivals.tsx
+++ b/client/src/pages/home/sections/NewArrivals.tsx
@@ -63,7 +63,7 @@ const NewArrivals = () => {
       <div className="max-w-7xl mx-auto px-8">
         {/* Section Title */}
         <div className="text-center mb-8">
-          <h2 className="text-3xl font-bold text-black mb-6">NEW ARRIVALS</h2>
+          <h2 className="text-3xl font-bold text-black mb-6 font-heading">NEW ARRIVALS</h2>
         </div>
 
         {/* Products Grid */}
diff --git a/client/src/pages/home/sections/TopSelling.tsx b/client/src/pages/home/sections/TopSelling.tsx
index 548acf6..de5e969 100644
--- a/client/src/pages/home/sections/TopSelling.tsx
+++ b/client/src/pages/home/sections/TopSelling.tsx
@@ -61,7 +61,7 @@ const TopSelling = () => {
       <div className="max-w-7xl mx-auto px-8">
         {/* Section Title */}
         <div className="text-center mb-8">
-          <h2 className="text-3xl font-bold text-black mb-6">TOP SELLING</h2>
+          <h2 className="text-3xl font-bold text-black mb-6 font-heading">TOP SELLING</h2>
         </div>
 
         {/* Products Grid */}