habulaj commited on
Commit
16e6b4b
·
verified ·
1 Parent(s): e2f3e81

Update routes/emails.py

Browse files
Files changed (1) hide show
  1. routes/emails.py +217 -5
routes/emails.py CHANGED
@@ -592,28 +592,240 @@ def generate_email_html(email_type: str, to: str) -> str:
592
  <h1 class="headline">Congratulations! You're approved</h1>
593
 
594
  <p class="subheadline">
595
- Your stylist profile has been reviewed and approved. You're now ready to connect with clients and start transforming lives through style.
596
  </p>
597
 
598
  <div class="status-box">
599
  <div class="status-title">🎉 Account Activated</div>
600
  <div class="status-text">
601
- Your stylist account is now live and ready to receive client connections. Welcome to the ClosetCoach community!
602
  </div>
603
  </div>
604
 
605
  <p class="next-steps">
606
- Ready to meet your first clients? Start exploring available styling opportunities and build your portfolio with us.
607
  </p>
608
 
609
- <a href="https://ameddes.com/onboarding/search" class="cta-button">Start Finding Clients</a>
610
  </div>
611
 
612
  <!-- Footer -->
613
  <div class="footer">
614
  <p class="footer-text">
615
  You're receiving this email because your ClosetCoach stylist account has been approved.<br>
616
- Time to start your styling journey!
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
617
  </p>
618
 
619
  <p class="footer-text" style="margin-top: 24px;">
 
592
  <h1 class="headline">Congratulations! You're approved</h1>
593
 
594
  <p class="subheadline">
595
+ Your stylist profile has been reviewed and approved. Now it's time to complete your account setup and start earning with your styling expertise.
596
  </p>
597
 
598
  <div class="status-box">
599
  <div class="status-title">🎉 Account Activated</div>
600
  <div class="status-text">
601
+ Your stylist account is now live! Complete your setup to start receiving payments and connect with clients.
602
  </div>
603
  </div>
604
 
605
  <p class="next-steps">
606
+ Before you start styling, you'll need to configure your banking information, set your service prices, and finalize your payment preferences to begin earning.
607
  </p>
608
 
609
+ <a href="https://ameddes.com/onboarding/setup" class="cta-button">Complete Account Setup</a>
610
  </div>
611
 
612
  <!-- Footer -->
613
  <div class="footer">
614
  <p class="footer-text">
615
  You're receiving this email because your ClosetCoach stylist account has been approved.<br>
616
+ Complete your setup to start your styling journey!
617
+ </p>
618
+
619
+ <p class="footer-text" style="margin-top: 24px;">
620
+ © 2025 ClosetCoach. All rights reserved.
621
+ </p>
622
+ </div>
623
+ </div>
624
+ </body>
625
+ </html>
626
+ """
627
+ elif email_type == "stylistnotapproved":
628
+ return """
629
+ <!DOCTYPE html>
630
+ <html lang="en">
631
+ <head>
632
+ <meta charset="UTF-8">
633
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
634
+ <title>Application Update - ClosetCoach</title>
635
+ <style>
636
+ * {
637
+ margin: 0;
638
+ padding: 0;
639
+ box-sizing: border-box;
640
+ }
641
+
642
+ body {
643
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
644
+ background-color: #ffffff;
645
+ color: #1d1d1f;
646
+ line-height: 1.6;
647
+ }
648
+
649
+ .email-container {
650
+ max-width: 600px;
651
+ margin: 0 auto;
652
+ background-color: #ffffff;
653
+ }
654
+
655
+ .header {
656
+ text-align: center;
657
+ padding: 60px 40px 40px;
658
+ }
659
+
660
+ .logo {
661
+ font-size: 28px;
662
+ font-weight: 700;
663
+ color: #6b46c1;
664
+ letter-spacing: -0.5px;
665
+ }
666
+
667
+ .hero-section {
668
+ text-align: center;
669
+ padding: 0 40px 60px;
670
+ }
671
+
672
+ .hero-image {
673
+ width: 100%;
674
+ max-width: 280px;
675
+ height: 200px;
676
+ object-fit: cover;
677
+ margin: 0 auto 50px;
678
+ border-radius: 20px;
679
+ box-shadow: 0 20px 40px rgba(107, 70, 193, 0.1);
680
+ }
681
+
682
+ .headline {
683
+ font-size: 36px;
684
+ font-weight: 700;
685
+ color: #1d1d1f;
686
+ margin-bottom: 24px;
687
+ line-height: 1.2;
688
+ letter-spacing: -0.8px;
689
+ }
690
+
691
+ .subheadline {
692
+ font-size: 20px;
693
+ font-weight: 400;
694
+ color: #6e6e73;
695
+ margin-bottom: 30px;
696
+ line-height: 1.4;
697
+ max-width: 480px;
698
+ margin-left: auto;
699
+ margin-right: auto;
700
+ }
701
+
702
+ .status-box {
703
+ background-color: #fef2f2;
704
+ border: 1px solid #f87171;
705
+ border-radius: 12px;
706
+ padding: 20px;
707
+ margin: 30px 0;
708
+ max-width: 480px;
709
+ margin-left: auto;
710
+ margin-right: auto;
711
+ }
712
+
713
+ .status-title {
714
+ font-size: 18px;
715
+ font-weight: 600;
716
+ color: #dc2626;
717
+ margin-bottom: 8px;
718
+ }
719
+
720
+ .status-text {
721
+ font-size: 16px;
722
+ color: #dc2626;
723
+ line-height: 1.5;
724
+ }
725
+
726
+ .next-steps {
727
+ font-size: 18px;
728
+ font-weight: 400;
729
+ color: #6e6e73;
730
+ margin: 30px 0;
731
+ line-height: 1.4;
732
+ max-width: 480px;
733
+ margin-left: auto;
734
+ margin-right: auto;
735
+ }
736
+
737
+ .cta-button {
738
+ display: inline-block;
739
+ background: linear-gradient(135deg, #6b46c1 0%, #8b5cf6 100%);
740
+ color: #ffffff;
741
+ text-decoration: none;
742
+ padding: 16px 40px;
743
+ border-radius: 50px;
744
+ font-size: 18px;
745
+ font-weight: 600;
746
+ letter-spacing: 0.2px;
747
+ transition: all 0.3s ease;
748
+ box-shadow: 0 8px 24px rgba(107, 70, 193, 0.3);
749
+ margin-bottom: 60px;
750
+ }
751
+
752
+ .cta-button:hover {
753
+ transform: translateY(-2px);
754
+ box-shadow: 0 12px 32px rgba(107, 70, 193, 0.4);
755
+ }
756
+
757
+ .footer {
758
+ text-align: center;
759
+ padding: 40px;
760
+ border-top: 1px solid #f5f5f7;
761
+ margin-top: 40px;
762
+ }
763
+
764
+ .footer-text {
765
+ font-size: 14px;
766
+ color: #86868b;
767
+ margin-bottom: 16px;
768
+ }
769
+
770
+ @media (max-width: 480px) {
771
+ .header {
772
+ padding: 40px 20px 20px;
773
+ }
774
+
775
+ .hero-section {
776
+ padding: 0 20px 40px;
777
+ }
778
+
779
+ .headline {
780
+ font-size: 28px;
781
+ }
782
+
783
+ .subheadline {
784
+ font-size: 18px;
785
+ }
786
+
787
+ .footer {
788
+ padding: 30px 20px;
789
+ }
790
+ }
791
+ </style>
792
+ </head>
793
+ <body>
794
+ <div class="email-container">
795
+ <!-- Header -->
796
+ <div class="header">
797
+ <div class="logo">ClosetCoach</div>
798
+ </div>
799
+
800
+ <!-- Hero Section -->
801
+ <div class="hero-section">
802
+ <img src="https://huggingface.co/spaces/habulaj/connect/resolve/main/approve.png" alt="Application update illustration" class="hero-image">
803
+
804
+ <h1 class="headline">Application Update</h1>
805
+
806
+ <p class="subheadline">
807
+ Thank you for your interest in becoming a ClosetCoach stylist. After careful review, we're unable to approve your application at this time.
808
+ </p>
809
+
810
+ <div class="status-box">
811
+ <div class="status-title">❌ Application Not Approved</div>
812
+ <div class="status-text">
813
+ Your stylist application has been reviewed and was not approved based on our current requirements and standards.
814
+ </div>
815
+ </div>
816
+
817
+ <p class="next-steps">
818
+ For detailed feedback and specific reasons regarding your application, please open the ClosetCoach app and check your account notifications.
819
+ </p>
820
+
821
+ <a href="https://ameddes.com/app" class="cta-button">Open App for Details</a>
822
+ </div>
823
+
824
+ <!-- Footer -->
825
+ <div class="footer">
826
+ <p class="footer-text">
827
+ You're receiving this email regarding your ClosetCoach stylist application.<br>
828
+ We appreciate your interest in joining our platform.
829
  </p>
830
 
831
  <p class="footer-text" style="margin-top: 24px;">