initial commit

app/home/(user)/(dashboard)/booking/page.tsx

@@ -1,12 +1,15 @@
+import { use } from 'react';
+
 import { PageBody } from '@kit/ui/page';
 import { Trans } from '@kit/ui/trans';
 
 import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
 import { withI18n } from '~/lib/i18n/with-i18n';
 
-
 import { HomeLayoutPageHeader } from '../../_components/home-page-header';
 import OrderCards from '../../_components/order-cards';
+import ServiceCategories from '../../_components/service-categories';
+import { loadTtoServices } from '../../_lib/server/load-tto-services';
 
 export const generateMetadata = async () => {
   const i18n = await createI18nServerInstance();
@@ -18,6 +21,8 @@ export const generateMetadata = async () => {
 };
 
 function BookingPage() {
+  const { heroCategories, ttoCategories } = use(loadTtoServices());
+  console.log('ttoCategories', heroCategories, ttoCategories);
   return (
     <>
       <HomeLayoutPageHeader
@@ -26,7 +31,8 @@ function BookingPage() {
       />
 
       <PageBody>
-        <OrderCards />
+        <OrderCards heroCategories={heroCategories} />
+        <ServiceCategories categories={ttoCategories} />
       </PageBody>
     </>
   );