product page and detail page updated

app/[locale]/catalog_page/page.tsx

@@ -7,7 +7,7 @@ export default function Page() {
     <div className="bg-[#1e1d1c] pb-30">
       <ProductBanner />
       <div className="max-w-300 mx-auto w-full pt-20">
-        <MainSubCategory />
+        <Catalog />
       </div>
     </div>
   );

app/[locale]/products/[slug]/page.tsx

@@ -59,7 +59,7 @@ export default function SlugPage() {
   const features = product.features.map((item:any)=>item.name)
 
   return (
-    <div className="min-h-screen bg-[#1e1d1c] py-20 md:py-32 lg:py-40 px-4 md:px-8">
+    <div className="min-h-screen bg-[#1e1d1c] py-32 lg:py-40 px-4 md:px-8">
       <div className="max-w-7xl mx-auto">
         {/* Main Product Section */}
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 mb-12">