chore(website): add demo image before the hero

orhun · Aug 17, 2024 · 3d628f8 · 3d628f8
1 parent 44579cc
commit 3d628f8
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 8 deletions.
diff --git a/website/astro.config.mjs b/website/astro.config.mjs
@@ -22,6 +22,7 @@ export default defineConfig({
       },
       components: {
         Header: "./src/components/Header.astro",
+        Hero: "./src/components/Hero.astro",
         Footer: "./src/components/Footer.astro",
       },
       customCss: [

diff --git a/website/src/components/Footer.astro b/website/src/components/Footer.astro
@@ -8,6 +8,7 @@ const isHomepage = Astro.props.slug === '';
 
 {
   isHomepage ? (
+    <hr style="border: 0; border-top: 1px solid var(--sl-color-gray-5); width: 50%; margin: 20px auto;">
     <footer class="footer">
       <div class="container">
         <p>

diff --git a/website/src/components/Hero.astro b/website/src/components/Hero.astro
@@ -0,0 +1,16 @@
+---
+import type { Props } from '@astrojs/starlight/props';
+import Default from '@astrojs/starlight/components/Hero.astro';
+
+import demoImage from '../../src/assets/binsider-general-tab.png';
+---
+
+<div style="text-align: center;">
+  <img
+    src={demoImage.src}
+    style="margin: 0;"
+    alt="demo"
+  />
+</div>
+
+<Default {...Astro.props}><slot /></Default>
diff --git a/website/src/content/docs/index.mdx b/website/src/content/docs/index.mdx
@@ -17,12 +17,6 @@ hero:
       link: /about/intro/
       icon: open-book
     - text: Get source
-      link: 'https://github.com/orhun/binsider'
+      link: "https://github.com/orhun/binsider"
       icon: github
 ---
-<img
-  src="src/assets/binsider-general-tab.png"
-  alt="Binsider logo"
-  style="margin: 0 auto; display:block;"
-/>
-;
diff --git a/website/src/styles/custom.css b/website/src/styles/custom.css
@@ -35,7 +35,7 @@
 }
 
 .hero .copy {
-  align-items: center;
+  display: none;
 }
 
 .hero .actions {