Implement audio.com placeholder section

audacity · Aug 16, 2023 · 8e294b5 · 8e294b5
1 parent 090489f
commit 8e294b5
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/src/assets/img/AudioCard.png b/src/assets/img/AudioCard.png
diff --git a/src/assets/img/ShareYourSounds.jpg b/src/assets/img/ShareYourSounds.jpg
diff --git a/src/components/homepage/ShareYourSounds.astro b/src/components/homepage/ShareYourSounds.astro
@@ -0,0 +1,14 @@
+---
+import AudioCard from '../../assets/img/AudioCard.png'
+---
+<section
+  class="bg-[url('src/assets/img/ShareYourSounds.jpg')] bg-cover bg-center"
+>
+  <div class="grid grid-cols-12 max-w-7xl mx-auto py-32 gap-8">
+    <div class="col-start-1 col-span-6"><img src={AudioCard}/></div>
+    <div class="flex flex-col gap-4 col-start-7 col-span-6 justify-center">
+      <h2 class="text-6xl font-bold text-white">Share your sounds</h2>
+      <p class="text-2xl text-white">Upload your sounds online to Audio.com, instantly.</p>
+    </div>
+  </div>
+</section>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -7,13 +7,14 @@ import BaseLayout from "../layouts/BaseLayout.astro";
 import RealTimeEffects from "../components/homepage/features/RealTimeEffects.astro";
 import ShareToAudio from "../components/homepage/features/ShareToAudio.astro";
 import RecordAnything from "../components/homepage/RecordAnything.astro";
-
+import ShareYourSounds from "../components/homepage/ShareYourSounds.astro"
 ---
 
   <BaseLayout title="Audacity | Home">
     <HeroBanner />
     <ReleaseVideo />
     <RecordAnything />
+    <ShareYourSounds />
     <DownloadBanner />
     <BlogPosts />
   </BaseLayout>