feat(ui): Overhaul homepage and layout styling for responsiveness

Refactors the styling across the main layout, homepage, and contact page to improve responsiveness and visual consistency.

Key changes include:
- Adjusted font sizes, spacing, and padding on the homepage for better scaling on different screen sizes.
- Simplified the hero section image and layout.
- Updated the footer design, removing the background image and changing text color from white to black for better readability.
- Replaced React fragments with `<main>` tags for improved semantic HTML on the contact page.
- Streamlined header and content padding in the main layout.

app/marketing/page.tsx

@@ -101,7 +101,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}