diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 80fc9cb..60e6fb2 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -518,6 +518,22 @@ export default function Home() {
     return copy.slice(0, 2);
   }, [articles]);
 
+  const bottomSection = useMemo(() => {
+    const items: { type: "widget" | "ad"; el: JSX.Element }[] = [
+      { type: "widget", el: <NewsWidget key="bottom-news" /> },
+      { type: "widget", el: <div key="bottom-horoscope" className="flex flex-col gap-4"><HoroscopeWidget /><WeatherWidget /></div> },
+      { type: "widget", el: <BreakingNewsWidget key="bottom-breaking" /> },
+      { type: "widget", el: <RecipeWidget key="bottom-recipe" /> },
+      { type: "ad", el: <AdSense key="ad-bottom-1" slot="bottom-1" className="w-full min-h-[250px]" /> },
+      { type: "ad", el: <AdSense key="ad-bottom-2" slot="bottom-2" className="w-full min-h-[250px]" /> },
+    ];
+    for (let i = items.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [items[i], items[j]] = [items[j], items[i]];
+    }
+    return items;
+  }, []);
+
   if (isLoading || !articles) {
     return (
       <div className="min-h-screen bg-background">
@@ -565,6 +581,14 @@ export default function Home() {
           </div>
         ))}
 
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+          {bottomSection.map((item, i) => (
+            <div key={`bottom-${i}`}>
+              {item.el}
+            </div>
+          ))}
+        </div>
+
       </main>
       <Footer />
     </div>