first commit

resources/client/site-page-layout.tsx

@@ -0,0 +1,25 @@
+import {Footer} from '@common/ui/footer/footer';
+import {MainNavbar} from '@app/main-navbar';
+import {ReactNode} from 'react';
+import {useScrollToTop} from '@common/ui/navigation/use-scroll-to-top';
+import {AdHost} from '@common/admin/ads/ad-host';
+
+interface Props {
+  children: ReactNode;
+}
+export function SitePageLayout({children}: Props) {
+  useScrollToTop();
+  return (
+    <div className="flex flex-col">
+      <MainNavbar />
+      <div className="flex-auto">
+        <AdHost slot="general_top" className="py-24" />
+        <div className="relative min-h-[1000px] overflow-hidden">
+          {children}
+        </div>
+        <AdHost slot="general_bottom" className="py-24" />
+      </div>
+      <Footer className="container mx-auto mt-48 flex-shrink-0 px-24" />
+    </div>
+  );
+}