feat(marketing): Add card hover effects and responsive heading

This commit introduces two UI enhancements to the marketing page to improve user experience and visual appeal.

- Adds a hover effect to the feature cards, causing them to scale up and change background color. This provides visual feedback and makes the section more interactive.
- Adjusts the main heading font size to be responsive, making it smaller on mobile devices (`text-4xl`) and larger on medium screens and up (`md:text-5xl`) for better readability and layout.

app/marketing/[id]/page.tsx

@@ -78,9 +78,9 @@ export default function Home() {
           />
         </div>
       </section>
-      <section className="text-left flex flex-col gap-6 bg-gradient-to-b from-[#011132] to-[#012B80] text-white rounded-[56px] relative p-6 lg:p-14 -mt-16 z-20 lg:ml-28">
+      <section className="text-left flex flex-col gap-6 bg-gradient-to-b from-[#011132] to-[#012B80] text-white rounded-[56px] relative p-6 lg:p-14 -mt-16 z-20 lg:ml-28 ">
         <hgroup>
-          <h1 className="capitalize font-extrabold text-5xl mb-6">
+          <h1 className="capitalize font-extrabold text-4xl mb-6 md:text-5xl">
             democratizing the world of tenders
           </h1>
           <p className="text-[16px] text-[#dadada]">
@@ -112,7 +112,7 @@ export default function Home() {
         {centerFrames.map((frame, index) => (
           <article
             key={frame.description}
-            className="bg-[#F7FAFF] border border-(--primary)/30 rounded-3xl my-4 py-10 px-6 flex flex-col gap-5">
+            className="bg-[#F7FAFF] border border-(--primary)/30 rounded-3xl my-4 py-10 px-6 flex flex-col gap-5  transition duration-300 transform scale-90 hover:bg-[#0164FF30] hover:scale-110">
             <Image
               src={frame.src}
               alt={frame.alt}