first commit

2025-11-24 16:30:37 +00:00
commit 843e93a274
114 changed files with 25585 additions and 0 deletions
--- a/emails/components/email-footer.tsx
+++ b/emails/components/email-footer.tsx
@@ -0,0 +1,34 @@
+import { Hr, Link, Section, Text } from '@react-email/components';
+import * as React from 'react';
+
+export const EmailFooter = () => {
+  return (
+    <>
+      <Hr style={hr} />
+      <Section style={footer}>
+        <Text style={footerText}>
+          This email was sent from Location Tracker.
+        </Text>
+        <Text style={footerText}>
+          If you have questions, please contact your administrator.
+        </Text>
+      </Section>
+    </>
+  );
+};
+
+const hr = {
+  borderColor: '#eaeaea',
+  margin: '26px 0',
+};
+
+const footer = {
+  padding: '0 40px',
+};
+
+const footerText = {
+  color: '#6b7280',
+  fontSize: '12px',
+  lineHeight: '1.5',
+  margin: '0 0 8px',
+};
--- a/emails/components/email-header.tsx
+++ b/emails/components/email-header.tsx
@@ -0,0 +1,34 @@
+import { Heading, Section, Text } from '@react-email/components';
+import * as React from 'react';
+
+interface EmailHeaderProps {
+  title: string;
+}
+
+export const EmailHeader = ({ title }: EmailHeaderProps) => {
+  return (
+    <Section style={header}>
+      <Heading style={h1}>{title}</Heading>
+      <Text style={subtitle}>Location Tracker</Text>
+    </Section>
+  );
+};
+
+const header = {
+  padding: '20px 40px',
+  borderBottom: '1px solid #eaeaea',
+};
+
+const h1 = {
+  color: '#1f2937',
+  fontSize: '24px',
+  fontWeight: '600',
+  lineHeight: '1.3',
+  margin: '0 0 8px',
+};
+
+const subtitle = {
+  color: '#6b7280',
+  fontSize: '14px',
+  margin: '0',
+};
--- a/emails/components/email-layout.tsx
+++ b/emails/components/email-layout.tsx
@@ -0,0 +1,40 @@
+import {
+  Body,
+  Container,
+  Head,
+  Html,
+  Preview,
+  Section,
+} from '@react-email/components';
+import * as React from 'react';
+
+interface EmailLayoutProps {
+  preview: string;
+  children: React.ReactNode;
+}
+
+export const EmailLayout = ({ preview, children }: EmailLayoutProps) => {
+  return (
+    <Html>
+      <Head />
+      <Preview>{preview}</Preview>
+      <Body style={main}>
+        <Container style={container}>{children}</Container>
+      </Body>
+    </Html>
+  );
+};
+
+const main = {
+  backgroundColor: '#f6f9fc',
+  fontFamily:
+    '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
+};
+
+const container = {
+  backgroundColor: '#ffffff',
+  margin: '0 auto',
+  padding: '20px 0 48px',
+  marginBottom: '64px',
+  maxWidth: '600px',
+};