From be0a2079dff643ef96415e61f0916121ed065d12 Mon Sep 17 00:00:00 2001
From: oiupoyt <oiupoyt.cat@gmail.com>
Date: Sun, 11 Oct 2026 10:39:33 +0530
Subject: [PATCH] refactor: simplify layout and remove sidebar ad rails

---
 src/app/page.tsx              | 18 ++--------------
 src/components/ToolLayout.tsx | 40 +++++++++--------------------------
 2 files changed, 12 insertions(+), 46 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 778cc6f..87e3181 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,4 @@
 import ToolCard from "@/components/ToolCard";
-import SidebarAd from "@/components/SidebarAd";
 import { getToolsByCategory, tools } from "@/lib/tools";
 import Link from "next/link";
 
@@ -8,15 +7,8 @@ export default function Home() {
   const featuredTools = tools.filter((t) => t.featured);
 
   return (
-    <div className="relative z-10 mx-auto max-w-7xl px-4 py-8">
-      <div className="flex justify-center items-start gap-6">
-        {/* Left Side Rail (Ultra-wide) */}
-        <div className="hidden 2xl:block sticky top-20 shrink-0">
-          <SidebarAd format="vertical" slotId="kat-home-left" />
-        </div>
-
-        {/* Main Content */}
-        <div className="flex-1 max-w-5xl min-w-0">
+    <div className="relative z-10 mx-auto max-w-6xl px-4 py-8">
+      <div className="w-full">
           {/* Header intro */}
           <div className="mb-8 border border-[#1a1a1a] bg-[#090909] p-6">
             <div className="text-xs font-mono text-[#666] mb-1">
@@ -65,12 +57,6 @@ export default function Home() {
               </div>
             </section>
           ))}
-        </div>
-
-        {/* Right Side Rail */}
-        <div className="hidden xl:block sticky top-20 shrink-0">
-          <SidebarAd format="vertical" slotId="kat-home-right" />
-        </div>
       </div>
     </div>
   );
diff --git a/src/components/ToolLayout.tsx b/src/components/ToolLayout.tsx
index fde59a2..fa8267f 100644
--- a/src/components/ToolLayout.tsx
+++ b/src/components/ToolLayout.tsx
@@ -1,42 +1,22 @@
-import SidebarAd from "@/components/SidebarAd";
-
 interface ToolLayoutProps {
   title: string;
   description: string;
   children: React.ReactNode;
-  showSideAds?: boolean;
 }
 
-export default function ToolLayout({ title, description, children, showSideAds = true }: ToolLayoutProps) {
+export default function ToolLayout({ title, description, children }: ToolLayoutProps) {
   return (
-    <div className="relative z-10 mx-auto max-w-7xl px-4 py-8">
-      <div className="flex justify-center items-start gap-6">
-        {/* Left Side Ad (Ultra-wide screens) */}
-        {showSideAds && (
-          <div className="hidden 2xl:block sticky top-20 shrink-0">
-            <SidebarAd format="vertical" slotId="kat-tool-left" />
-          </div>
-        )}
-
-        {/* Main Tool Content */}
-        <div className="flex-1 max-w-5xl min-w-0">
-          <div className="flex items-center gap-2 mb-1">
-            <div className="h-px w-4 bg-blue-900"></div>
-            <h1 className="text-lg font-semibold text-white">{title}</h1>
-          </div>
-          <p className="mb-5 text-sm text-[#525252] ml-6">{description}</p>
-
-          <div className="border border-[#1a1a1a] bg-[#0a0a0a] p-5">
-            {children}
-          </div>
+    <div className="relative z-10 mx-auto max-w-5xl px-4 py-8">
+      <div className="w-full">
+        <div className="flex items-center gap-2 mb-1">
+          <div className="h-px w-4 bg-blue-900"></div>
+          <h1 className="text-lg font-semibold text-white">{title}</h1>
         </div>
+        <p className="mb-5 text-sm text-[#525252] ml-6">{description}</p>
 
-        {/* Right Side Ad (Desktop & Laptops) */}
-        {showSideAds && (
-          <div className="hidden xl:block sticky top-20 shrink-0">
-            <SidebarAd format="vertical" slotId="kat-tool-right" />
-          </div>
-        )}
+        <div className="border border-[#1a1a1a] bg-[#0a0a0a] p-5">
+          {children}
+        </div>
       </div>
     </div>
   );