diff options
Diffstat (limited to 'src/pages/guestbook.astro')
| -rw-r--r-- | src/pages/guestbook.astro | 45 |
1 files changed, 11 insertions, 34 deletions
diff --git a/src/pages/guestbook.astro b/src/pages/guestbook.astro index 0aebd9c..3ea4c28 100644 --- a/src/pages/guestbook.astro +++ b/src/pages/guestbook.astro @@ -1,44 +1,21 @@ --- import Page from '../layouts/Page.astro' import "../styles/cards.css"; +import GuestbookForm from '../components/GuestbookForm' +import Guestbook from '../components/Guestbook' --- <Page title="Guestbook" description="Use this page to send me a message"> <main> - <form class="card"> - <h2>Submit Message</h2> - <label> - Name<br> - <input type="text" name="name" placeholder="Name" required /> - </label> - <br> - <label> - Email Address<br> - <input type="email" name="email" placeholder="Email Address (Optional)" /> - </label> - <br> - <label> - Your Website<br> - <input type="url" name="link" placeholder="https://example.com" required /> - </label> - <br> - <label> - Message<br> - <textarea name="message" placeholder="Message" required></textarea> - </label> - <button type="submit">Send</button> - </form> + <div class="card"> + <h2>Welcome to my Guestbook!</h2> + <p>Feel free to send a nice message here!</p> + </div> + <GuestbookForm client:visible /> <div class="grid"> - <article class="card"> - <h1>John Doe</h1> - <small>January 1, 2024</small> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nam id orci non diam bibendum euismod quis sit amet purus. - Fusce fermentum facilisis placerat. Mauris varius ante elit, et - luctus enim blandit sit amet. - Pellentesque ullamcorper dapibus suscipit. - </p> - <a href="https://google.com">Website</a> - </article> + <Guestbook client:visible /> </div> </main> </Page> +<script> + +</script> |