Jackie/rentall-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rebrand and updated copyright date

Browse Source
This commit is contained in:
jackiettran
2025-12-22 22:35:57 -05:00
parent 955517347e
commit 07e5a2a320
48 changed files with 3729 additions and 3368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
backend/services/email/core/EmailClient.js
View File

@@ -79,7 +79,7 @@ class EmailClient {
} }
// Use friendly sender name format for better recognition // Use friendly sender name format for better recognition
const fromName = process.env.SES_FROM_NAME || "RentAll"; const fromName = process.env.SES_FROM_NAME || "Village Share";
const fromEmail = process.env.SES_FROM_EMAIL; const fromEmail = process.env.SES_FROM_EMAIL;
const source = `${fromName} <${fromEmail}>`; const source = `${fromName} <${fromEmail}>`;

20
backend/services/email/core/TemplateManager.js
View File

@@ -219,13 +219,13 @@ class TemplateManager {
<body> <body>
<div class="container"> <div class="container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
</div> </div>
<div class="content"> <div class="content">
{{content}} {{content}}
</div> </div>
<div class="footer"> <div class="footer">
<p>This email was sent from RentAll. If you have any questions, please contact support.</p> <p>This email was sent from Village Share. If you have any questions, please contact support.</p>
</div> </div>
</div> </div>
</body> </body>
@@ -252,7 +252,7 @@ class TemplateManager {
<p>{{message}}</p> <p>{{message}}</p>
<p><strong>Item:</strong> {{itemName}}</p> <p><strong>Item:</strong> {{itemName}}</p>
<p><strong>Rental Period:</strong> {{startDate}} to {{endDate}}</p> <p><strong>Rental Period:</strong> {{startDate}} to {{endDate}}</p>
<p>Thank you for using RentAll!</p> <p>Thank you for using Village Share!</p>
` `
), ),
@@ -261,7 +261,7 @@ class TemplateManager {
` `
<p>Hi {{recipientName}},</p> <p>Hi {{recipientName}},</p>
<h2>Verify Your Email Address</h2> <h2>Verify Your Email Address</h2>
<p>Thank you for registering with RentAll! Please verify your email address by clicking the button below.</p> <p>Thank you for registering with Village Share! Please verify your email address by clicking the button below.</p>
<p><a href="{{verificationUrl}}" class="button">Verify Email Address</a></p> <p><a href="{{verificationUrl}}" class="button">Verify Email Address</a></p>
<p>If the button doesn't work, copy and paste this link into your browser: {{verificationUrl}}</p> <p>If the button doesn't work, copy and paste this link into your browser: {{verificationUrl}}</p>
<p><strong>This link will expire in 24 hours.</strong></p> <p><strong>This link will expire in 24 hours.</strong></p>
@@ -273,7 +273,7 @@ class TemplateManager {
` `
<p>Hi {{recipientName}},</p> <p>Hi {{recipientName}},</p>
<h2>Reset Your Password</h2> <h2>Reset Your Password</h2>
<p>We received a request to reset the password for your RentAll account. Click the button below to choose a new password.</p> <p>We received a request to reset the password for your Village Share account. Click the button below to choose a new password.</p>
<p><a href="{{resetUrl}}" class="button">Reset Password</a></p> <p><a href="{{resetUrl}}" class="button">Reset Password</a></p>
<p>If the button doesn't work, copy and paste this link into your browser: {{resetUrl}}</p> <p>If the button doesn't work, copy and paste this link into your browser: {{resetUrl}}</p>
<p><strong>This link will expire in 1 hour.</strong></p> <p><strong>This link will expire in 1 hour.</strong></p>
@@ -286,7 +286,7 @@ class TemplateManager {
` `
<p>Hi {{recipientName}},</p> <p>Hi {{recipientName}},</p>
<h2>Your Password Has Been Changed</h2> <h2>Your Password Has Been Changed</h2>
<p>This is a confirmation that the password for your RentAll account ({{email}}) has been successfully changed.</p> <p>This is a confirmation that the password for your Village Share account ({{email}}) has been successfully changed.</p>
<p><strong>Changed on:</strong> {{timestamp}}</p> <p><strong>Changed on:</strong> {{timestamp}}</p>
<p>For your security, all existing sessions have been logged out.</p> <p>For your security, all existing sessions have been logged out.</p>
<p><strong>Didn't change your password?</strong> If you did not make this change, please contact our support team immediately.</p> <p><strong>Didn't change your password?</strong> If you did not make this change, please contact our support team immediately.</p>
@@ -370,7 +370,7 @@ class TemplateManager {
<p style="font-size: 18px; color: #28a745;"><strong>Your Earnings:</strong> \${{payoutAmount}}</p> <p style="font-size: 18px; color: #28a745;"><strong>Your Earnings:</strong> \${{payoutAmount}}</p>
<p>Funds are typically available in your bank account within 2-3 business days.</p> <p>Funds are typically available in your bank account within 2-3 business days.</p>
<p><a href="{{earningsDashboardUrl}}" class="button">View Earnings Dashboard</a></p> <p><a href="{{earningsDashboardUrl}}" class="button">View Earnings Dashboard</a></p>
<p>Thank you for being a valued member of the RentAll community!</p> <p>Thank you for being a valued member of the Village Share community!</p>
` `
), ),
@@ -389,7 +389,7 @@ class TemplateManager {
<div class="info-box"> <div class="info-box">
<p><strong>What happens next?</strong></p> <p><strong>What happens next?</strong></p>
<p>{{paymentMessage}}</p> <p>{{paymentMessage}}</p>
<p>We encourage you to explore other similar items available for rent on RentAll. There are many great options waiting for you!</p> <p>We encourage you to explore other similar items available for rent on Village Share. There are many great options waiting for you!</p>
</div> </div>
<p style="text-align: center;"><a href="{{browseItemsUrl}}" class="button">Browse Available Items</a></p> <p style="text-align: center;"><a href="{{browseItemsUrl}}" class="button">Browse Available Items</a></p>
<p>If you have any questions or concerns, please don't hesitate to contact our support team.</p> <p>If you have any questions or concerns, please don't hesitate to contact our support team.</p>
@@ -424,7 +424,7 @@ class TemplateManager {
` `
<p>Hi {{renterName}},</p> <p>Hi {{renterName}},</p>
<h2>Thank You for Returning On Time!</h2> <h2>Thank You for Returning On Time!</h2>
<p>You've successfully returned <strong>{{itemName}}</strong> on time. On-time returns like yours help build trust in the RentAll community!</p> <p>You've successfully returned <strong>{{itemName}}</strong> on time. On-time returns like yours help build trust in the Village Share community!</p>
<h3>Rental Summary</h3> <h3>Rental Summary</h3>
<p><strong>Item:</strong> {{itemName}}</p> <p><strong>Item:</strong> {{itemName}}</p>
<p><strong>Rental Period:</strong> {{startDate}} to {{endDate}}</p> <p><strong>Rental Period:</strong> {{startDate}} to {{endDate}}</p>
@@ -460,7 +460,7 @@ class TemplateManager {
{{feedbackText}} {{feedbackText}}
</div> </div>
<p><strong>Submitted:</strong> {{submittedAt}}</p> <p><strong>Submitted:</strong> {{submittedAt}}</p>
<p>Your input helps us improve RentAll for everyone. We take all feedback seriously and use it to make the platform better.</p> <p>Your input helps us improve Village Share for everyone. We take all feedback seriously and use it to make the platform better.</p>
<p>If your feedback requires a response, our team will reach out to you directly.</p> <p>If your feedback requires a response, our team will reach out to you directly.</p>
` `
), ),

2
backend/services/email/domain/AlphaInvitationEmailService.js
View File

@@ -58,7 +58,7 @@ class AlphaInvitationEmailService {
return await this.emailClient.sendEmail( return await this.emailClient.sendEmail(
email, email,
"Your Alpha Access Code - RentAll", "Your Alpha Access Code - Village Share",
htmlContent htmlContent
); );
} catch (error) { } catch (error) {

8
backend/services/email/domain/AuthEmailService.js
View File

@@ -60,7 +60,7 @@ class AuthEmailService {
return await this.emailClient.sendEmail( return await this.emailClient.sendEmail(
user.email, user.email,
"Verify Your Email - RentAll", "Verify Your Email - Village Share",
htmlContent htmlContent
); );
} }
@@ -93,7 +93,7 @@ class AuthEmailService {
return await this.emailClient.sendEmail( return await this.emailClient.sendEmail(
user.email, user.email,
"Reset Your Password - RentAll", "Reset Your Password - Village Share",
htmlContent htmlContent
); );
} }
@@ -128,7 +128,7 @@ class AuthEmailService {
return await this.emailClient.sendEmail( return await this.emailClient.sendEmail(
user.email, user.email,
"Password Changed Successfully - RentAll", "Password Changed Successfully - Village Share",
htmlContent htmlContent
); );
} }
@@ -163,7 +163,7 @@ class AuthEmailService {
return await this.emailClient.sendEmail( return await this.emailClient.sendEmail(
user.email, user.email,
"Personal Information Updated - RentAll", "Personal Information Updated - Village Share",
htmlContent htmlContent
); );
} }

2
backend/services/email/domain/FeedbackEmailService.js
View File

@@ -65,7 +65,7 @@ class FeedbackEmailService {
return await this.emailClient.sendEmail( return await this.emailClient.sendEmail(
user.email, user.email,
"Thank You for Your Feedback - RentAll", "Thank You for Your Feedback - Village Share",
htmlContent htmlContent
); );
} }

4
backend/services/email/domain/RentalFlowEmailService.js
View File

@@ -941,7 +941,7 @@ class RentalFlowEmailService {
<h2>Share Your Experience</h2> <h2>Share Your Experience</h2>
<div class="info-box"> <div class="info-box">
<p><strong>Help the community by leaving a review!</strong></p> <p><strong>Help the community by leaving a review!</strong></p>
<p>Your feedback helps other renters make informed decisions and supports quality listings on RentAll.</p> <p>Your feedback helps other renters make informed decisions and supports quality listings on Village Share.</p>
<ul> <ul>
<li>How was the item's condition?</li> <li>How was the item's condition?</li>
<li>Was the owner responsive and helpful?</li> <li>Was the owner responsive and helpful?</li>
@@ -956,7 +956,7 @@ class RentalFlowEmailService {
reviewSection = ` reviewSection = `
<div class="success-box"> <div class="success-box">
<p><strong>✓ Thank You for Your Review!</strong></p> <p><strong>✓ Thank You for Your Review!</strong></p>
<p>Your feedback has been submitted and helps strengthen the RentAll community.</p> <p>Your feedback has been submitted and helps strengthen the Village Share community.</p>
</div> </div>
`; `;
} }

2
backend/services/email/domain/RentalReminderEmailService.js
View File

@@ -64,7 +64,7 @@ class RentalReminderEmailService {
return await this.emailClient.sendEmail( return await this.emailClient.sendEmail(
userEmail, userEmail,
`RentAll: ${notification.title}`, `Village Share: ${notification.title}`,
htmlContent htmlContent
); );
} catch (error) { } catch (error) {

2
backend/services/email/domain/UserEngagementEmailService.js
View File

@@ -60,7 +60,7 @@ class UserEngagementEmailService {
variables variables
); );
const subject = `Congratulations! Your first item is live on RentAll`; const subject = `Congratulations! Your first item is live on Village Share`;
return await this.emailClient.sendEmail( return await this.emailClient.sendEmail(
owner.email, owner.email,

16
backend/templates/emails/alphaInvitationToUser.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Your Alpha Access Code - RentAll</title> <title>Your Alpha Access Code - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body, table, td, p, a, li, blockquote {
@@ -220,14 +220,14 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Alpha Access Invitation</div> <div class="tagline">Alpha Access Invitation</div>
</div> </div>
<div class="content"> <div class="content">
<h1>Welcome to Alpha Testing!</h1> <h1>Welcome to Alpha Testing!</h1>
<p>Congratulations! You've been selected to participate in the exclusive alpha testing program for RentAll, the community-powered rental marketplace.</p> <p>Congratulations! You've been selected to participate in the exclusive alpha testing program for Village Share, the community-powered rental marketplace.</p>
<p>Your unique alpha access code is: <strong style="font-family: monospace;">{{code}}</strong></p> <p>Your unique alpha access code is: <strong style="font-family: monospace;">{{code}}</strong></p>
@@ -244,7 +244,7 @@
</div> </div>
<div style="text-align: center;"> <div style="text-align: center;">
<a href="{{frontendUrl}}" class="button">Access RentAll Alpha</a> <a href="{{frontendUrl}}" class="button">Access Village Share Alpha</a>
</div> </div>
<p><strong>What to expect as an alpha tester:</strong></p> <p><strong>What to expect as an alpha tester:</strong></p>
@@ -266,7 +266,7 @@
<li>We value your feedback - let us know what you think!</li> <li>We value your feedback - let us know what you think!</li>
</ul> </ul>
<p>We're excited to have you as part of our alpha testing community. Your feedback will be invaluable in making RentAll the best it can be.</p> <p>We're excited to have you as part of our alpha testing community. Your feedback will be invaluable in making Village Share the best it can be.</p>
<p>If you have any questions or encounter any issues, please don't hesitate to reach out to us.</p> <p>If you have any questions or encounter any issues, please don't hesitate to reach out to us.</p>
@@ -274,9 +274,9 @@
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll Alpha Testing Program</strong></p> <p><strong>Village Share Alpha Testing Program</strong></p>
<p>Need help? Contact us at <a href="mailto:support@rentall.app">support@rentall.app</a></p> <p>Need help? Contact us at <a href="mailto:support@villageshare.app">support@villageshare.app</a></p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

456
backend/templates/emails/conditionCheckReminderToUser.html
View File

@@ -1,241 +1,269 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>{{title}}</title> <title>{{title}}</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header */
.header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #e9ecef;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Info box */
.info-box {
background-color: #e3f2fd;
border-left: 4px solid #2196f3;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #1565c0;
}
.info-box .icon {
font-size: 24px;
margin-bottom: 10px;
}
/* Alert box */
.alert-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.alert-box p {
margin: 0;
color: #856404;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header */ .header,
.header { .content,
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #e9ecef;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 24px; font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button { .button {
display: inline-block; display: block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); width: 100%;
color: #ffffff !important; box-sizing: border-box;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Info box */
.info-box {
background-color: #e3f2fd;
border-left: 4px solid #2196f3;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #1565c0;
}
.info-box .icon {
font-size: 24px;
margin-bottom: 10px;
}
/* Alert box */
.alert-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.alert-box p {
margin: 0;
color: #856404;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 22px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Your trusted rental marketplace</div> <div class="tagline">Your trusted rental marketplace</div>
</div>
<div class="content">
<h1>📸 {{title}}</h1>
<p>{{message}}</p>
<div class="info-box">
<div class="icon">📦</div>
<p><strong>Rental Item:</strong> {{itemName}}</p>
<p><strong>Deadline:</strong> {{deadline}}</p>
</div> </div>
<div class="content"> <p>
<h1>📸 {{title}}</h1> Taking condition photos helps protect both renters and owners by
providing clear documentation of the item's state. This is an
important step in the rental process.
</p>
<p>{{message}}</p> <div class="alert-box">
<p>
<div class="info-box"> <strong>Important:</strong> Please complete this condition check as
<div class="icon">📦</div> soon as possible. Missing this deadline may affect dispute
<p><strong>Rental Item:</strong> {{itemName}}</p> resolution if issues arise.
<p><strong>Deadline:</strong> {{deadline}}</p> </p>
</div>
<p>Taking condition photos helps protect both renters and owners by providing clear documentation of the item's state. This is an important step in the rental process.</p>
<div class="alert-box">
<p><strong>Important:</strong> Please complete this condition check as soon as possible. Missing this deadline may affect dispute resolution if issues arise.</p>
</div>
<a href="#" class="button">Complete Condition Check</a>
<h2>What to photograph:</h2>
<ul>
<li>Overall view of the item</li>
<li>Any existing damage or wear</li>
<li>Serial numbers or identifying marks</li>
<li>Accessories or additional components</li>
</ul>
<p>If you have any questions about the condition check process, please don't hesitate to contact our support team.</p>
</div> </div>
<div class="footer"> <a href="#" class="button">Complete Condition Check</a>
<p>&copy; 2024 RentAll. All rights reserved.</p>
<p>You received this email because you have an active rental on RentAll.</p> <h2>What to photograph:</h2>
<p>If you have any questions, please <a href="mailto:support@rentall.com">contact our support team</a>.</p> <ul>
</div> <li>Overall view of the item</li>
<li>Any existing damage or wear</li>
<li>Serial numbers or identifying marks</li>
<li>Accessories or additional components</li>
</ul>
<p>
If you have any questions about the condition check process, please
don't hesitate to contact our support team.
</p>
</div>
<div class="footer">
<p>&copy; 2025 Village Share. All rights reserved.</p>
<p>
You received this email because you have an active rental on Village
Share.
</p>
<p>
If you have any questions, please
<a href="mailto:support@villageshare.app">contact our support team</a
>.
</p>
</div>
</div> </div>
</body> </body>
</html> </html>

487
backend/templates/emails/emailVerificationToUser.html
View File

@@ -1,249 +1,292 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Verify Your Email - RentAll</title> <title>Verify Your Email - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header */
.header {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
font-size: 14px;
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 15px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0;
color: #856404;
font-size: 14px;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header */ .header,
.header { .content,
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 24px; font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button { .button {
display: inline-block; display: block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); width: 100%;
color: #ffffff !important; box-sizing: border-box;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
font-size: 14px;
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 15px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0;
color: #856404;
font-size: 14px;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 22px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Email Verification</div> <div class="tagline">Email Verification</div>
</div>
<div class="content">
<p>Hi {{recipientName}},</p>
<h1>Verify Your Email Address</h1>
<p>
Thank you for registering with Village Share! Use the verification
code below to complete your account setup.
</p>
<!-- Verification Code Display -->
<div style="text-align: center; margin: 30px 0">
<p style="margin-bottom: 10px; color: #6c757d; font-size: 14px">
Your verification code is:
</p>
<div
style="
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 12px;
padding: 20px 40px;
display: inline-block;
border: 2px dashed #28a745;
"
>
<span
style="
font-size: 36px;
font-weight: 700;
letter-spacing: 8px;
color: #28a745;
font-family: 'Courier New', monospace;
"
>{{verificationCode}}</span
>
</div>
<p style="margin-top: 10px; font-size: 14px; color: #6c757d">
Enter this code in the app to verify your email
</p>
</div> </div>
<div class="content"> <div style="text-align: center; margin: 20px 0">
<p>Hi {{recipientName}},</p> <p style="color: #6c757d; margin-bottom: 10px; font-size: 14px">
Or click the button below:
<h1>Verify Your Email Address</h1> </p>
<a href="{{verificationUrl}}" class="button">Verify Email Address</a>
<p>Thank you for registering with RentAll! Use the verification code below to complete your account setup.</p>
<!-- Verification Code Display -->
<div style="text-align: center; margin: 30px 0;">
<p style="margin-bottom: 10px; color: #6c757d; font-size: 14px;">Your verification code is:</p>
<div style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 12px;
padding: 20px 40px;
display: inline-block;
border: 2px dashed #28a745;">
<span style="font-size: 36px;
font-weight: 700;
letter-spacing: 8px;
color: #28a745;
font-family: 'Courier New', monospace;">{{verificationCode}}</span>
</div>
<p style="margin-top: 10px; font-size: 14px; color: #6c757d;">
Enter this code in the app to verify your email
</p>
</div>
<div style="text-align: center; margin: 20px 0;">
<p style="color: #6c757d; margin-bottom: 10px; font-size: 14px;">Or click the button below:</p>
<a href="{{verificationUrl}}" class="button">Verify Email Address</a>
</div>
<div class="info-box">
<p><strong>Why verify?</strong> Email verification helps us ensure account security and allows you to create listings, make rentals, and process payments.</p>
</div>
<p>If the button doesn't work, you can copy and paste this link into your browser:</p>
<p style="word-break: break-all; color: #667eea;">{{verificationUrl}}</p>
<div class="warning-box">
<p><strong>This code will expire in 24 hours.</strong> If you need a new verification code, you can request one from your account settings.</p>
</div>
<p><strong>Didn't create an account?</strong> If you didn't register for a RentAll account, you can safely ignore this email.</p>
<p>Welcome to the RentAll community!</p>
</div> </div>
<div class="footer"> <div class="info-box">
<p><strong>RentAll</strong></p> <p>
<p>This is a transactional email to verify your account. You received this message because an account was created with this email address.</p> <strong>Why verify?</strong> Email verification helps us ensure
<p>If you have any questions, please contact our support team.</p> account security and allows you to create listings, make rentals,
<p>&copy; 2024 RentAll. All rights reserved.</p> and process payments.
</p>
</div> </div>
<p>
If the button doesn't work, you can copy and paste this link into your
browser:
</p>
<p style="word-break: break-all; color: #667eea">{{verificationUrl}}</p>
<div class="warning-box">
<p>
<strong>This code will expire in 24 hours.</strong> If you need a
new verification code, you can request one from your account
settings.
</p>
</div>
<p>
<strong>Didn't create an account?</strong> If you didn't register for
a Village Share account, you can safely ignore this email.
</p>
<p>Welcome to the Village Share community!</p>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>
This is a transactional email to verify your account. You received
this message because an account was created with this email address.
</p>
<p>If you have any questions, please contact our support team.</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

10
backend/templates/emails/feedbackConfirmationToUser.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Feedback Received - RentAll</title> <title>Feedback Received - Village Share</title>
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
@@ -84,7 +84,7 @@
<body> <body>
<div class="container"> <div class="container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
</div> </div>
<div class="content"> <div class="content">
<p>Hi {{userName}},</p> <p>Hi {{userName}},</p>
@@ -102,15 +102,15 @@
<p><strong>Submitted:</strong> {{submittedAt}}</p> <p><strong>Submitted:</strong> {{submittedAt}}</p>
<p>Your input helps us improve RentAll for everyone. We take all feedback seriously and use it to make the platform better.</p> <p>Your input helps us improve Village Share for everyone. We take all feedback seriously and use it to make the platform better.</p>
<p>If your feedback requires a response, our team will reach out to you directly at <strong>{{userEmail}}</strong>.</p> <p>If your feedback requires a response, our team will reach out to you directly at <strong>{{userEmail}}</strong>.</p>
<p>Want to share more thoughts? Feel free to send us additional feedback anytime through the app.</p> <p>Want to share more thoughts? Feel free to send us additional feedback anytime through the app.</p>
</div> </div>
<div class="footer"> <div class="footer">
<p>This email was sent from RentAll. If you have any questions, please contact support.</p> <p>This email was sent from Village Share. If you have any questions, please contact support.</p>
<p>&copy; {{year}} RentAll. All rights reserved.</p> <p>&copy; {{year}} Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

8
backend/templates/emails/feedbackNotificationToAdmin.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>New Feedback Received - RentAll</title> <title>New Feedback Received - Village Share</title>
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
@@ -99,7 +99,7 @@
<body> <body>
<div class="container"> <div class="container">
<div class="header"> <div class="header">
<div class="logo">RentAll Admin</div> <div class="logo">Village Share Admin</div>
</div> </div>
<div class="content"> <div class="content">
<div class="alert-box"> <div class="alert-box">
@@ -151,8 +151,8 @@
<p><strong>Action Required:</strong> Please review this feedback and take appropriate action. If a response is needed, contact the user directly at <strong>{{userEmail}}</strong>.</p> <p><strong>Action Required:</strong> Please review this feedback and take appropriate action. If a response is needed, contact the user directly at <strong>{{userEmail}}</strong>.</p>
</div> </div>
<div class="footer"> <div class="footer">
<p>This is an automated notification from RentAll Feedback System</p> <p>This is an automated notification from Village Share Feedback System</p>
<p>&copy; {{year}} RentAll. All rights reserved.</p> <p>&copy; {{year}} Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

601
backend/templates/emails/firstListingCelebrationToOwner.html
View File

@@ -1,314 +1,355 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Your First Listing is Live!</title> <title>Your First Listing is Live!</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header - Celebration purple gradient */
.header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #e9ecef;
font-size: 16px;
margin-top: 8px;
font-weight: 600;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 28px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 22px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Celebration box */
.celebration-box {
background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.celebration-box p {
margin: 0 0 8px 0;
color: #495057;
}
.celebration-box p:last-child {
margin-bottom: 0;
}
.celebration-icon {
font-size: 32px;
margin-bottom: 10px;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Success box */
.success-box {
background-color: #d4edda;
border-left: 4px solid #28a745;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.success-box p {
margin: 0;
color: #155724;
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0 0 10px 0;
color: #004085;
}
.info-box p:last-child {
margin-bottom: 0;
}
.info-box ul {
margin: 10px 0;
padding-left: 20px;
color: #004085;
}
.info-box li {
margin-bottom: 5px;
}
/* Item highlight */
.item-highlight {
background-color: #f8f9fa;
border-radius: 6px;
padding: 20px;
margin: 20px 0;
text-align: center;
}
.item-highlight .item-name {
font-size: 20px;
font-weight: 600;
color: #667eea;
margin-bottom: 10px;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header - Celebration purple gradient */ .header,
.header { .content,
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #e9ecef;
font-size: 16px;
margin-top: 8px;
font-weight: 600;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 28px; font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 { .content h2 {
font-size: 22px; font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
} }
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Celebration box */
.celebration-box {
background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.celebration-box p {
margin: 0 0 8px 0;
color: #495057;
}
.celebration-box p:last-child {
margin-bottom: 0;
}
.celebration-icon {
font-size: 32px;
margin-bottom: 10px;
}
/* Button */
.button { .button {
display: inline-block; display: block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); width: 100%;
color: #ffffff !important; box-sizing: border-box;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Success box */
.success-box {
background-color: #d4edda;
border-left: 4px solid #28a745;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.success-box p {
margin: 0;
color: #155724;
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0 0 10px 0;
color: #004085;
}
.info-box p:last-child {
margin-bottom: 0;
}
.info-box ul {
margin: 10px 0;
padding-left: 20px;
color: #004085;
}
.info-box li {
margin-bottom: 5px;
}
/* Item highlight */
.item-highlight {
background-color: #f8f9fa;
border-radius: 6px;
padding: 20px;
margin: 20px 0;
text-align: center;
} }
.item-highlight .item-name { .item-highlight .item-name {
font-size: 20px; font-size: 18px;
font-weight: 600;
color: #667eea;
margin-bottom: 10px;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 24px;
}
.content h2 {
font-size: 20px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.item-highlight .item-name {
font-size: 18px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">🎉 Your First Listing is Live!</div> <div class="tagline">🎉 Your First Listing is Live!</div>
</div>
<div class="content">
<p>Hi {{ownerName}},</p>
<h1>Congratulations! You're Now a Village Share Host!</h1>
<p>
Your first item is officially live and ready to be rented. This is an
exciting milestone!
</p>
<div class="item-highlight">
<div class="celebration-icon">🎊</div>
<div class="item-name">{{itemName}}</div>
<p style="color: #6c757d; margin-top: 10px">
<a href="{{viewItemUrl}}" class="button">View Your Listing</a>
</p>
</div> </div>
<div class="content"> <div class="celebration-box">
<p>Hi {{ownerName}},</p> <p><strong>What happens next?</strong></p>
<ul style="margin: 10px 0; padding-left: 20px">
<h1>Congratulations! You're Now a RentAll Host!</h1> <li>Your listing is now searchable by renters</li>
<li>You'll receive email notifications for rental requests</li>
<p>Your first item is officially live and ready to be rented. This is an exciting milestone!</p> <li>
You can approve or decline requests based on your availability
<div class="item-highlight"> </li>
<div class="celebration-icon">🎊</div> <li>Payments are processed securely through Stripe</li>
<div class="item-name">{{itemName}}</div> </ul>
<p style="color: #6c757d; margin-top: 10px;">
<a href="{{viewItemUrl}}" class="button">View Your Listing</a>
</p>
</div>
<div class="celebration-box">
<p><strong>What happens next?</strong></p>
<ul style="margin: 10px 0; padding-left: 20px;">
<li>Your listing is now searchable by renters</li>
<li>You'll receive email notifications for rental requests</li>
<li>You can approve or decline requests based on your availability</li>
<li>Payments are processed securely through Stripe</li>
</ul>
</div>
<h2>Tips for Success</h2>
<ul>
<li><strong>Respond quickly:</strong> Fast responses lead to more bookings</li>
<li><strong>Keep photos updated:</strong> Great photos attract more renters</li>
<li><strong>Be clear about condition:</strong> Take photos at pickup and return</li>
<li><strong>Communicate well:</strong> Clear communication = happy renters</li>
<li><strong>Maintain availability:</strong> Keep your calendar up to date</li>
</ul>
<div class="success-box">
<p><strong>🌟 Pro Tip:</strong> Hosts who respond within 1 hour get 3x more bookings!</p>
</div>
<p>We're excited to have you as part of the RentAll community. If you have any questions, our support team is here to help.</p>
<p><strong>Happy hosting!</strong><br>
The RentAll Team</p>
</div> </div>
<div class="footer"> <h2>Tips for Success</h2>
<p><strong>RentAll</strong></p> <ul>
<p>Building a community of sharing and trust</p> <li>
<p>This email was sent because you created your first listing on RentAll.</p> <strong>Respond quickly:</strong> Fast responses lead to more
<p>If you have any questions, please contact our support team.</p> bookings
<p>&copy; 2024 RentAll. All rights reserved.</p> </li>
<li>
<strong>Keep photos updated:</strong> Great photos attract more
renters
</li>
<li>
<strong>Be clear about condition:</strong> Take photos at pickup and
return
</li>
<li>
<strong>Communicate well:</strong> Clear communication = happy
renters
</li>
<li>
<strong>Maintain availability:</strong> Keep your calendar up to
date
</li>
</ul>
<div class="success-box">
<p>
<strong>🌟 Pro Tip:</strong> Hosts who respond within 1 hour get 3x
more bookings!
</p>
</div> </div>
<p>
We're excited to have you as part of the Village Share community. If
you have any questions, our support team is here to help.
</p>
<p>
<strong>Happy hosting!</strong><br />
The Village Share Team
</p>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>Building a community of sharing and trust</p>
<p>
This email was sent because you created your first listing on Village
Share.
</p>
<p>If you have any questions, please contact our support team.</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

568
backend/templates/emails/forumAnswerAcceptedToCommentAuthor.html
View File

@@ -1,312 +1,332 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Your Comment Was Marked as the Answer</title> <title>Your Comment Was Marked as the Answer</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header */
.header {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Success box */
.success-box {
background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
border-left: 4px solid #28a745;
padding: 25px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
text-align: center;
}
.success-box .icon {
font-size: 48px;
margin-bottom: 10px;
}
.success-box h2 {
font-size: 20px;
font-weight: 600;
color: #155724;
margin: 0 0 10px 0;
}
.success-box p {
margin: 0;
color: #155724;
font-size: 15px;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #28a745;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Comment box */
.comment-box {
background-color: #f8f9fa;
border: 2px solid #28a745;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
position: relative;
}
.comment-box .badge {
position: absolute;
top: -12px;
right: 20px;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: #ffffff;
padding: 6px 12px;
border-radius: 12px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.comment-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
/* Info box */
.info-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #856404;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header */ .header,
.header { .content,
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 24px; font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button { .button {
display: inline-block; display: block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); width: 100%;
color: #ffffff !important; box-sizing: border-box;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
} }
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Success box */
.success-box { .success-box {
background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%); padding: 20px;
border-left: 4px solid #28a745;
padding: 25px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
text-align: center;
} }
.success-box .icon { .success-box .icon {
font-size: 48px; font-size: 36px;
margin-bottom: 10px;
} }
.success-box h2 {
font-size: 20px;
font-weight: 600;
color: #155724;
margin: 0 0 10px 0;
}
.success-box p {
margin: 0;
color: #155724;
font-size: 15px;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #28a745;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Comment box */
.comment-box { .comment-box {
background-color: #f8f9fa; padding: 15px;
border: 2px solid #28a745;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
position: relative;
}
.comment-box .badge {
position: absolute;
top: -12px;
right: 20px;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: #ffffff;
padding: 6px 12px;
border-radius: 12px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.comment-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
/* Info box */
.info-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #856404;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 22px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.success-box {
padding: 20px;
}
.success-box .icon {
font-size: 36px;
}
.comment-box {
padding: 15px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Forum Recognition</div> <div class="tagline">Forum Recognition</div>
</div>
<div class="content">
<p>Hi {{commentAuthorName}},</p>
<h1>Your comment was marked as the accepted answer!</h1>
<div class="success-box">
<div class="icon">✓</div>
<h2>Great job helping the community!</h2>
<p>{{postAuthorName}} marked your comment as the accepted answer</p>
</div> </div>
<div class="content"> <p>Your helpful comment successfully answered this question:</p>
<p>Hi {{commentAuthorName}},</p>
<h1>Your comment was marked as the accepted answer!</h1> <div class="post-title-box">
<div class="title">{{postTitle}}</div>
<div class="success-box">
<div class="icon">✓</div>
<h2>Great job helping the community!</h2>
<p>{{postAuthorName}} marked your comment as the accepted answer</p>
</div>
<p>Your helpful comment successfully answered this question:</p>
<div class="post-title-box">
<div class="title">{{postTitle}}</div>
</div>
<div class="comment-box">
<div class="badge">Accepted Answer</div>
<div class="content-text">{{commentContent}}</div>
</div>
<a href="{{postUrl}}" class="button">View Post</a>
<p>Thank you for contributing your knowledge and helping others in the RentAll community!</p>
<div class="info-box">
<p><strong>Keep it up!</strong> Your contributions make RentAll a better place for everyone. Continue sharing your expertise and helping fellow community members.</p>
</div>
</div> </div>
<div class="footer"> <div class="comment-box">
<p><strong>RentAll</strong></p> <div class="badge">Accepted Answer</div>
<p>You received this email because your forum comment was marked as the accepted answer.</p> <div class="content-text">{{commentContent}}</div>
<p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p>
</div> </div>
<a href="{{postUrl}}" class="button">View Post</a>
<p>
Thank you for contributing your knowledge and helping others in the
Village Share community!
</p>
<div class="info-box">
<p>
<strong>Keep it up!</strong> Your contributions make Village Share a
better place for everyone. Continue sharing your expertise and
helping fellow community members.
</p>
</div>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>
You received this email because your forum comment was marked as the
accepted answer.
</p>
<p>If you have any questions, please contact our support team.</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

598
backend/templates/emails/forumCommentDeletionToAuthor.html
View File

@@ -1,314 +1,350 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Your Forum Comment Has Been Removed</title> <title>Your Forum Comment Has Been Removed</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header - Warning red gradient */
.header {
background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #f8d7da;
font-size: 16px;
margin-top: 8px;
font-weight: 600;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 28px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 22px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0 0 10px 0;
color: #856404;
}
.warning-box p:last-child {
margin-bottom: 0;
}
/* Alert box */
.alert-box {
background-color: #f8d7da;
border-left: 4px solid #dc3545;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.alert-box p {
margin: 0 0 10px 0;
color: #721c24;
}
.alert-box p:last-child {
margin-bottom: 0;
}
/* Post highlight */
.post-highlight {
background-color: #f8f9fa;
border-radius: 6px;
padding: 20px;
margin: 20px 0;
}
.post-highlight .post-title {
font-size: 18px;
font-weight: 600;
color: #495057;
margin-bottom: 5px;
}
.post-highlight .post-link {
font-size: 14px;
color: #667eea;
text-decoration: none;
}
.post-highlight .post-link:hover {
text-decoration: underline;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0 0 10px 0;
color: #004085;
}
.info-box p:last-child {
margin-bottom: 0;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header - Warning red gradient */ .header,
.header { .content,
background: linear-gradient(135deg, #dc3545 0%, #c82333 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #f8d7da;
font-size: 16px;
margin-top: 8px;
font-weight: 600;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 28px; font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 { .content h2 {
font-size: 22px; font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
} }
.content p { .button {
margin: 0 0 16px 0; display: block;
color: #6c757d; width: 100%;
line-height: 1.6; box-sizing: border-box;
}
.content strong {
color: #495057;
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0 0 10px 0;
color: #856404;
}
.warning-box p:last-child {
margin-bottom: 0;
}
/* Alert box */
.alert-box {
background-color: #f8d7da;
border-left: 4px solid #dc3545;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.alert-box p {
margin: 0 0 10px 0;
color: #721c24;
}
.alert-box p:last-child {
margin-bottom: 0;
}
/* Post highlight */
.post-highlight {
background-color: #f8f9fa;
border-radius: 6px;
padding: 20px;
margin: 20px 0;
} }
.post-highlight .post-title { .post-highlight .post-title {
font-size: 18px; font-size: 16px;
font-weight: 600;
color: #495057;
margin-bottom: 5px;
}
.post-highlight .post-link {
font-size: 14px;
color: #667eea;
text-decoration: none;
}
.post-highlight .post-link:hover {
text-decoration: underline;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0 0 10px 0;
color: #004085;
}
.info-box p:last-child {
margin-bottom: 0;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 24px;
}
.content h2 {
font-size: 20px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.post-highlight .post-title {
font-size: 16px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">⚠️ Important: Comment Removal Notice</div> <div class="tagline">⚠️ Important: Comment Removal Notice</div>
</div>
<div class="content">
<p>Hi {{commentAuthorName}},</p>
<h1>Your Comment Has Been Removed</h1>
<p>
We're writing to inform you that your comment has been removed from a
forum discussion by {{adminName}}.
</p>
<div class="post-highlight">
<p style="margin: 0 0 10px 0; color: #6c757d; font-size: 14px">
Comment on:
</p>
<div class="post-title">{{postTitle}}</div>
<a href="{{postUrl}}" class="post-link">View Discussion →</a>
</div> </div>
<div class="content"> <div class="alert-box">
<p>Hi {{commentAuthorName}},</p> <p><strong>Reason for Removal:</strong></p>
<p>{{deletionReason}}</p>
<h1>Your Comment Has Been Removed</h1>
<p>We're writing to inform you that your comment has been removed from a forum discussion by {{adminName}}.</p>
<div class="post-highlight">
<p style="margin: 0 0 10px 0; color: #6c757d; font-size: 14px;">Comment on:</p>
<div class="post-title">{{postTitle}}</div>
<a href="{{postUrl}}" class="post-link">View Discussion →</a>
</div>
<div class="alert-box">
<p><strong>Reason for Removal:</strong></p>
<p>{{deletionReason}}</p>
</div>
<div class="info-box">
<p><strong>What this means:</strong></p>
<ul style="margin: 10px 0; padding-left: 20px; color: #004085;">
<li>Your comment is no longer visible to other community members</li>
<li>The comment content has been preserved in case of appeal</li>
<li>The discussion thread remains active for other participants</li>
<li>You can still participate in other forum discussions</li>
</ul>
</div>
<h2>Need Help or Have Questions?</h2>
<p>If you believe this removal was made in error or if you have questions about our community guidelines, please don't hesitate to contact our support team:</p>
<p style="text-align: center;">
<a href="mailto:{{supportEmail}}" class="button">Contact Support</a>
</p>
<div class="warning-box">
<p><strong>Review Our Community Guidelines:</strong></p>
<p>To ensure a positive experience for all members, please review our community guidelines. We appreciate respectful, constructive contributions that help build a supportive community.</p>
</div>
<p>Thank you for your understanding, and we look forward to your continued participation in our community.</p>
<p><strong>Best regards,</strong><br>
The RentAll Team</p>
</div> </div>
<div class="footer"> <div class="info-box">
<p><strong>RentAll</strong></p> <p><strong>What this means:</strong></p>
<p>Building a community of sharing and trust</p> <ul style="margin: 10px 0; padding-left: 20px; color: #004085">
<p>This email was sent because your comment was removed by our moderation team.</p> <li>
<p>If you have questions, please contact <a href="mailto:{{supportEmail}}">{{supportEmail}}</a></p> Your comment is no longer visible to other community members
<p>&copy; 2024 RentAll. All rights reserved.</p> </li>
<li>The comment content has been preserved in case of appeal</li>
<li>The discussion thread remains active for other participants</li>
<li>You can still participate in other forum discussions</li>
</ul>
</div> </div>
<h2>Need Help or Have Questions?</h2>
<p>
If you believe this removal was made in error or if you have questions
about our community guidelines, please don't hesitate to contact our
support team:
</p>
<p style="text-align: center">
<a href="mailto:{{supportEmail}}" class="button">Contact Support</a>
</p>
<div class="warning-box">
<p><strong>Review Our Community Guidelines:</strong></p>
<p>
To ensure a positive experience for all members, please review our
community guidelines. We appreciate respectful, constructive
contributions that help build a supportive community.
</p>
</div>
<p>
Thank you for your understanding, and we look forward to your
continued participation in our community.
</p>
<p>
<strong>Best regards,</strong><br />
The Village Share Team
</p>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>Building a community of sharing and trust</p>
<p>
This email was sent because your comment was removed by our moderation
team.
</p>
<p>
If you have questions, please contact
<a href="mailto:{{supportEmail}}">{{supportEmail}}</a>
</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

498
backend/templates/emails/forumCommentToPostAuthor.html
View File

@@ -1,271 +1,289 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>New Comment on Your Post</title> <title>New Comment on Your Post</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header */
.header {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #28a745;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Comment box */
.comment-box {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
}
.comment-box .author {
font-size: 14px;
font-weight: 600;
color: #495057;
margin: 0 0 10px 0;
}
.comment-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.comment-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header */ .header,
.header { .content,
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 24px; font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button { .button {
display: inline-block; display: block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); width: 100%;
color: #ffffff !important; box-sizing: border-box;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
} }
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #28a745;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Comment box */
.comment-box { .comment-box {
background-color: #f8f9fa; padding: 15px;
border: 1px solid #dee2e6;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
}
.comment-box .author {
font-size: 14px;
font-weight: 600;
color: #495057;
margin: 0 0 10px 0;
}
.comment-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.comment-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 22px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.comment-box {
padding: 15px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Forum Activity</div> <div class="tagline">Forum Activity</div>
</div>
<div class="content">
<p>Hi {{postAuthorName}},</p>
<h1>{{commenterName}} commented on your post</h1>
<p>Someone just commented on your forum post:</p>
<div class="post-title-box">
<div class="title">{{postTitle}}</div>
</div> </div>
<div class="content"> <div class="comment-box">
<p>Hi {{postAuthorName}},</p> <div class="author">{{commenterName}}</div>
<div class="content-text">{{commentContent}}</div>
<h1>{{commenterName}} commented on your post</h1> <div class="timestamp">Posted {{timestamp}}</div>
<p>Someone just commented on your forum post:</p>
<div class="post-title-box">
<div class="title">{{postTitle}}</div>
</div>
<div class="comment-box">
<div class="author">{{commenterName}}</div>
<div class="content-text">{{commentContent}}</div>
<div class="timestamp">Posted {{timestamp}}</div>
</div>
<a href="{{postUrl}}" class="button">View Post & Reply</a>
<p>Click the button above to see the full discussion and respond to this comment.</p>
<div class="info-box">
<p><strong>Tip:</strong> Engaging with commenters helps build a vibrant community and provides better answers for everyone.</p>
</div>
</div> </div>
<div class="footer"> <a href="{{postUrl}}" class="button">View Post & Reply</a>
<p><strong>RentAll</strong></p>
<p>You received this email because someone commented on your forum post.</p> <p>
<p>If you have any questions, please contact our support team.</p> Click the button above to see the full discussion and respond to this
<p>&copy; 2024 RentAll. All rights reserved.</p> comment.
</p>
<div class="info-box">
<p>
<strong>Tip:</strong> Engaging with commenters helps build a vibrant
community and provides better answers for everyone.
</p>
</div> </div>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>
You received this email because someone commented on your forum post.
</p>
<p>If you have any questions, please contact our support team.</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

6
backend/templates/emails/forumItemRequestNotification.html
View File

@@ -240,7 +240,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Item Request Near You</div> <div class="tagline">Item Request Near You</div>
</div> </div>
@@ -282,13 +282,13 @@
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p> <p>
You received this email because someone near you posted an item You received this email because someone near you posted an item
request. request.
</p> </p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

490
backend/templates/emails/forumPostClosed.html
View File

@@ -1,266 +1,286 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Discussion Closed</title> <title>Discussion Closed</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header */
.header {
background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #e9ecef;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0;
color: #856404;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #6c757d;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Info box */
.info-box {
background-color: #e9ecef;
border: 1px solid #dee2e6;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
}
.info-box .label {
font-size: 14px;
font-weight: 600;
color: #495057;
margin: 0 0 5px 0;
}
.info-box .value {
color: #212529;
margin: 0;
}
.info-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 10px;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header */ .header,
.header { .content,
background: linear-gradient(135deg, #6c757d 0%, #495057 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #e9ecef;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 24px; font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button { .button {
display: inline-block; display: block;
background: linear-gradient(135deg, #6c757d 0%, #495057 100%); width: 100%;
color: #ffffff !important; box-sizing: border-box;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
} }
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0;
color: #856404;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #6c757d;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Info box */
.info-box { .info-box {
background-color: #e9ecef; padding: 15px;
border: 1px solid #dee2e6;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
}
.info-box .label {
font-size: 14px;
font-weight: 600;
color: #495057;
margin: 0 0 5px 0;
}
.info-box .value {
color: #212529;
margin: 0;
}
.info-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 10px;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 22px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.info-box {
padding: 15px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Forum Notification</div> <div class="tagline">Forum Notification</div>
</div>
<div class="content">
<p>Hi {{recipientName}},</p>
<h1>A discussion has been closed</h1>
<p>The following forum discussion has been closed:</p>
<div class="post-title-box">
<div class="title">{{postTitle}}</div>
</div> </div>
<div class="content"> <div class="info-box">
<p>Hi {{recipientName}},</p> <div class="label">Closed by</div>
<div class="value">{{adminName}}</div>
<h1>A discussion has been closed</h1> <div class="timestamp">{{timestamp}}</div>
<p>The following forum discussion has been closed:</p>
<div class="post-title-box">
<div class="title">{{postTitle}}</div>
</div>
<div class="info-box">
<div class="label">Closed by</div>
<div class="value">{{adminName}}</div>
<div class="timestamp">{{timestamp}}</div>
</div>
<div class="warning-box">
<p><strong>Note:</strong> This discussion is now closed and no new comments can be added. You can still view the existing discussion and all previous comments.</p>
</div>
<a href="{{postUrl}}" class="button">View Discussion</a>
<p>If you have questions about this closure, you can reach out to the person who closed it or contact our support team.</p>
</div> </div>
<div class="footer"> <div class="warning-box">
<p><strong>RentAll</strong></p> <p>
<p>You received this email because you participated in or authored this forum discussion.</p> <strong>Note:</strong> This discussion is now closed and no new
<p>If you have any questions, please contact our support team.</p> comments can be added. You can still view the existing discussion
<p>&copy; 2024 RentAll. All rights reserved.</p> and all previous comments.
</p>
</div> </div>
<a href="{{postUrl}}" class="button">View Discussion</a>
<p>
If you have questions about this closure, you can reach out to the
person who closed it or contact our support team.
</p>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>
You received this email because you participated in or authored this
forum discussion.
</p>
<p>If you have any questions, please contact our support team.</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

579
backend/templates/emails/forumPostDeletionToAuthor.html
View File

@@ -1,305 +1,340 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Your Forum Post Has Been Removed</title> <title>Your Forum Post Has Been Removed</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header - Warning red gradient */
.header {
background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #f8d7da;
font-size: 16px;
margin-top: 8px;
font-weight: 600;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 28px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 22px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0 0 10px 0;
color: #856404;
}
.warning-box p:last-child {
margin-bottom: 0;
}
/* Alert box */
.alert-box {
background-color: #f8d7da;
border-left: 4px solid #dc3545;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.alert-box p {
margin: 0 0 10px 0;
color: #721c24;
}
.alert-box p:last-child {
margin-bottom: 0;
}
/* Post highlight */
.post-highlight {
background-color: #f8f9fa;
border-radius: 6px;
padding: 20px;
margin: 20px 0;
text-align: center;
}
.post-highlight .post-title {
font-size: 20px;
font-weight: 600;
color: #dc3545;
margin-bottom: 10px;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0 0 10px 0;
color: #004085;
}
.info-box p:last-child {
margin-bottom: 0;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header - Warning red gradient */ .header,
.header { .content,
background: linear-gradient(135deg, #dc3545 0%, #c82333 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #f8d7da;
font-size: 16px;
margin-top: 8px;
font-weight: 600;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 28px; font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 { .content h2 {
font-size: 22px; font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
} }
.content p { .button {
margin: 0 0 16px 0; display: block;
color: #6c757d; width: 100%;
line-height: 1.6; box-sizing: border-box;
}
.content strong {
color: #495057;
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0 0 10px 0;
color: #856404;
}
.warning-box p:last-child {
margin-bottom: 0;
}
/* Alert box */
.alert-box {
background-color: #f8d7da;
border-left: 4px solid #dc3545;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.alert-box p {
margin: 0 0 10px 0;
color: #721c24;
}
.alert-box p:last-child {
margin-bottom: 0;
}
/* Post highlight */
.post-highlight {
background-color: #f8f9fa;
border-radius: 6px;
padding: 20px;
margin: 20px 0;
text-align: center;
} }
.post-highlight .post-title { .post-highlight .post-title {
font-size: 20px; font-size: 18px;
font-weight: 600;
color: #dc3545;
margin-bottom: 10px;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0 0 10px 0;
color: #004085;
}
.info-box p:last-child {
margin-bottom: 0;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 24px;
}
.content h2 {
font-size: 20px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.post-highlight .post-title {
font-size: 18px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">⚠️ Important: Forum Post Removal Notice</div> <div class="tagline">⚠️ Important: Forum Post Removal Notice</div>
</div>
<div class="content">
<p>Hi {{postAuthorName}},</p>
<h1>Your Forum Post Has Been Removed</h1>
<p>
We're writing to inform you that your forum post has been removed from
Village Share by {{adminName}}.
</p>
<div class="post-highlight">
<div class="post-title">{{postTitle}}</div>
</div> </div>
<div class="content"> <div class="alert-box">
<p>Hi {{postAuthorName}},</p> <p><strong>Reason for Removal:</strong></p>
<p>{{deletionReason}}</p>
<h1>Your Forum Post Has Been Removed</h1>
<p>We're writing to inform you that your forum post has been removed from RentAll by {{adminName}}.</p>
<div class="post-highlight">
<div class="post-title">{{postTitle}}</div>
</div>
<div class="alert-box">
<p><strong>Reason for Removal:</strong></p>
<p>{{deletionReason}}</p>
</div>
<div class="info-box">
<p><strong>What this means:</strong></p>
<ul style="margin: 10px 0; padding-left: 20px; color: #004085;">
<li>Your post is no longer visible to other community members</li>
<li>All comments on this post are also hidden</li>
<li>The post cannot receive new comments or activity</li>
<li>You may still see it in your dashboard if viewing as an admin</li>
</ul>
</div>
<h2>Need Help or Have Questions?</h2>
<p>If you believe this removal was made in error or if you have questions about our community guidelines, please don't hesitate to contact our support team:</p>
<p style="text-align: center;">
<a href="mailto:{{supportEmail}}" class="button">Contact Support</a>
</p>
<div class="warning-box">
<p><strong>Review Our Community Guidelines:</strong></p>
<p>To prevent future removals, please familiarize yourself with our community guidelines and forum standards. Our team is happy to help you understand how to contribute positively to the RentAll community.</p>
</div>
<p>You can continue participating in the forum by visiting our <a href="{{forumUrl}}" style="color: #667eea;">community forum</a>.</p>
<p>Thank you for your understanding.</p>
<p><strong>Best regards,</strong><br>
The RentAll Team</p>
</div> </div>
<div class="footer"> <div class="info-box">
<p><strong>RentAll</strong></p> <p><strong>What this means:</strong></p>
<p>Building a community of sharing and trust</p> <ul style="margin: 10px 0; padding-left: 20px; color: #004085">
<p>This email was sent because your forum post was removed by our moderation team.</p> <li>Your post is no longer visible to other community members</li>
<p>If you have questions, please contact <a href="mailto:{{supportEmail}}">{{supportEmail}}</a></p> <li>All comments on this post are also hidden</li>
<p>&copy; 2024 RentAll. All rights reserved.</p> <li>The post cannot receive new comments or activity</li>
<li>
You may still see it in your dashboard if viewing as an admin
</li>
</ul>
</div> </div>
<h2>Need Help or Have Questions?</h2>
<p>
If you believe this removal was made in error or if you have questions
about our community guidelines, please don't hesitate to contact our
support team:
</p>
<p style="text-align: center">
<a href="mailto:{{supportEmail}}" class="button">Contact Support</a>
</p>
<div class="warning-box">
<p><strong>Review Our Community Guidelines:</strong></p>
<p>
To prevent future removals, please familiarize yourself with our
community guidelines and forum standards. Our team is happy to help
you understand how to contribute positively to the Village Share
community.
</p>
</div>
<p>
You can continue participating in the forum by visiting our
<a href="{{forumUrl}}" style="color: #667eea">community forum</a>.
</p>
<p>Thank you for your understanding.</p>
<p>
<strong>Best regards,</strong><br />
The Village Share Team
</p>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>Building a community of sharing and trust</p>
<p>
This email was sent because your forum post was removed by our
moderation team.
</p>
<p>
If you have questions, please contact
<a href="mailto:{{supportEmail}}">{{supportEmail}}</a>
</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

562
backend/templates/emails/forumReplyToCommentAuthor.html
View File

@@ -1,303 +1,321 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>New Reply to Your Comment</title> <title>New Reply to Your Comment</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header */
.header {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #28a745;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Comment boxes */
.your-comment-box {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
padding: 15px 20px;
margin: 20px 0 10px 0;
border-radius: 6px;
}
.your-comment-box .label {
font-size: 12px;
font-weight: 600;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 8px 0;
}
.your-comment-box .content-text {
color: #6c757d;
font-size: 14px;
line-height: 1.5;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.reply-box {
background-color: #ffffff;
border: 2px solid #28a745;
padding: 20px;
margin: 0 0 20px 30px;
border-radius: 6px;
}
.reply-box .author {
font-size: 14px;
font-weight: 600;
color: #495057;
margin: 0 0 10px 0;
}
.reply-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.reply-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header */ .header,
.header { .content,
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 24px; font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button { .button {
display: inline-block; display: block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); width: 100%;
color: #ffffff !important; box-sizing: border-box;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #28a745;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Comment boxes */
.your-comment-box {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
padding: 15px 20px;
margin: 20px 0 10px 0;
border-radius: 6px;
}
.your-comment-box .label {
font-size: 12px;
font-weight: 600;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 8px 0;
}
.your-comment-box .content-text {
color: #6c757d;
font-size: 14px;
line-height: 1.5;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
} }
.reply-box { .reply-box {
background-color: #ffffff; margin: 0 0 20px 15px;
border: 2px solid #28a745; padding: 15px;
padding: 20px;
margin: 0 0 20px 30px;
border-radius: 6px;
}
.reply-box .author {
font-size: 14px;
font-weight: 600;
color: #495057;
margin: 0 0 10px 0;
}
.reply-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.reply-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 22px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.reply-box {
margin: 0 0 20px 15px;
padding: 15px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Forum Activity</div> <div class="tagline">Forum Activity</div>
</div>
<div class="content">
<p>Hi {{commentAuthorName}},</p>
<h1>{{replierName}} replied to your comment</h1>
<p>Someone just replied to your comment in the forum:</p>
<div class="post-title-box">
<div class="title">{{postTitle}}</div>
</div> </div>
<div class="content"> <div class="your-comment-box">
<p>Hi {{commentAuthorName}},</p> <div class="label">Your Comment</div>
<div class="content-text">{{parentCommentContent}}</div>
<h1>{{replierName}} replied to your comment</h1>
<p>Someone just replied to your comment in the forum:</p>
<div class="post-title-box">
<div class="title">{{postTitle}}</div>
</div>
<div class="your-comment-box">
<div class="label">Your Comment</div>
<div class="content-text">{{parentCommentContent}}</div>
</div>
<div class="reply-box">
<div class="author">{{replierName}}</div>
<div class="content-text">{{replyContent}}</div>
<div class="timestamp">Posted {{timestamp}}</div>
</div>
<a href="{{postUrl}}" class="button">View Reply & Respond</a>
<p>Click the button above to see the full discussion and continue the conversation.</p>
<div class="info-box">
<p><strong>Tip:</strong> Thoughtful replies help create meaningful discussions and build community connections.</p>
</div>
</div> </div>
<div class="footer"> <div class="reply-box">
<p><strong>RentAll</strong></p> <div class="author">{{replierName}}</div>
<p>You received this email because someone replied to your forum comment.</p> <div class="content-text">{{replyContent}}</div>
<p>If you have any questions, please contact our support team.</p> <div class="timestamp">Posted {{timestamp}}</div>
<p>&copy; 2024 RentAll. All rights reserved.</p>
</div> </div>
<a href="{{postUrl}}" class="button">View Reply & Respond</a>
<p>
Click the button above to see the full discussion and continue the
conversation.
</p>
<div class="info-box">
<p>
<strong>Tip:</strong> Thoughtful replies help create meaningful
discussions and build community connections.
</p>
</div>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>
You received this email because someone replied to your forum comment.
</p>
<p>If you have any questions, please contact our support team.</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

522
backend/templates/emails/forumThreadActivityToParticipant.html
View File

@@ -1,281 +1,303 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>New Activity on a Forum Post You Follow</title> <title>New Activity on a Forum Post You Follow</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header */
.header {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #28a745;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .label {
font-size: 12px;
font-weight: 600;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 8px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Comment box */
.comment-box {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
}
.comment-box .author {
font-size: 14px;
font-weight: 600;
color: #495057;
margin: 0 0 10px 0;
}
.comment-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.comment-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header */ .header,
.header { .content,
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 24px; font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button { .button {
display: inline-block; display: block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); width: 100%;
color: #ffffff !important; box-sizing: border-box;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
} }
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
}
/* Post title box */
.post-title-box {
background-color: #f8f9fa;
border-left: 4px solid #28a745;
padding: 15px 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.post-title-box .label {
font-size: 12px;
font-weight: 600;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 8px 0;
}
.post-title-box .title {
font-size: 16px;
font-weight: 600;
color: #495057;
margin: 0;
}
/* Comment box */
.comment-box { .comment-box {
background-color: #f8f9fa; padding: 15px;
border: 1px solid #dee2e6;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
}
.comment-box .author {
font-size: 14px;
font-weight: 600;
color: #495057;
margin: 0 0 10px 0;
}
.comment-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.comment-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 22px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.comment-box {
padding: 15px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Forum Activity</div> <div class="tagline">Forum Activity</div>
</div>
<div class="content">
<p>Hi {{participantName}},</p>
<h1>New activity on a post you're following</h1>
<p>
{{commenterName}} just commented on a forum post you've participated
in:
</p>
<div class="post-title-box">
<div class="label">Post You're Following</div>
<div class="title">{{postTitle}}</div>
</div> </div>
<div class="content"> <div class="comment-box">
<p>Hi {{participantName}},</p> <div class="author">{{commenterName}}</div>
<div class="content-text">{{commentContent}}</div>
<h1>New activity on a post you're following</h1> <div class="timestamp">Posted {{timestamp}}</div>
<p>{{commenterName}} just commented on a forum post you've participated in:</p>
<div class="post-title-box">
<div class="label">Post You're Following</div>
<div class="title">{{postTitle}}</div>
</div>
<div class="comment-box">
<div class="author">{{commenterName}}</div>
<div class="content-text">{{commentContent}}</div>
<div class="timestamp">Posted {{timestamp}}</div>
</div>
<a href="{{postUrl}}" class="button">View Discussion</a>
<p>Click the button above to see the full conversation and join the discussion.</p>
<div class="info-box">
<p><strong>Stay engaged:</strong> You're receiving this because you've commented on this post. Keep the conversation going!</p>
</div>
</div> </div>
<div class="footer"> <a href="{{postUrl}}" class="button">View Discussion</a>
<p><strong>RentAll</strong></p>
<p>You received this email because there's new activity on a forum post you've commented on.</p> <p>
<p>If you have any questions, please contact our support team.</p> Click the button above to see the full conversation and join the
<p>&copy; 2024 RentAll. All rights reserved.</p> discussion.
</p>
<div class="info-box">
<p>
<strong>Stay engaged:</strong> You're receiving this because you've
commented on this post. Keep the conversation going!
</p>
</div> </div>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>
You received this email because there's new activity on a forum post
you've commented on.
</p>
<p>If you have any questions, please contact our support team.</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

575
backend/templates/emails/itemDeletionToOwner.html
View File

@@ -1,305 +1,336 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Your Listing Has Been Removed</title> <title>Your Listing Has Been Removed</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header - Warning red gradient */
.header {
background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #f8d7da;
font-size: 16px;
margin-top: 8px;
font-weight: 600;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 28px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 22px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0 0 10px 0;
color: #856404;
}
.warning-box p:last-child {
margin-bottom: 0;
}
/* Alert box */
.alert-box {
background-color: #f8d7da;
border-left: 4px solid #dc3545;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.alert-box p {
margin: 0 0 10px 0;
color: #721c24;
}
.alert-box p:last-child {
margin-bottom: 0;
}
/* Item highlight */
.item-highlight {
background-color: #f8f9fa;
border-radius: 6px;
padding: 20px;
margin: 20px 0;
text-align: center;
}
.item-highlight .item-name {
font-size: 20px;
font-weight: 600;
color: #dc3545;
margin-bottom: 10px;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0 0 10px 0;
color: #004085;
}
.info-box p:last-child {
margin-bottom: 0;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header - Warning red gradient */ .header,
.header { .content,
background: linear-gradient(135deg, #dc3545 0%, #c82333 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #f8d7da;
font-size: 16px;
margin-top: 8px;
font-weight: 600;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 28px; font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 { .content h2 {
font-size: 22px; font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
} }
.content p { .button {
margin: 0 0 16px 0; display: block;
color: #6c757d; width: 100%;
line-height: 1.6; box-sizing: border-box;
}
.content strong {
color: #495057;
}
/* Warning box */
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.warning-box p {
margin: 0 0 10px 0;
color: #856404;
}
.warning-box p:last-child {
margin-bottom: 0;
}
/* Alert box */
.alert-box {
background-color: #f8d7da;
border-left: 4px solid #dc3545;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.alert-box p {
margin: 0 0 10px 0;
color: #721c24;
}
.alert-box p:last-child {
margin-bottom: 0;
}
/* Item highlight */
.item-highlight {
background-color: #f8f9fa;
border-radius: 6px;
padding: 20px;
margin: 20px 0;
text-align: center;
} }
.item-highlight .item-name { .item-highlight .item-name {
font-size: 20px; font-size: 18px;
font-weight: 600;
color: #dc3545;
margin-bottom: 10px;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #667eea;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0 0 10px 0;
color: #004085;
}
.info-box p:last-child {
margin-bottom: 0;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 24px;
}
.content h2 {
font-size: 20px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.item-highlight .item-name {
font-size: 18px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">⚠️ Important: Listing Removal Notice</div> <div class="tagline">⚠️ Important: Listing Removal Notice</div>
</div>
<div class="content">
<p>Hi {{ownerName}},</p>
<h1>Your Listing Has Been Removed</h1>
<p>
We're writing to inform you that your listing has been removed from
Village Share by our moderation team.
</p>
<div class="item-highlight">
<div class="item-name">{{itemName}}</div>
</div> </div>
<div class="content"> <div class="alert-box">
<p>Hi {{ownerName}},</p> <p><strong>Reason for Removal:</strong></p>
<p>{{deletionReason}}</p>
<h1>Your Listing Has Been Removed</h1>
<p>We're writing to inform you that your listing has been removed from RentAll by our moderation team.</p>
<div class="item-highlight">
<div class="item-name">{{itemName}}</div>
</div>
<div class="alert-box">
<p><strong>Reason for Removal:</strong></p>
<p>{{deletionReason}}</p>
</div>
<div class="info-box">
<p><strong>What this means:</strong></p>
<ul style="margin: 10px 0; padding-left: 20px; color: #004085;">
<li>Your listing is no longer visible to renters</li>
<li>You can still view it in your dashboard</li>
<li>No new rentals can be requested</li>
<li>Existing active rentals are not affected</li>
</ul>
</div>
<h2>Need Help or Have Questions?</h2>
<p>If you believe this removal was made in error or if you have questions about our policies, please don't hesitate to contact our support team:</p>
<p style="text-align: center;">
<a href="mailto:{{supportEmail}}" class="button">Contact Support</a>
</p>
<div class="warning-box">
<p><strong>Review Our Policies:</strong></p>
<p>To prevent future removals, please familiarize yourself with our community guidelines and listing standards. Our team is happy to help you understand what makes a great RentAll listing.</p>
</div>
<p>You can view your listings anytime from your <a href="{{dashboardUrl}}" style="color: #667eea;">dashboard</a>.</p>
<p>Thank you for your understanding.</p>
<p><strong>Best regards,</strong><br>
The RentAll Team</p>
</div> </div>
<div class="footer"> <div class="info-box">
<p><strong>RentAll</strong></p> <p><strong>What this means:</strong></p>
<p>Building a community of sharing and trust</p> <ul style="margin: 10px 0; padding-left: 20px; color: #004085">
<p>This email was sent because your listing was removed by our moderation team.</p> <li>Your listing is no longer visible to renters</li>
<p>If you have questions, please contact <a href="mailto:{{supportEmail}}">{{supportEmail}}</a></p> <li>You can still view it in your dashboard</li>
<p>&copy; 2024 RentAll. All rights reserved.</p> <li>No new rentals can be requested</li>
<li>Existing active rentals are not affected</li>
</ul>
</div> </div>
<h2>Need Help or Have Questions?</h2>
<p>
If you believe this removal was made in error or if you have questions
about our policies, please don't hesitate to contact our support team:
</p>
<p style="text-align: center">
<a href="mailto:{{supportEmail}}" class="button">Contact Support</a>
</p>
<div class="warning-box">
<p><strong>Review Our Policies:</strong></p>
<p>
To prevent future removals, please familiarize yourself with our
community guidelines and listing standards. Our team is happy to
help you understand what makes a great Village Share listing.
</p>
</div>
<p>
You can view your listings anytime from your
<a href="{{dashboardUrl}}" style="color: #667eea">dashboard</a>.
</p>
<p>Thank you for your understanding.</p>
<p>
<strong>Best regards,</strong><br />
The Village Share Team
</p>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>Building a community of sharing and trust</p>
<p>
This email was sent because your listing was removed by our moderation
team.
</p>
<p>
If you have questions, please contact
<a href="mailto:{{supportEmail}}">{{supportEmail}}</a>
</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

441
backend/templates/emails/newMessageToUser.html
View File

@@ -1,243 +1,262 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>New Message from {{senderName}}</title> <title>New Message from {{senderName}}</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header */
.header {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button {
display: inline-block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: #ffffff !important;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
}
/* Message box */
.message-box {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
}
.message-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.message-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header */ .header,
.header { .content,
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 24px; font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
} }
.content h2 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 15px 0;
color: #495057;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Button */
.button { .button {
display: inline-block; display: block;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); width: 100%;
color: #ffffff !important; box-sizing: border-box;
text-decoration: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
margin: 20px 0;
text-align: center;
transition: all 0.3s ease;
} }
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
}
/* Message box */
.message-box { .message-box {
background-color: #f8f9fa; padding: 15px;
border: 1px solid #dee2e6;
padding: 20px;
margin: 20px 0;
border-radius: 6px;
}
.message-box .content-text {
color: #212529;
line-height: 1.6;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.message-box .timestamp {
font-size: 12px;
color: #6c757d;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 22px;
}
.button {
display: block;
width: 100%;
box-sizing: border-box;
}
.message-box {
padding: 15px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">New Message</div> <div class="tagline">New Message</div>
</div>
<div class="content">
<p>Hi {{recipientName}},</p>
<h1>You have a new message from {{senderName}}</h1>
<p>{{senderName}} sent you a message on Village Share.</p>
<div class="message-box">
<div class="content-text">{{messageContent}}</div>
<div class="timestamp">Sent {{timestamp}}</div>
</div> </div>
<div class="content"> <a href="{{conversationUrl}}" class="button">View Conversation</a>
<p>Hi {{recipientName}},</p>
<h1>You have a new message from {{senderName}}</h1> <p>
Click the button above to read and reply to this message on Village
Share.
</p>
<p>{{senderName}} sent you a message on RentAll.</p> <div class="info-box">
<p>
<div class="message-box"> <strong>Tip:</strong> Reply quickly to keep your conversations
<div class="content-text">{{messageContent}}</div> active and build trust within the Village Share community.
<div class="timestamp">Sent {{timestamp}}</div> </p>
</div>
<a href="{{conversationUrl}}" class="button">View Conversation</a>
<p>Click the button above to read and reply to this message on RentAll.</p>
<div class="info-box">
<p><strong>Tip:</strong> Reply quickly to keep your conversations active and build trust within the RentAll community.</p>
</div>
</div> </div>
</div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p>You received this email because you have an account on RentAll and someone sent you a message.</p> <p>
<p>If you have any questions, please contact our support team.</p> You received this email because you have an account on Village Share
<p>&copy; 2024 RentAll. All rights reserved.</p> and someone sent you a message.
</div> </p>
<p>If you have any questions, please contact our support team.</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

470
backend/templates/emails/passwordChangedToUser.html
View File

@@ -1,246 +1,276 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Password Changed Successfully - RentAll</title> <title>Password Changed Successfully - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body,
-webkit-text-size-adjust: 100%; table,
-ms-text-size-adjust: 100%; td,
} p,
table, td { a,
mso-table-lspace: 0pt; li,
mso-table-rspace: 0pt; blockquote {
} -webkit-text-size-adjust: 100%;
img { -ms-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic; }
} table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Base styles */ /* Base styles */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100% !important; width: 100% !important;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
background-color: #f8f9fa; background-color: #f8f9fa;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
line-height: 1.6; Oxygen, Ubuntu, Cantarell, sans-serif;
color: #212529; line-height: 1.6;
} color: #212529;
}
/* Container */ /* Container */
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Header */
.header {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
padding: 40px 30px;
text-align: center;
}
.logo {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
}
.content h1 {
font-size: 24px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Success box */
.success-box {
background-color: #d4edda;
border-left: 4px solid #28a745;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.success-box p {
margin: 0;
color: #155724;
font-size: 14px;
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
font-size: 14px;
}
/* Security box */
.security-box {
background-color: #f8d7da;
border-left: 4px solid #dc3545;
padding: 15px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.security-box p {
margin: 0;
color: #721c24;
font-size: 14px;
}
/* Details table */
.details-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
.details-table td {
padding: 12px;
border-bottom: 1px solid #e9ecef;
}
.details-table td:first-child {
font-weight: 600;
color: #495057;
width: 40%;
}
.details-table td:last-child {
color: #6c757d;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container { .email-container {
max-width: 600px; margin: 0;
margin: 0 auto; border-radius: 0;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Header */ .header,
.header { .content,
background: linear-gradient(135deg, #28a745 0%, #20c997 100%); .footer {
padding: 40px 30px; padding: 20px;
text-align: center;
} }
.logo { .logo {
font-size: 32px; font-size: 28px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
letter-spacing: -1px;
}
.tagline {
color: #d4edda;
font-size: 14px;
margin-top: 8px;
}
/* Content */
.content {
padding: 40px 30px;
} }
.content h1 { .content h1 {
font-size: 24px; font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #212529;
}
.content p {
margin: 0 0 16px 0;
color: #6c757d;
line-height: 1.6;
}
.content strong {
color: #495057;
}
/* Success box */
.success-box {
background-color: #d4edda;
border-left: 4px solid #28a745;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.success-box p {
margin: 0;
color: #155724;
font-size: 14px;
}
/* Info box */
.info-box {
background-color: #e7f3ff;
border-left: 4px solid #0066cc;
padding: 20px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.info-box p {
margin: 0;
color: #004085;
font-size: 14px;
}
/* Security box */
.security-box {
background-color: #f8d7da;
border-left: 4px solid #dc3545;
padding: 15px;
margin: 20px 0;
border-radius: 0 6px 6px 0;
}
.security-box p {
margin: 0;
color: #721c24;
font-size: 14px;
}
/* Details table */
.details-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
.details-table td {
padding: 12px;
border-bottom: 1px solid #e9ecef;
}
.details-table td:first-child {
font-weight: 600;
color: #495057;
width: 40%;
}
.details-table td:last-child {
color: #6c757d;
}
/* Footer */
.footer {
background-color: #f8f9fa;
padding: 30px;
text-align: center;
border-top: 1px solid #e9ecef;
}
.footer p {
margin: 0 0 10px 0;
font-size: 14px;
color: #6c757d;
}
.footer a {
color: #667eea;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-container {
margin: 0;
border-radius: 0;
}
.header, .content, .footer {
padding: 20px;
}
.logo {
font-size: 28px;
}
.content h1 {
font-size: 22px;
}
} }
}
</style> </style>
</head> </head>
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Password Changed Successfully</div> <div class="tagline">Password Changed Successfully</div>
</div>
<div class="content">
<p>Hi {{recipientName}},</p>
<h1>Your Password Has Been Changed</h1>
<div class="success-box">
<p>
<strong>Your password was successfully changed.</strong> You can now
use your new password to log in to your Village Share account.
</p>
</div> </div>
<div class="content"> <p>
<p>Hi {{recipientName}},</p> This is a confirmation that the password for your Village Share
account has been changed. For your security, all existing sessions
have been logged out.
</p>
<h1>Your Password Has Been Changed</h1> <table class="details-table">
<tr>
<td>Date & Time:</td>
<td>{{timestamp}}</td>
</tr>
<tr>
<td>Account Email:</td>
<td>{{email}}</td>
</tr>
</table>
<div class="success-box"> <div class="security-box">
<p><strong>Your password was successfully changed.</strong> You can now use your new password to log in to your RentAll account.</p> <p>
</div> <strong>Didn't change your password?</strong> If you did not make
this change, your account may be compromised. Please contact our
<p>This is a confirmation that the password for your RentAll account has been changed. For your security, all existing sessions have been logged out.</p> support team immediately at support@villageshare.app to secure your
account.
<table class="details-table"> </p>
<tr>
<td>Date & Time:</td>
<td>{{timestamp}}</td>
</tr>
<tr>
<td>Account Email:</td>
<td>{{email}}</td>
</tr>
</table>
<div class="security-box">
<p><strong>Didn't change your password?</strong> If you did not make this change, your account may be compromised. Please contact our support team immediately at support@rentall.com to secure your account.</p>
</div>
<div class="info-box">
<p><strong>Security reminder:</strong> Keep your password secure and never share it with anyone. We recommend using a strong, unique password and enabling two-factor authentication when available.</p>
</div>
<p>Thanks for using RentAll!</p>
</div> </div>
<div class="footer"> <div class="info-box">
<p><strong>RentAll</strong></p> <p>
<p>This is a security notification sent to confirm your password change. If you have any concerns about your account security, please contact our support team immediately.</p> <strong>Security reminder:</strong> Keep your password secure and
<p>&copy; 2024 RentAll. All rights reserved.</p> never share it with anyone. We recommend using a strong, unique
password and enabling two-factor authentication when available.
</p>
</div> </div>
<p>Thanks for using Village Share!</p>
</div>
<div class="footer">
<p><strong>Village Share</strong></p>
<p>
This is a security notification sent to confirm your password change.
If you have any concerns about your account security, please contact
our support team immediately.
</p>
<p>&copy; 2025 Village Share. All rights reserved.</p>
</div>
</div> </div>
</body> </body>
</html> </html>

12
backend/templates/emails/passwordResetToUser.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Reset Your Password - RentAll</title> <title>Reset Your Password - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body, table, td, p, a, li, blockquote {
@@ -202,7 +202,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Password Reset Request</div> <div class="tagline">Password Reset Request</div>
</div> </div>
@@ -211,7 +211,7 @@
<h1>Reset Your Password</h1> <h1>Reset Your Password</h1>
<p>We received a request to reset the password for your RentAll account. Click the button below to choose a new password.</p> <p>We received a request to reset the password for your Village Share account. Click the button below to choose a new password.</p>
<div style="text-align: center;"> <div style="text-align: center;">
<a href="{{resetUrl}}" class="button">Reset Password</a> <a href="{{resetUrl}}" class="button">Reset Password</a>
@@ -232,14 +232,14 @@
<p><strong>Security tip:</strong> Choose a strong password that includes a mix of uppercase and lowercase letters, numbers, and special characters. Never share your password with anyone.</p> <p><strong>Security tip:</strong> Choose a strong password that includes a mix of uppercase and lowercase letters, numbers, and special characters. Never share your password with anyone.</p>
</div> </div>
<p>Thanks for using RentAll!</p> <p>Thanks for using Village Share!</p>
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p>This is a transactional email sent in response to a password reset request. You received this message because someone requested a password reset for this email address.</p> <p>This is a transactional email sent in response to a password reset request. You received this message because someone requested a password reset for this email address.</p>
<p>If you have any questions or concerns, please contact our support team.</p> <p>If you have any questions or concerns, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

10
backend/templates/emails/payoutReceivedToOwner.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Earnings Received - RentAll</title> <title>Earnings Received - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, body,
@@ -332,7 +332,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Earnings Received</div> <div class="tagline">Earnings Received</div>
</div> </div>
@@ -400,19 +400,19 @@
</div> </div>
<p> <p>
Thank you for being a valued member of the RentAll community! Keep Thank you for being a valued member of the Village Share community! Keep
sharing your items to earn more. sharing your items to earn more.
</p> </p>
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p> <p>
This is a notification about your earnings. You received this message This is a notification about your earnings. You received this message
because a payout was successfully processed for your rental. because a payout was successfully processed for your rental.
</p> </p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

14
backend/templates/emails/personalInfoChangedToUser.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Personal Information Updated - RentAll</title> <title>Personal Information Updated - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, table, td, p, a, li, blockquote { body, table, td, p, a, li, blockquote {
@@ -199,7 +199,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Personal Information Updated</div> <div class="tagline">Personal Information Updated</div>
</div> </div>
@@ -209,7 +209,7 @@
<h1>Your Personal Information Has Been Updated</h1> <h1>Your Personal Information Has Been Updated</h1>
<div class="info-box"> <div class="info-box">
<p><strong>Your account information was recently updated.</strong> This email is to notify you that changes were made to your personal information on your RentAll account.</p> <p><strong>Your account information was recently updated.</strong> This email is to notify you that changes were made to your personal information on your Village Share account.</p>
</div> </div>
<p>We're sending you this notification as part of our commitment to keeping your account secure. If you made these changes, no further action is required.</p> <p>We're sending you this notification as part of our commitment to keeping your account secure. If you made these changes, no further action is required.</p>
@@ -226,20 +226,20 @@
</table> </table>
<div class="security-box"> <div class="security-box">
<p><strong>Didn't make these changes?</strong> If you did not update your personal information, your account may be compromised. Please contact our support team immediately at support@rentall.com and consider changing your password.</p> <p><strong>Didn't make these changes?</strong> If you did not update your personal information, your account may be compromised. Please contact our support team immediately at support@villageshare.app and consider changing your password.</p>
</div> </div>
<div class="info-box"> <div class="info-box">
<p><strong>Security tip:</strong> Regularly review your account information to ensure it's accurate and up to date. If you notice any suspicious activity, contact our support team right away.</p> <p><strong>Security tip:</strong> Regularly review your account information to ensure it's accurate and up to date. If you notice any suspicious activity, contact our support team right away.</p>
</div> </div>
<p>Thanks for using RentAll!</p> <p>Thanks for using Village Share!</p>
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p>This is a security notification sent to confirm changes to your account. If you have any concerns about your account security, please contact our support team immediately.</p> <p>This is a security notification sent to confirm changes to your account. If you have any concerns about your account security, please contact our support team immediately.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

8
backend/templates/emails/rentalApprovalConfirmationToOwner.html
View File

@@ -286,7 +286,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Rental Request Approved</div> <div class="tagline">Rental Request Approved</div>
</div> </div>
@@ -343,14 +343,14 @@
<a href="{{rentalDetailsUrl}}" class="button">View Rental Details</a> <a href="{{rentalDetailsUrl}}" class="button">View Rental Details</a>
</p> </p>
<p>Thank you for being part of the RentAll community!</p> <p>Thank you for being part of the Village Share community!</p>
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p>This is a transactional email confirming your rental approval. You received this message because you approved a rental request on our platform.</p> <p>This is a transactional email confirming your rental approval. You received this message because you approved a rental request on our platform.</p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

10
backend/templates/emails/rentalCancellationConfirmationToUser.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Cancellation Confirmed - RentAll</title> <title>Cancellation Confirmed - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, body,
@@ -251,7 +251,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Cancellation Confirmation</div> <div class="tagline">Cancellation Confirmation</div>
</div> </div>
@@ -298,13 +298,13 @@
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p> <p>
This is a confirmation of your rental cancellation. You received this This is a confirmation of your rental cancellation. You received this
message because you cancelled a rental on RentAll. message because you cancelled a rental on Village Share.
</p> </p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

10
backend/templates/emails/rentalCancellationNotificationToUser.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Rental Cancelled - RentAll</title> <title>Rental Cancelled - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, body,
@@ -257,7 +257,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Rental Update</div> <div class="tagline">Rental Update</div>
</div> </div>
@@ -297,13 +297,13 @@
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p> <p>
This is a notification about a rental cancellation. You received this This is a notification about a rental cancellation. You received this
message because you were involved in a rental on RentAll. message because you were involved in a rental on Village Share.
</p> </p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

8
backend/templates/emails/rentalCompletionCongratsToOwner.html
View File

@@ -303,7 +303,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Rental Complete</div> <div class="tagline">Rental Complete</div>
</div> </div>
@@ -358,14 +358,14 @@
<a href="{{owningUrl}}" class="button">View My Listings</a> <a href="{{owningUrl}}" class="button">View My Listings</a>
</p> </p>
<p>Thank you for being an excellent host on RentAll!</p> <p>Thank you for being an excellent host on Village Share!</p>
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p>This email confirms the successful completion of your rental. You received this message because you marked an item as returned on our platform.</p> <p>This email confirms the successful completion of your rental. You received this message because you marked an item as returned on our platform.</p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

10
backend/templates/emails/rentalCompletionThankYouToRenter.html
View File

@@ -256,7 +256,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Rental Complete</div> <div class="tagline">Rental Complete</div>
</div> </div>
@@ -268,7 +268,7 @@
<div class="success-box"> <div class="success-box">
<div class="icon">✓</div> <div class="icon">✓</div>
<p><strong>Rental Complete:</strong> You've successfully returned <strong>{{itemName}}</strong> on time.</p> <p><strong>Rental Complete:</strong> You've successfully returned <strong>{{itemName}}</strong> on time.</p>
<p>On-time returns like yours help build trust in the RentAll community. Thank you!</p> <p>On-time returns like yours help build trust in the Village Share community. Thank you!</p>
</div> </div>
<h2>Rental Summary</h2> <h2>Rental Summary</h2>
@@ -300,14 +300,14 @@
<a href="{{browseItemsUrl}}" class="button">Browse Available Items</a> <a href="{{browseItemsUrl}}" class="button">Browse Available Items</a>
</p> </p>
<p>Thank you for being a valued member of the RentAll community!</p> <p>Thank you for being a valued member of the Village Share community!</p>
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p>This email confirms the successful completion of your rental. You received this message because you recently returned a rented item on our platform.</p> <p>This email confirms the successful completion of your rental. You received this message because you recently returned a rented item on our platform.</p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

8
backend/templates/emails/rentalConfirmationToUser.html
View File

@@ -220,7 +220,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Rental Confirmed</div> <div class="tagline">Rental Confirmed</div>
</div> </div>
@@ -269,14 +269,14 @@
<li>Contact the owner if you have any questions</li> <li>Contact the owner if you have any questions</li>
</ul> </ul>
<p>Thank you for choosing RentAll! We hope you have a great rental experience.</p> <p>Thank you for choosing Village Share! We hope you have a great rental experience.</p>
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p>This is a transactional email confirming your rental. You received this message because you have an active rental transaction on our platform.</p> <p>This is a transactional email confirming your rental. You received this message because you have an active rental transaction on our platform.</p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

12
backend/templates/emails/rentalDeclinedToRenter.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Rental Request Declined - RentAll</title> <title>Rental Request Declined - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, body,
@@ -247,7 +247,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Rental Request Update</div> <div class="tagline">Rental Request Update</div>
</div> </div>
@@ -289,7 +289,7 @@
</p> </p>
<p> <p>
We encourage you to explore other similar items available for rent We encourage you to explore other similar items available for rent
on RentAll. There are many great options waiting for you! on Village Share. There are many great options waiting for you!
</p> </p>
</div> </div>
@@ -304,13 +304,13 @@
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p> <p>
This is a notification about your rental request. You received this This is a notification about your rental request. You received this
message because you submitted a rental request on RentAll. message because you submitted a rental request on Village Share.
</p> </p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

10
backend/templates/emails/rentalRequestConfirmationToRenter.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Rental Request Submitted - RentAll</title> <title>Rental Request Submitted - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, body,
@@ -245,7 +245,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Request Submitted</div> <div class="tagline">Request Submitted</div>
</div> </div>
@@ -307,13 +307,13 @@
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p> <p>
This is a confirmation email for your rental request. You received This is a confirmation email for your rental request. You received
this message because you submitted a rental request on RentAll. this message because you submitted a rental request on Village Share.
</p> </p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

10
backend/templates/emails/rentalRequestToOwner.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Rental Request - RentAll</title> <title>Rental Request - Village Share</title>
<style> <style>
/* Reset styles */ /* Reset styles */
body, body,
@@ -245,7 +245,7 @@
<body> <body>
<div class="email-container"> <div class="email-container">
<div class="header"> <div class="header">
<div class="logo">RentAll</div> <div class="logo">Village Share</div>
<div class="tagline">Rental Request</div> <div class="tagline">Rental Request</div>
</div> </div>
@@ -319,14 +319,14 @@
</div> </div>
<div class="footer"> <div class="footer">
<p><strong>RentAll</strong></p> <p><strong>Village Share</strong></p>
<p> <p>
This is a transactional email about a rental request for your listing. This is a transactional email about a rental request for your listing.
You received this message because you have an active listing on You received this message because you have an active listing on
RentAll. Village Share.
</p> </p>
<p>If you have any questions, please contact our support team.</p> <p>If you have any questions, please contact our support team.</p>
<p>&copy; 2024 RentAll. All rights reserved.</p> <p>&copy; 2025 Village Share. All rights reserved.</p>
</div> </div>
</div> </div>
</body> </body>

10
backend/tests/unit/services/email/EmailClient.test.js
View File

@@ -103,8 +103,8 @@ describe('EmailClient', () => {
process.env = { process.env = {
...originalEnv, ...originalEnv,
EMAIL_ENABLED: 'true', EMAIL_ENABLED: 'true',
SES_FROM_EMAIL: 'noreply@rentall.com', SES_FROM_EMAIL: 'noreply@villageshare.app',
SES_FROM_NAME: 'RentAll', SES_FROM_NAME: 'Village Share',
}; };
}); });
@@ -159,7 +159,7 @@ describe('EmailClient', () => {
); );
expect(SendEmailCommand).toHaveBeenCalledWith({ expect(SendEmailCommand).toHaveBeenCalledWith({
Source: 'RentAll <noreply@rentall.com>', Source: 'Village Share <noreply@villageshare.app>',
Destination: { Destination: {
ToAddresses: ['test@example.com'], ToAddresses: ['test@example.com'],
}, },
@@ -237,7 +237,7 @@ describe('EmailClient', () => {
}); });
it('should add reply-to address if configured', async () => { it('should add reply-to address if configured', async () => {
process.env.SES_REPLY_TO_EMAIL = 'support@rentall.com'; process.env.SES_REPLY_TO_EMAIL = 'support@villageshare.app';
const mockSend = jest.fn().mockResolvedValue({ MessageId: 'msg-000' }); const mockSend = jest.fn().mockResolvedValue({ MessageId: 'msg-000' });
SESClient.mockImplementation(() => ({ send: mockSend })); SESClient.mockImplementation(() => ({ send: mockSend }));
@@ -253,7 +253,7 @@ describe('EmailClient', () => {
expect(SendEmailCommand).toHaveBeenCalledWith( expect(SendEmailCommand).toHaveBeenCalledWith(
expect.objectContaining({ expect.objectContaining({
ReplyToAddresses: ['support@rentall.com'], ReplyToAddresses: ['support@villageshare.app'],
}) })
); );
}); });

4
backend/tests/unit/services/email/TemplateManager.test.js
View File

@@ -186,7 +186,7 @@ describe('TemplateManager', () => {
// Should return fallback template content // Should return fallback template content
expect(result).toContain('Test Title'); expect(result).toContain('Test Title');
expect(result).toContain('Test Message'); expect(result).toContain('Test Message');
expect(result).toContain('RentAll'); expect(result).toContain('Village Share');
}); });
it('should auto-initialize if not initialized', async () => { it('should auto-initialize if not initialized', async () => {
@@ -275,7 +275,7 @@ describe('TemplateManager', () => {
expect(fallback).toContain('{{title}}'); expect(fallback).toContain('{{title}}');
expect(fallback).toContain('{{message}}'); expect(fallback).toContain('{{message}}');
expect(fallback).toContain('RentAll'); expect(fallback).toContain('Village Share');
}); });
}); });
}); });

4
frontend/public/index.html
View File

@@ -7,10 +7,10 @@
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta <meta
name="description" name="description"
content="CommunityRentals.App - Rent gym equipment, tools, and musical instruments from your neighbors" content="Village Share - Life is too expensive. Rent or borrow from your neighbors"
/> />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>CommunityRentals.App - Equipment & Tool Rental Marketplace</title> <title>Village Share - Community Rental Marketplace</title>
<link <link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
rel="stylesheet" rel="stylesheet"

4
frontend/src/__tests__/components/AuthModal.test.tsx
View File

@@ -133,7 +133,7 @@ describe('AuthModal', () => {
it('should render login form by default', () => { it('should render login form by default', () => {
const { container } = render(<AuthModal {...defaultProps} />); const { container } = render(<AuthModal {...defaultProps} />);
expect(screen.getByText('Welcome to CommunityRentals.App')).toBeInTheDocument(); expect(screen.getByText('Welcome to Village Share')).toBeInTheDocument();
expect(getInputByLabelText(container, 'Email')).toBeInTheDocument(); expect(getInputByLabelText(container, 'Email')).toBeInTheDocument();
expect(screen.getByTestId('password-input')).toBeInTheDocument(); expect(screen.getByTestId('password-input')).toBeInTheDocument();
expect(screen.getByRole('button', { name: 'Log in' })).toBeInTheDocument(); expect(screen.getByRole('button', { name: 'Log in' })).toBeInTheDocument();
@@ -151,7 +151,7 @@ describe('AuthModal', () => {
it('should not render when show is false', () => { it('should not render when show is false', () => {
render(<AuthModal {...defaultProps} show={false} />); render(<AuthModal {...defaultProps} show={false} />);
expect(screen.queryByText('Welcome to CommunityRentals.App')).not.toBeInTheDocument(); expect(screen.queryByText('Welcome to Village Share')).not.toBeInTheDocument();
}); });
it('should render Google login button', () => { it('should render Google login button', () => {

4
frontend/src/__tests__/components/Navbar.test.tsx
View File

@@ -68,13 +68,13 @@ describe('Navbar', () => {
it('should display the brand name', () => { it('should display the brand name', () => {
renderWithRouter(<Navbar />); renderWithRouter(<Navbar />);
expect(screen.getByText('CommunityRentals.App')).toBeInTheDocument(); expect(screen.getByText('Village Share')).toBeInTheDocument();
}); });
it('should link brand to home page', () => { it('should link brand to home page', () => {
renderWithRouter(<Navbar />); renderWithRouter(<Navbar />);
const brandLink = screen.getByRole('link', { name: /CommunityRentals.App/i }); const brandLink = screen.getByRole('link', { name: /Village Share/i });
expect(brandLink).toHaveAttribute('href', '/'); expect(brandLink).toHaveAttribute('href', '/');
}); });
}); });

6
frontend/src/components/AlphaGate.tsx
View File

@@ -74,7 +74,7 @@ const AlphaGate: React.FC = () => {
<div className="card-body p-5"> <div className="card-body p-5">
<div className="text-center mb-4"> <div className="text-center mb-4">
<h1 className="h2 mb-3" style={{ color: "#667eea" }}> <h1 className="h2 mb-3" style={{ color: "#667eea" }}>
Community Rentals Village Share
</h1> </h1>
</div> </div>
@@ -105,7 +105,7 @@ const AlphaGate: React.FC = () => {
Currently in Alpha Testing! Currently in Alpha Testing!
</h6> </h6>
<p className="text-muted small mb-0 text-center"> <p className="text-muted small mb-0 text-center">
You're among the first to try Community Rentals! Help us create You're among the first to try Village Share! Help us create
something special by sharing your thoughts as we build this something special by sharing your thoughts as we build this
together. together.
</p> </p>
@@ -115,7 +115,7 @@ const AlphaGate: React.FC = () => {
<p className="text-center text-muted small mb-0"> <p className="text-center text-muted small mb-0">
Have an alpha code? Get started below! <br></br> Want to join?{" "} Have an alpha code? Get started below! <br></br> Want to join?{" "}
<a <a
href="mailto:support@communityrentals.app?subject=Alpha Access Request" href="mailto:support@villageshare.app?subject=Alpha Access Request"
className="text-decoration-none" className="text-decoration-none"
style={{ color: "#667eea" }} style={{ color: "#667eea" }}
> >

4
frontend/src/components/AuthModal.tsx
View File

@@ -181,7 +181,7 @@ const AuthModal: React.FC<AuthModalProps> = ({
</div> </div>
<div className="modal-body px-4 pb-4"> <div className="modal-body px-4 pb-4">
<h4 className="text-center mb-2"> <h4 className="text-center mb-2">
Welcome to CommunityRentals.App Welcome to Village Share
</h4> </h4>
{error && ( {error && (
@@ -307,7 +307,7 @@ const AuthModal: React.FC<AuthModalProps> = ({
</div> </div>
<p className="text-center text-muted small mt-4 mb-0"> <p className="text-center text-muted small mt-4 mb-0">
By continuing, you agree to CommunityRentals.App's{" "} By continuing, you agree to Village Share's{" "}
<a href="/terms" className="text-decoration-none"> <a href="/terms" className="text-decoration-none">
Terms of Service Terms of Service
</a>{" "} </a>{" "}

4
frontend/src/components/FeedbackModal.tsx
View File

@@ -84,14 +84,14 @@ const FeedbackModal: React.FC<FeedbackModalProps> = ({ show, onClose }) => {
<h6 className="alert-heading">Thank you!</h6> <h6 className="alert-heading">Thank you!</h6>
<p className="mb-0"> <p className="mb-0">
Your feedback has been submitted successfully! We appreciate Your feedback has been submitted successfully! We appreciate
you making Community Rentals better! you making Village Share better!
</p> </p>
</div> </div>
) : ( ) : (
<> <>
<p className="text-muted mb-3"> <p className="text-muted mb-3">
Share your thoughts, report bugs, or suggest improvements. Share your thoughts, report bugs, or suggest improvements.
Your feedback helps us make RentAll better for everyone! Your feedback helps us make Village Share better for everyone!
</p> </p>
{error && ( {error && (

2
frontend/src/components/Footer.tsx
View File

@@ -47,7 +47,7 @@ const Footer: React.FC = () => {
{/* Copyright */} {/* Copyright */}
<p className="small text-white-50 mb-0"> <p className="small text-white-50 mb-0">
© 2025 CommunityRentals.App. All rights reserved. © 2025 Village Share. All rights reserved.
</p> </p>
</div> </div>
</div> </div>

2
frontend/src/components/Navbar.tsx
View File

@@ -126,7 +126,7 @@ const Navbar: React.FC = () => {
<div className="container-fluid" style={{ maxWidth: "1800px" }}> <div className="container-fluid" style={{ maxWidth: "1800px" }}>
<Link className="navbar-brand fw-bold" to="/"> <Link className="navbar-brand fw-bold" to="/">
<i className="bi bi-box-seam me-2"></i> <i className="bi bi-box-seam me-2"></i>
CommunityRentals.App Village Share
</Link> </Link>
<button <button
className="navbar-toggler" className="navbar-toggler"

2
frontend/src/pages/Home.tsx
View File

@@ -91,7 +91,7 @@ const Home: React.FC = () => {
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-6"> <div className="col-lg-6">
<h2 className="mb-4" style={{ color: "white" }}> <h2 className="mb-4" style={{ color: "white" }}>
Why Choose CommunityRentals.App? Why Choose Village Share?
</h2> </h2>
<div className="d-flex mb-3"> <div className="d-flex mb-3">
<i <i