Update routes/emails.py

routes/emails.py

@@ -83,8 +83,9 @@ def generate_email_html(email_type: str, to: str) -> str:
 
         .hero-image {
             width: 100%;
-            max-width: 400px;
-            height: auto;
+            max-width: 280px;
+            height: 200px;
+            object-fit: cover;
             margin: 0 auto 50px;
             border-radius: 20px;
             box-shadow: 0 20px 40px rgba(107, 70, 193, 0.1);
@@ -130,51 +131,6 @@ def generate_email_html(email_type: str, to: str) -> str:
             box-shadow: 0 12px 32px rgba(107, 70, 193, 0.4);
         }
 
-        .features {
-            padding: 0 40px 60px;
-        }
-
-        .feature-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-            gap: 40px;
-            margin-top: 50px;
-        }
-
-        .feature-item {
-            text-align: center;
-            padding: 30px 20px;
-            border-radius: 16px;
-            background-color: #fafafa;
-            border: 1px solid #f5f5f7;
-        }
-
-        .feature-icon {
-            width: 60px;
-            height: 60px;
-            background: linear-gradient(135deg, #6b46c1 0%, #8b5cf6 100%);
-            border-radius: 50%;
-            margin: 0 auto 24px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 24px;
-            color: white;
-        }
-
-        .feature-title {
-            font-size: 20px;
-            font-weight: 600;
-            color: #1d1d1f;
-            margin-bottom: 12px;
-        }
-
-        .feature-description {
-            font-size: 16px;
-            color: #6e6e73;
-            line-height: 1.5;
-        }
-
         .footer {
             text-align: center;
             padding: 40px;
@@ -188,31 +144,6 @@ def generate_email_html(email_type: str, to: str) -> str:
             margin-bottom: 16px;
         }
 
-        .social-links {
-            display: flex;
-            justify-content: center;
-            gap: 24px;
-            margin-top: 20px;
-        }
-
-        .social-link {
-            display: inline-block;
-            width: 40px;
-            height: 40px;
-            background-color: #6b46c1;
-            border-radius: 50%;
-            color: white;
-            text-decoration: none;
-            line-height: 40px;
-            font-size: 18px;
-            transition: all 0.3s ease;
-        }
-
-        .social-link:hover {
-            background-color: #553c9a;
-            transform: translateY(-2px);
-        }
-
         @media (max-width: 480px) {
             .header {
                 padding: 40px 20px 20px;
@@ -230,15 +161,6 @@ def generate_email_html(email_type: str, to: str) -> str:
                 font-size: 18px;
             }
 
-            .features {
-                padding: 0 20px 40px;
-            }
-
-            .feature-grid {
-                grid-template-columns: 1fr;
-                gap: 30px;
-            }
-
             .footer {
                 padding: 30px 20px;
             }
@@ -265,29 +187,6 @@ def generate_email_html(email_type: str, to: str) -> str:
             <a href="#" class="cta-button">Start Your Style Quiz</a>
         </div>
 
-        <!-- Features -->
-        <div class="features">
-            <div class="feature-grid">
-                <div class="feature-item">
-                    <div class="feature-icon">✨</div>
-                    <h3 class="feature-title">Personal Styling</h3>
-                    <p class="feature-description">Get matched with expert stylists who curate looks just for you</p>
-                </div>
-                
-                <div class="feature-item">
-                    <div class="feature-icon">👗</div>
-                    <h3 class="feature-title">Wardrobe Refresh</h3>
-                    <p class="feature-description">Discover new ways to style pieces you already own</p>
-                </div>
-                
-                <div class="feature-item">
-                    <div class="feature-icon">💜</div>
-                    <h3 class="feature-title">Confidence Boost</h3>
-                    <p class="feature-description">Feel amazing in clothes that truly reflect who you are</p>
-                </div>
-            </div>
-        </div>
-
         <!-- Footer -->
         <div class="footer">
             <p class="footer-text">
@@ -295,15 +194,8 @@ def generate_email_html(email_type: str, to: str) -> str:
                 Ready to transform your style? Let's get started!
             </p>
             
-            <div class="social-links">
-                <a href="#" class="social-link">f</a>
-                <a href="#" class="social-link">t</a>
-                <a href="#" class="social-link">i</a>
-            </div>
-            
             <p class="footer-text" style="margin-top: 24px;">
-                © 2025 ClosetCoach. All rights reserved.<br>
-                San Francisco, CA • [email protected]
+                © 2025 ClosetCoach. All rights reserved.
             </p>
         </div>
     </div>