Move next js project to archive (#207)

archive/next-js-web-app/src/emails/ForgotEmail.tsx

@@ -0,0 +1,39 @@
+import { Container, Heading, Text, Button, Section } from '@react-email/components';
+import { Tailwind } from '@react-email/tailwind';
+
+import { FC } from 'react';
+
+interface ResetPasswordEmailProps {
+  name?: string;
+  url?: string;
+}
+
+const ResetPasswordEmail: FC<ResetPasswordEmailProps> = ({ name, url }) => {
+  return (
+    <Tailwind>
+      <Container className="mx-auto">
+        <Section className="flex flex-col items-center justify-center p-4">
+          <Heading className="text-2xl font-bold">Forgot Password</Heading>
+          <Text className="my-4">Hi {name},</Text>
+          <Text className="my-4">
+            We received a request to reset your password. To proceed, please click the
+            button below:
+          </Text>
+          <Button
+            href={url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="rounded bg-blue-500 px-4 py-2 font-bold text-white hover:bg-blue-700"
+          >
+            Reset Password
+          </Button>
+          <Text className="my-4">
+            If you did not request a password reset, please ignore this email.
+          </Text>
+        </Section>
+      </Container>
+    </Tailwind>
+  );
+};
+
+export default ResetPasswordEmail;

archive/next-js-web-app/src/emails/WelcomeEmail.tsx

@@ -0,0 +1,46 @@
+import { Container, Heading, Text, Button, Section } from '@react-email/components';
+import { Tailwind } from '@react-email/tailwind';
+
+import { FC } from 'react';
+
+interface WelcomeEmailProps {
+  subject?: string;
+  name?: string;
+  url?: string;
+}
+
+const WelcomeEmail: FC<WelcomeEmailProps> = ({ name, url }) => (
+  <Tailwind>
+    <Container className="flex h-full w-full flex-col items-center justify-center">
+      <Section>
+        <Heading className="text-2xl font-bold">Welcome to The Biergarten App!</Heading>
+
+        <Text>
+          Hi {name}, welcome to The Biergarten App! We are excited to have you as a member
+          of our community.
+        </Text>
+
+        <Text>
+          The Biergarten App is a social network for beer lovers. Here you can share your
+          favorite beers with the community, and discover new ones. You can also create
+          your own beer list, and share it with your friends.
+        </Text>
+
+        <Text>
+          To get started, please verify your email address by clicking the button below.
+          Once you do so, you will be able to create your profile and start sharing your
+          favorite beers with the community.
+        </Text>
+
+        <Button href={url}>Verify Email</Button>
+
+        <Text className="italic">
+          Please note that this email was automatically generated, and we kindly ask you
+          not to reply to it.
+        </Text>
+      </Section>
+    </Container>
+  </Tailwind>
+);
+
+export default WelcomeEmail;