blog move

src/app/page.tsx

@@ -32,9 +32,10 @@ const Home: NextPage = () => {
         <div className='mt-20'>
           <PopularProducts />
         </div>
-        <div className='mt-24'>
-          <Blogs />
       </div>
+
+      <div className='mt-24 px-20'>
+        <Blogs />
       </div>
     </div>
   )

src/app/products/page.tsx

@@ -15,7 +15,7 @@ import ProductCard from '@/components/ProductCard'
 
 const Products: NextPage = () => {
     return (
-        <div className="mt-24 px-20">
+        <div className="mt-14 px-20">
             <Breadcrumb aria-label="breadcrumb">
                 <BreadcrumbList className="text-sm text-muted-foreground">
                     <BreadcrumbItem>