fix: update footer and navbar layout for improved responsiveness

- Adjusted max-width and padding for footer and navbar components to enhance layout on various screen sizes.

Author: 0xdevcollins

components/landing-page/footer.tsx

@@ -15,7 +15,7 @@ export function Footer() {
       className='z-30 border-t border-[#2B2B2B] bg-black'
       role='contentinfo'
     >
-      <div className='mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8'>
+      <div className='mx-auto max-w-[1440px] px-5 py-8 md:px-[50px] lg:px-[100px]'>
         <div className='hidden items-start justify-between md:flex'>
           <div className='flex flex-col space-y-4'>
             <Link href='/' aria-label='Boundless homepage'>

components/landing-page/navbar.tsx

@@ -69,7 +69,7 @@ export function Navbar() {
 
   return (
     <nav className='sticky top-0 z-50 border-b border-white/10 bg-[#030303]/95 shadow-lg shadow-black/20 backdrop-blur-xl'>
-      <div className='mx-auto max-w-7xl px-4 sm:px-6 lg:px-8'>
+      <div className='mx-auto max-w-[1440px] px-5 md:px-[50px] lg:px-[100px]'>
         <div className='flex h-16 items-center justify-between gap-4'>
           {/* Logo */}
           <Logo />