1 files changed, 89 insertions, 0 deletions
diff --git a/app/views/index.view.php b/app/views/index.view.php
new file mode 100644
index 0000000..29f17b4
--- /dev/null
+++ b/app/views/index.view.php
@@ -0,0 +1,89 @@
+<?php require __DIR__ . '/partials/header.php'; ?>
+
+    <h1 class="text-3xl mb-1 text-red-700 font-bold">Let's bring a story to life</h1>
+
+    <h2 class="text-xl font-normal text-gray-800 mb-6 leading-normal">
+        Strong voice for narration, trailers, storytelling,  and more.
+    </h2>
+
+    <h1 class="text-xl text-gray-800 mb-2 font-bold">Prologue</h1>
+
+    <p class="text-gray-darkest mb-3 leading-normal">
+        Focused introductory elements for literary, dramatic, and musical arts.
+    </p>
+
+    <noscript>
+        <audio controls>
+            <source src="audio/prologue.mp3" type="audio/mp3">
+            Your browser does not support the audio element.
+        </audio>
+    </noscript>
+
+
+<?php
+$audio = 'prologue';
+require __DIR__ . '/components/AudioPlayer.php';
+?>
+
+
+    <h1 class="text-xl text-gray-800 mb-2 font-bold">Narrative</h1>
+
+    <p class="text-gray-darkest mb-3 leading-normal">
+        Spoken or written accounts of connected events.
+    </p>
+
+    <noscript>
+        <audio controls>
+            <source src="audio/narrative.mp3" type="audio/mp3">
+            Your browser does not support the audio element.
+        </audio>
+    </noscript>
+
+
+<?php
+$audio = 'narrative';
+require __DIR__ . '/components/AudioPlayer.php';
+?>
+
+
+    <h1 class="text-xl text-gray-800 mb-2 font-bold">Dramatic</h1>
+
+    <p class="text-gray-darkest mb-3 leading-normal">
+        Sudden and striking narrative elements.
+    </p>
+
+    <noscript>
+        <audio controls>
+            <source src="audio/dramatic.mp3" type="audio/mp3">
+            Your browser does not support the audio element.
+        </audio>
+    </noscript>
+
+
+<?php
+$audio = 'dramatic';
+require __DIR__ . '/components/AudioPlayer.php';
+?>
+
+
+    <h1 class="text-xl text-gray-800 mb-2 font-bold">Commercial</h1>
+
+    <p class="text-gray-darkest mb-3 leading-normal">
+        Old school narrative commercial style.
+    </p>
+
+    <noscript>
+        <audio controls>
+            <source src="audio/commercial.mp3" type="audio/mp3">
+            Your browser does not support the audio element.
+        </audio>
+    </noscript>
+
+
+<?php
+$audio = 'commercial';
+require __DIR__ . '/components/AudioPlayer.php';
+?>
+
+
+<?php require __DIR__ . '/partials/footer.php'; ?>