ok

src/app/dahabiyas/page.jsx

@@ -1,3 +1,6 @@
+'use client'
+
+import { useState } from 'react'
 import { CallToAction3 } from '@/components/CallToAction3'
 import { Footer } from '@/components/Footer'
 import { Header } from '@/components/Header'
@@ -9,16 +12,30 @@ import Veda3 from '@/components/Veda3'
 import Veda4 from '@/components/Veda4'
 
 export default function Dahabiyas() {
+  const [selectedVeda, setSelectedVeda] = useState('veda1')
+
+  const renderSelectedVeda = () => {
+    switch (selectedVeda) {
+      case 'veda1':
+        return <Veda1 />
+      case 'veda2':
+        return <Veda2 />
+      case 'veda3':
+        return <Veda3 />
+      case 'veda4':
+        return <Veda4 />
+      default:
+        return <Veda1 />
+    }
+  }
+
   return (
     <>
       <Header />
       <main>
         <Daha1 />
-        <Daha2 />
-        <Veda1 />
-        <Veda2 />
-        <Veda3 />
-        <Veda4 />
+        <Daha2 onVedaSelect={setSelectedVeda} />
+        {renderSelectedVeda()}
       </main>
       <Footer />
     </>