This repository has no description
1// src/components/Newsletter/Newsletter.jsx
2import React from 'react';
3import './Newsletter.css';
4import { Link } from 'react-router-dom';
5
6const Newsletter = () => {
7 return (
8 <main className="newsletter-page">
9 <div className="alt-card">
10 <h1>Subscribe to the Newsletter</h1>
11 <div className="intro-paragraph">
12 <p>Hi, my name is <a href="https://bsky.app/profile/dame.is" target="_blank" rel="noopener noreferrer">Dame</a>!</p>
13 <p>I'm the creator of cred.blue.</p>
14 <p>If you'd like to stay up-to-date with cred.blue and the other things I'm making, sign up with your email below.</p>
15 </div>
16 <form
17 className="newsletter-form embeddable-buttondown-form"
18 action="https://buttondown.com/api/emails/embed-subscribe/dame"
19 method="post"
20 target="popupwindow"
21 onSubmit={() => window.open('https://buttondown.com/dame', 'popupwindow')}
22 >
23 <label htmlFor="bd-email">Email Address</label>
24 <input
25 type="email"
26 name="email"
27 id="bd-email"
28 placeholder="name@fastmail.com"
29 />
30
31 <label htmlFor="bsky-handle">Bluesky Handle (Optional)</label>
32 <input
33 type="text"
34 name="metadata__bsky-handle"
35 id="bsky-handle"
36 placeholder="username.bsky.social"
37 />
38
39 <label htmlFor="name">Name or Pseudonym (Optional)</label>
40 <input
41 type="text"
42 name="metadata__name"
43 id="name"
44 placeholder="name"
45 />
46
47 <button type="submit" value="Subscribe">Subscribe</button>
48 <input type="hidden" name="tag" value="cred.blue subscribers" />
49 </form>
50 </div>
51 </main>
52 );
53};
54
55export default Newsletter;