fix: before footer block, button color

src/app/globals.css

@@ -10,6 +10,7 @@
   --ext-color-primary-5: #e7ccc0;
   --ext-color-primary-6: #64b3b4;
   --ext-color-primary-7: #a8dcca;
+  --ext-color-primary-8: #e3b19b;
   --background: #ffffff;
   --foreground: #171717;
 }
@@ -23,6 +24,7 @@
     --ext-color-primary-5: #e7ccc0;
     --ext-color-primary-6: #64b3b4;
     --ext-color-primary-7: #a8dcca;
+    --ext-color-primary-8: #e3b19b;
     --background: #0a0a0a;
     --foreground: #ededed;
   }

src/components/Blocks/BeforeFooter/index.tsx

@@ -52,7 +52,7 @@ export function BeforeFooterBlock({ title, description, buttonText, showLinier =
         <div className="pt-5">
           <Link
             href="/contact"
-            className="inline-block bg-[#2E2D51] hover:bg-[#232244] text-white py-3 px-6 rounded-full text-lg shadow-lg transition-all"
+            className="inline-block bg-extColorPrimary6 hover:bg-extColorPrimary8 text-white py-3 px-6 rounded-full text-lg shadow-lg transition-all duration-500"
           >
             {buttonText ?? placeholderButtonText} →
           </Link>

src/components/HeroOther.tsx

@@ -16,23 +16,17 @@ const shareIcons: Record<string, any> = {
 
 export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) {
   return (
-    <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!py-48 relative !h-[30vw]">
+    <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!pt-32 md:!pb-24 relative min-h-[48vh]">
       {/* <!-- Background Shape --> */}
       <div className="bg-shape-1 w-full h-full opacity-50 bg-contain">
-        <Image
-          src={img || "/assets/images/hero-default.webp"}
-          width={1000}
-          height={500}
-          alt=""
-          className="w-screen h-screen object-cover object-center"
-        />
+        <Image src={img || "/assets/images/hero-default.webp"} alt="" fill className="object-cover" />
       </div>
       {/* <!-- End Background Shape --> */}
 
       <div className="container position-relative pt-sm-40 text-center">
         <div className="row">
           <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
-            <h1 className="hs-title-10 mb-10">{title ?? ""}</h1>
+            <h1 className="text-5xl !font-medium mb-10 leading-[1.5]">{title ?? ""}</h1>
             {!!createdAt && (
               <div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s">
                 <div className="flex justify-center items-center">

tailwind.config.ts

@@ -18,6 +18,7 @@ export default {
         extColorPrimary5: "var(--ext-color-primary-5)",
         extColorPrimary6: "var(--ext-color-primary-6)",
         extColorPrimary7: "var(--ext-color-primary-7)",
+        extColorPrimary8: "var(--ext-color-primary-8)",
       },
     },
   },