feat: add footer newsletter and links components to NewsPage; enhance Button with new variant

app/pages/news/index.tsx

@@ -1,16 +1,18 @@
 import React, { type FC, type PropsWithChildren } from 'react'
 
+import { FooterLinks } from './footer-links'
+import { FooterNewsletter } from './footer-newsletter'
 import { HeaderMenu } from './header-menu'
 import { HeaderTop } from './header-top'
 
 export const NewsPage: FC<PropsWithChildren> = ({ children }) => {
   return (
-    <main className="min-h-dvh bg-[#ECECEC]">
+    <main className="relative min-h-dvh bg-[#ECECEC]">
       <header>
         <HeaderTop />
         <HeaderMenu />
       </header>
-      <div className="mx-auto grid w-full max-w-[1340px] gap-y-[25px] bg-[#ECECEC] px-[50px] pt-[25px]">
+      <div className="mx-[50px] my-[25px] grid gap-y-[25px]">
         <img
           src="/images/banner.png"
           alt="banner"
@@ -20,6 +22,10 @@ export const NewsPage: FC<PropsWithChildren> = ({ children }) => {
           {children}
         </div>
       </div>
+      <footer className="absolute bottom-0 grid w-full grid-cols-5 gap-32 bg-[#2E2F7C] px-16 py-20 text-white">
+        <FooterNewsletter />
+        <FooterLinks />
+      </footer>
     </main>
   )
 }