primo prototipo della homepage del sito

client/layouts/BaseLayout.astro

@@ -1,5 +1,11 @@
 ---
-const { title, description, thumbnail } = Astro.props
+import '@fontsource/open-sans/latin.css'
+import '@fontsource/source-sans-pro/latin.css'
+import '@fontsource/source-code-pro/latin.css'
+
+import '../styles/main.scss'
+
+const { title, description, thumbnail, pageName } = Astro.props
 ---
 
 <!DOCTYPE html>
@@ -16,7 +22,7 @@ const { title, description, thumbnail } = Astro.props
 
         <title>{title}</title>
     </head>
-    <body>
+    <body class:list={['page-' + (pageName ?? 'unknown')]}>
         <slot />
     </body>
 </html>

client/layouts/PageLayout.astro

@@ -3,15 +3,20 @@ import BaseLayout from './BaseLayout.astro'
 ---
 
 <BaseLayout {...Astro.props}>
-    <nav>
-        <div class="nav-item">Item 1</div>
-        <div class="nav-item">Item 2</div>
-        <div class="nav-item">Item 3</div>
-        <div class="nav-item">Item 4</div>
-        <div class="nav-item">Item 5</div>
-        <div class="nav-item">Item 6</div>
-    </nav>
+    <header>
+        <div class="logo">
+            <img src="/images/logo-circuit-board.svg" alt="phc logo" />
+        </div>
+        <div class="links">
+            <a role="button" href="#">Utenti</a>
+            <a role="button" href="#">Notizie</a>
+            <a role="button" href="#">Progetti</a>
+            <a role="button" href="#">About</a>
+            <a class="primary" role="button" href="#">Accedi</a>
+        </div>
+    </header>
     <main>
         <slot />
     </main>
+    <footer>&copy; PHC 2023</footer>
 </BaseLayout>