All files / emails welcome.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
 
 
 
 
 
 
 
 
 
12x
 
12x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/** @jsxImportSource react */
import { Button, Section, Text } from "@react-email/components";
import { EmailLayout, styles } from "./components";
 
type WelcomeEmailProps = {
	userName: string;
	loginUrl?: string;
};
 
export function WelcomeEmail({ userName, loginUrl }: WelcomeEmailProps) {
	const dashboardUrl = loginUrl || "https://portal.interioring.com/login";
 
	return (
		<EmailLayout preview="Welcome to Interioring!">
			<Section style={styles.section}>
				<Text style={styles.paragraph}>Hi {userName},</Text>
				<Text style={styles.paragraph}>
					Welcome to Interioring! Your profile is set up and ready. You can now
					start showcasing your work and connecting with clients.
				</Text>
				<Text style={styles.paragraph}>
					Interioring is India's premier marketplace connecting clients with
					talented interior design professionals. Here's what you can do:
				</Text>
				<Text style={styles.paragraph}>
					<strong>Next Steps to Go Live:</strong>
				</Text>
				<ul style={{ ...styles.paragraph, paddingLeft: "24px" }}>
					<li>
						<strong>Add at least 4 projects with photos</strong> — this is
						required to publish your profile on the marketplace
					</li>
					<li>Complete your business profile with services, city, and contact details</li>
					<li>Once ready, request your account to be published</li>
				</ul>
				<Text style={{ ...styles.paragraph, backgroundColor: "#FEF3C7", padding: "12px 16px", borderRadius: "8px", borderLeft: "4px solid #F59E0B" }}>
					Your profile needs a minimum of <strong>4 projects with images</strong> before it
					can go live on the Interioring marketplace.
				</Text>
				<Section style={{ textAlign: "center", margin: "32px 0" }}>
					<Button href={dashboardUrl} style={styles.button}>
						Go to Dashboard
					</Button>
				</Section>
				<Text style={styles.paragraph}>
					If you have any questions, feel free to reach out to our support team.
					We're here to help you grow your business!
				</Text>
				<Text style={styles.paragraph}>
					Best regards,
					<br />
					The Interioring Team
				</Text>
			</Section>
		</EmailLayout>
	);
}
 
export default WelcomeEmail;