polluterofminds/index.js

## index.js
import Head from "next/head";
import Link from "next/link";
import Image from "next/image";

export default function Home() {
  return (
    <div>
      <Head>
        <title>Pinnie For Your Thoughts</title>
        <link rel="icon" href="/pinnie.svg" />
      </Head>
      <div style={styles.header}>
        <Link href="login">Login</Link>
      </div>
      <div style={styles.flex}>
        <Image
          width="80px"
          height="80px"
          src="/pinnie.svg"
          alt="Pinnie the pinata"
        />
        <h1>Pinnie For Your Thoughts</h1>
        <p>Where Web3 meets Web2.</p>
        <div style={styles.flexRow}>
          <form onSubmit={() => console.log("subscribing")}>
            <input style={styles.input} type="email" placeholder="Type your email" />
            <button type="submit" style={styles.btn}>Subscribe</button>
          </form>
        </div>
        <div style={styles.sample}>
          <Link href="sample">Read a Sample First</Link>
        </div>
      </div>
    </div>
  );
}
	import Head from "next/head";
	import Link from "next/link";
	import Image from "next/image";

	export default function Home() {
	return (
	<div>
	<Head>
	<title>Pinnie For Your Thoughts</title>
	<link rel="icon" href="/pinnie.svg" />
	</Head>
	<div style={styles.header}>
	<Link href="login">Login</Link>
	</div>
	<div style={styles.flex}>
	<Image
	width="80px"
	height="80px"
	src="/pinnie.svg"
	alt="Pinnie the pinata"
	/>
	<h1>Pinnie For Your Thoughts</h1>
	<p>Where Web3 meets Web2.</p>
	<div style={styles.flexRow}>
	<form onSubmit={() => console.log("subscribing")}>
	<input style={styles.input} type="email" placeholder="Type your email" />
	<button type="submit" style={styles.btn}>Subscribe</button>
	</form>
	</div>
	<div style={styles.sample}>
	<Link href="sample">Read a Sample First</Link>
	</div>
	</div>
	</div>
	);
	}