src/app/(main)/blog/page.tsx

@@ -21,7 +21,7 @@ export default async function BlogPage({ searchParams }: { searchParams?: Promis
       <HeroOther title="Blog" />
 
       <section className="page-section" id="blog">
-        <div className="w-full px-[15px] md:px-[30px]">
+        <div className="w-full max-w-7xl mx-auto px-4 md:px-8">
           <form action="/blog" method="GET">
             <div className="input-group">
               <input

src/components/Footer.tsx

@@ -14,7 +14,7 @@ export default function Footer() {
       className="relative text-white py-10"
       style={{
         backgroundColor: "transparent",
-        backgroundImage: "linear-gradient(172deg, #2E2D51 0%, #64B3B4 100%)",
+        backgroundImage: "linear-gradient(172deg, #798D90 0%, #C48853 100%)",
       }}
     >
       <div className="container mx-auto flex flex-wrap justify-between items-start px-6">