landing api

src/app/page.tsx

@@ -1,31 +1,17 @@
 import { NextPage } from 'next'
-import HeroSection from './home/HeroSection'
-import DanakSuggestedService from './home/DanakSuggestedService'
-import WhyDanak from './home/WhyDanak'
-import DanakServices from './home/DanakServices'
-import Blog from './home/Blog'
-import Collaboration from './home/Collaboration'
+import { HydrationBoundary } from '@tanstack/react-query'
+import { dehydrate } from '@tanstack/react-query'
+import { QueryClient } from '@tanstack/react-query'
+import { landingQueryOptions } from './home/hooks/useHomeData'
+import LangingPage from './home/LangingPage'
+const Home: NextPage = async () => {
+  const queryClient = new QueryClient()
+  await queryClient.prefetchQuery(landingQueryOptions)
 
-const Home: NextPage = () => {
   return (
-    <div>
-
-
-      <HeroSection />
-
-      <DanakSuggestedService />
-
-      <WhyDanak />
-
-      <DanakServices />
-
-      <Blog />
-
-      <Collaboration />
-
-
-
-    </div>
+    <HydrationBoundary state={dehydrate(queryClient)}>
+      <LangingPage />
+    </HydrationBoundary>
   )
 }