From 910e8aed8915d27d373e103b3e6db97752ea1cea Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Sun, 2 Nov 2025 11:45:39 +0330
Subject: [PATCH] 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 | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/marketing/[id]/page.tsx b/app/marketing/[id]/page.tsx
index 9048283..2e948dc 100644
--- a/app/marketing/[id]/page.tsx
+++ b/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}