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/(home)/contact-us/page.tsx

@@ -22,7 +22,7 @@ export const metadata: Metadata = {
 
 const ContactUsPage = () => {
   return (
-    <>
+    <main>
       <div className="flex flex-col gap-6 items-center">
         <p className="bg-(--primary)/20 w-fit px-2.5 py-1.5 text-(--primary) rounded-full">
           Contact Us
@@ -42,7 +42,7 @@ const ContactUsPage = () => {
           <ContactUsForm columnsPerRow={1} />
         </section>
       </div>
-    </>
+    </main>
   );
 };