diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6bcbf30..36ddc64 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,12 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Activity, Award, DollarSign, Mic, Scale, Trophy, Wallet } from "lucide-react";
+import { Activity, Award, DollarSign, Mic, Scale, Trophy, Wallet, Landmark, Basketball, Bitcoin, Cpu, Users, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -58,6 +59,26 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="choose-topics" data-section="choose-topics">
+    <FeatureBento
+      title="Choose Your Debate Topics"
+      description="Pick a category and jump into the arena."
+      animationType="slide-up"
+      textboxLayout="split-actions"
+      useInvertedBackground={false}
+      features={[
+        { title: "Politics", description: "Debate policy, governance, and current affairs.", bentoComponent: "reveal-icon", icon: Landmark, button: { text: "Start Debate" } },
+        { title: "Sports", description: "Settle rivalries, GOAT debates, and match predictions.", bentoComponent: "reveal-icon", icon: Basketball, button: { text: "Start Debate" } },
+        { title: "Crypto", description: "Market movements, blockchain tech, and assets.", bentoComponent: "reveal-icon", icon: Bitcoin, button: { text: "Start Debate" } },
+        { title: "Geopolitics", description: "Global strategy, international relations, and borders.", bentoComponent: "reveal-icon", icon: Activity, button: { text: "Start Debate" } },
+        { title: "Technology", description: "Future of AI, hardware, and software innovation.", bentoComponent: "reveal-icon", icon: Cpu, button: { text: "Start Debate" } },
+        { title: "Society", description: "Cultural shifts, ethics, and lifestyle trends.", bentoComponent: "reveal-icon", icon: Users, button: { text: "Start Debate" } },
+        { title: "Economy", description: "Markets, inflation, and global wealth.", bentoComponent: "reveal-icon", icon: TrendingUp, button: { text: "Start Debate" } },
+      ]}
+      buttons={[{ text: "Explore All Categories →" }]}
+    />
+  </div>
+
   <div id="beefs" data-section="beefs">
       <FeatureCardTwentyFive
       animationType="slide-up"
@@ -182,4 +203,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file