Add divider to Hero section

Author: conradolandia

src/lib/blocks/Hero.svelte

@@ -5,9 +5,11 @@
   import Vanta from "$lib/components/Vanta.svelte";
   import Button from "$lib/components/Button.svelte";
   import ImageCompare from "$lib/components/ImageCompare.svelte";
+  import Divider from "$lib/components/Divider.svelte";
 
   export let id = "";
   export let classes = "";
+  export let divider = false;
 
   // Hero section buttons
   export let buttons = [];
@@ -65,6 +67,10 @@
   <div class="container aspect-video hero-image py-5">
     <ImageCompare before={heroImages.dark} after={heroImages.light} />
   </div>
+
+  {#if divider}
+    <Divider stroke={true} />
+  {/if}
 </section>
 
 <style>

src/routes/+page.svelte

@@ -7,7 +7,7 @@
   let blocks = data.props.blocks;
 </script>
 
-<Hero id="hero-section" />
+<Hero id="hero-section" divider={true} />
 
 {#each blocks as block (block.id)}
   <ContentBlock {...block} >