Update index.html

more text for the p under the h1 on hero section

Author: cmary2023

index.html

@@ -30,10 +30,12 @@
     <main>
          <!--Hero Section-->
         <section class="hero-container">
-            <div class="hero">
-                <h1>Join Our Book Club</h1>
-                <p>Discover, discuss, and dive into your next favorite book with fellow book lovers.</p>
-                <a href="join.html"><button>Sign Up</button></a>
+            <div>
+                <h1 class="hero">Join Our Book Club</h1>
+                <p class="hero-p">Whether you're already in a book club, want to join one, or are looking to set one up,
+                    you're in the right place!Discover, discuss, and dive into your next favorite book with fellow book
+                    lovers.</p>
+                <a href="join.html" class="hero-button">Sign Up</a>
             </div>
             <img class="hero-image" src="./images/books/book-club.gif" alt="Book Club Gif">
         </section>