Set base layouts

source/src/layouts/Base.astro

@@ -0,0 +1,18 @@
+---
+// Properties
+const {Title, Query} = Astro.props
+
+// Components
+import Head from "@components/global/Head.astro";
+import Header from "@components/global/Header.astro";
+import Footer from "@components/global/Footer.astro";
+
+// Styles
+import '@styles/index.scss'
+import '@styles/mobile.scss'
+---
+
+<Head/>
+<Header Query={Query}/>
+<slot/>
+<Footer/>

source/src/layouts/Search.astro

@@ -0,0 +1,31 @@
+---
+// Layout
+import Base from "./Base.astro"
+
+// Properties
+const {Type, Title, Query} = Astro.props
+
+// Components
+import SearchMenu from "@components/global/SearchMenu.astro"
+---
+
+<Base Title={Title} Query={Query}>
+    <SearchMenu Type={Type}/>
+    <div class="search-results">
+        <div class="search-results-start">
+            <slot name="search"/>
+        </div>
+        <div class="search-results-end">
+            <slot name="rich-panel"/>
+        </div>
+    </div>
+</Base>
+
+<style>
+.search-results {
+    margin-top: 16px;
+    display: grid;
+    grid-template-columns: 70% 30%;
+    gap: 24px;
+}
+</style>