Subscription Change Confirmed
++ Your subscription for "{props.workspaceName}"{" "} + has been updated +
+ + + {/* Plan Comparison */} ++ Your Plan Changes +
+ +
- New subscription: {props.newSubscription.product}{" "}
- ({props.newSubscription.billingCycle ?? "Custom billing cycle"})
-
-
- Effective date: {props.newSubscriptionDate}
-
-
-
-
+ Effective Date
+
+
Your current subscription will remain active until the end of your
- billing period, and the new subscription will take effect on{" "}
- {props.newSubscriptionDate}.
-
-
+ Have questions about your subscription change? Our{" "} + + support team + {" "} + is here to help you. +
++ Thank you for being part of our community! 🙏 +
+
+ Best regards,
+ The NanoAPI Team
+
You're Invited!
++ Join "{props.workspaceName}" on NanoAPI +
+ + + {/* Invitation Details */} ++ We're excited to have you as part of our team! To get started, simply + click the button below to accept your invitation and set up your + account. +
+ + Accept Invitation + ++ What you'll get access to: +
+-
+
- + Collaborate on software architecture projects + +
- + Access to shared workspaces and resources + +
- + Use powerful development tools and CLI + +
- + Team documentation and knowledge sharing + +
This invitation link is unique to you and will expire after a period - for security reasons. If you have any questions or need assistance, - please don't hesitate to reach out to your team administrator. -
+ We look forward to collaborating with you! 🚀 +
+
+ Best regards,
+ The NanoAPI Team
+
+ {/* Header */}
+
+
+ 🔐
+
+ One-Time Password
+
+ Use the code below to complete your authentication
+
+
+
+ {/* OTP Code */}
+
- {otp}
-
+
+ Your One-Time Password
+
+
+ {otp}
+
+
-
- This code is valid for a limited time and can only be used once. For
- your security, please do not share this code with anyone.
-
+ {/* Security Notice */}
+
+
+ Security Notice
+
+
+ This code is valid for a limited time and can only be used once. For
+ your security, please do not share this code with anyone.
+
+
-
- If you didn't request this code, please ignore this email or contact our
- support team if you have concerns about your account security.
-
+ {/* Support */}
+
+
+ Didn't request this code? Please ignore this email or contact our{" "}
+
+ support team
+ {" "}
+ if you have concerns about your account security.
+
+
- Best regards - Team Nano
-
+ Stay secure,
+ The NanoAPI Team
+
Upgrade Successful! 🎉
++ Your subscription for "{props.workspaceName}"{" "} + has been upgraded +
+ + + {/* Plan Comparison */} ++ Your Plan Changes +
+ +
- ✅ New subscription: {props.newSubscription.product}{" "}
- ({props.newSubscription.billingCycle ?? "Custom billing cycle"})
-
-
-
-
+ Immediate Access
+
+
This change is effective immediately, and you now have access to all
the features included in your new subscription.
-
-
+ Have questions about your upgraded subscription? Contact our{" "} + + support team + {" "} + - we're here to help! +
++ Thank you for choosing NanoAPI! 🎉 +
+
+ Best regards,
+ The NanoAPI Team
+
-
- {[
- "Explore the dashboard and familiarize yourself with the interface",
- "Set up your profile and preferences",
- "Create your first workspace or join an existing one",
- "Invite team members to collaborate with you",
- ].map((item, index) => (
-
-
-
{item}
+ {/* Header */} +++ + {/* Getting Started */} ++ 🎉 ++Welcome to NanoAPI!
++ Your account has been successfully created and you're ready to start + building amazing software architecture. +
+++ + {/* Call to Action */} +Getting Started
+++-
+
- + Read our documentation to learn the basics - ))} -
- We also recommend checking out our{" "} - - documentation - {" "} - as well as{" "} - - downloading the CLI to get started - . - -- If you have any questions or need assistance getting started, our - support team is here to help. Don't hesitate to reach out! - -- We're excited to see what you'll accomplish with our platform. - --
-- --
-- - -+ Download the CLI for powerful local development:{" "} + - - -Best regards - Team Nano - + github.com/nanoapi-io/napi + + +- + Create your first workspace or join an existing one +
+- + Invite team members to collaborate with you +
+ +++ + {/* Support */} +Ready to get started?
++ Jump into the app or explore our documentation to begin your journey. +
+ +++ + {/* Footer */} ++ Need help? Our support team is here for you! Contact us at{" "} + + support@nanoapi.io + +
++, ); }; diff --git a/packages/core/src/email/templates/base.tsx b/packages/core/src/email/templates/base.tsx index e74e0df..d770623 100644 --- a/packages/core/src/email/templates/base.tsx +++ b/packages/core/src/email/templates/base.tsx @@ -1,169 +1,242 @@ import type { ReactNode } from "react"; -import { - Body, - Column, - Container, - Head, - Heading, - Hr, - Html, - Img, - Link, - Preview, - Row, - Section, - Text, -} from "@react-email/components"; +import type { CSSProperties } from "react"; export const baseTemplate = (previewText: string, children: ReactNode) => { + const socialLinkStyle: CSSProperties = { + display: "inline-block", + padding: "8px", + borderRadius: "6px", + backgroundColor: "#ffffff", + border: "1px solid #e5e7eb", + transition: "all 0.2s ease", + textDecoration: "none", + }; + + const socialIconStyle: CSSProperties = { + display: "block", + width: "24px", + height: "24px", + }; + return ( - -+ We're excited to see what you'll build with NanoAPI! 🚀 +
++ Best regards,
+
+ The NanoAPI Team +
-
+
+
+
+
+
-
+ + NanoAPI +
+- NanoAPI - + Software Architecture for the AI Age +
-- {children} -
-
-
+ 
+
+
+ 
+
+
+ 
- |
-
|
- |
-
|
-
+ Need help? Contact us at{" "}
+
-
-
-
-
-
-
- |
-
+