Apply code review feedback: Update branding, security, and UX improvements

Co-authored-by: aurelianware <194855645+aurelianware@users.noreply.github.com>

Author: Copilot

portal/CloudHealthOffice.Portal/Pages/Welcome.razor

@@ -1,5 +1,6 @@
 @page "/welcome"
 @using Microsoft.AspNetCore.Authorization
+@using System.ComponentModel.DataAnnotations
 @inject NavigationManager Navigation
 
 @attribute [AllowAnonymous]
@@ -15,6 +16,7 @@
 <!-- Hero Section -->
 <section class="hero">
     <div class="container">
+        <img src="/images/logo-cloudhealthoffice-sentinel-primary.svg" alt="Cloud Health Office" class="hero-logo" />
         <h1 class="display-4">Welcome to Cloud Health Office</h1>
         <p class="lead">Your Complete EDI Transaction Suite for Efficient Health Plan Management</p>
         <a href="#signup" class="btn btn-light btn-lg">Sign Up Now</a>
@@ -44,7 +46,7 @@
             <div class="col-md-4 text-center">
                 <div class="feature-icon">📎</div>
                 <h4>Claim Attachments</h4>
-                <p>275/276/277 unsolicited and solicited attachments, FHIR integration, and automated delivery.</p>
+                <p>275 claim attachments (unsolicited and solicited), FHIR integration, and automated delivery.</p>
             </div>
             <div class="col-md-4 text-center">
                 <div class="feature-icon">👥</div>
@@ -93,15 +95,18 @@
         <h2 class="text-center mb-4">Sign Up and Start Today</h2>
         <p class="text-center mb-5">Secure billing powered by Stripe. Choose your plan and get instant access.</p>
         <EditForm Model="signupModel" OnValidSubmit="HandleSignup">
+            <DataAnnotationsValidator />
+            <ValidationSummary />
             <div class="row justify-content-center">
                 <div class="col-md-6">
                     <div class="mb-3">
                         <label for="email" class="form-label">Email Address</label>
-                        <InputText id="email" class="form-control" @bind-Value="signupModel.Email" />
-                    </div>
-                    <div class="mb-3">
-                        <label for="password" class="form-label">Password</label>
-                        <InputText id="password" type="password" class="form-control" @bind-Value="signupModel.Password" />
+                        <InputText id="email"
+                                   type="email"
+                                   autocomplete="email"
+                                   class="form-control"
+                                   @bind-Value="signupModel.Email" />
+                        <ValidationMessage For="@(() => signupModel.Email)" />
                     </div>
                     <div class="mb-3">
                         <label for="plan" class="form-label">Select Plan</label>
@@ -124,16 +129,19 @@
 
     private class SignupModel
     {
+        [Required(ErrorMessage = "Email address is required")]
+        [EmailAddress(ErrorMessage = "Invalid email address")]
         public string Email { get; set; } = string.Empty;
-        public string Password { get; set; } = string.Empty;
+        
+        [Required(ErrorMessage = "Plan selection is required")]
         public string Plan { get; set; } = "basic";
     }
 
-    private async Task HandleSignup()
+    private Task HandleSignup()
     {
         // TODO: Integrate with Stripe API here
         // For example, use JS Interop to call Stripe.js or server-side creation of Checkout Session
         // This is a placeholder; implement actual signup logic
-        Console.WriteLine($"Signing up with Email: {signupModel.Email}, Plan: {signupModel.Plan}");
+        return Task.CompletedTask;
     }
 }

portal/CloudHealthOffice.Portal/Pages/Welcome.razor.css

@@ -1,19 +1,31 @@
-/* Hero Section */
+/* Hero Section - Sentinel Branding */
 .hero {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #000000;
+    background-image: 
+        radial-gradient(circle at 20% 50%, rgba(0, 255, 255, 0.03) 0%, transparent 50%),
+        radial-gradient(circle at 80% 80%, rgba(255, 0, 255, 0.03) 0%, transparent 50%);
     color: white;
     padding: 5rem 2rem;
     text-align: center;
 }
 
+.hero-logo {
+    max-width: 250px;
+    margin-bottom: 2rem;
+    filter: drop-shadow(0 0 30px rgba(0, 255, 255, 0.5));
+}
+
 .hero .display-4 {
     font-weight: bold;
     margin-bottom: 1.5rem;
+    color: #00ffff;
+    text-shadow: 0 0 20px rgba(0, 255, 255, 0.8);
 }
 
 .hero .lead {
     font-size: 1.5rem;
     margin-bottom: 2rem;
+    color: #b0b0b0;
 }
 
 /* Feature Icons */
@@ -22,38 +34,59 @@
     margin-bottom: 1rem;
 }
 
-/* Testimonials */
+/* Testimonials - Sentinel Branding */
 .testimonial {
     padding: 2rem;
-    background: white;
+    background: #0a0a0a;
+    border: 1px solid #00ffff;
     border-radius: 8px;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
     height: 100%;
 }
 
 .testimonial p:first-child {
     font-style: italic;
-    color: #555;
+    color: #b0b0b0;
     margin-bottom: 1rem;
 }
 
 .testimonial strong {
-    color: #667eea;
+    color: #00ff88;
 }
 
-/* Signup Section */
+/* Signup Section - Sentinel Branding */
 .signup-section {
-    background: #f8f9fa;
+    background: #0a0a0a;
     padding: 4rem 2rem;
 }
 
 .signup-section h2 {
-    color: #333;
+    color: #00ffff;
+    text-shadow: 0 0 20px rgba(0, 255, 255, 0.8);
+}
+
+.signup-section p {
+    color: #b0b0b0;
 }
 
 .signup-section .form-label {
     font-weight: 600;
-    color: #555;
+    color: #b0b0b0;
+}
+
+.signup-section .form-control,
+.signup-section .form-select {
+    background: #0f0f0f;
+    border: 1px solid #00ffff;
+    color: #ffffff;
+}
+
+.signup-section .form-control:focus,
+.signup-section .form-select:focus {
+    background: #0f0f0f;
+    border-color: #00ff88;
+    box-shadow: 0 0 10px rgba(0, 255, 136, 0.4);
+    color: #ffffff;
 }
 
 /* Responsive adjustments */

portal/CloudHealthOffice.Portal/Pages/_Host.cshtml

@@ -34,6 +34,5 @@
     <script src="_content/MudBlazor/MudBlazor.min.js"></script>
     <script src="https://js.stripe.com/v3/"></script>
     <script src="/js/stripe-handler.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>

site/assessment.html

@@ -482,7 +482,7 @@ <h3>Immediate Actions</h3>
 <ol>
 <li><p><strong>Schedule Demo</strong></p>
 <ul>
-<li><a href="https://calendly.com/mark-cloudhealthoffice">Book 30-minute platform walkthrough</a></li>
+<li><a href="https://calendly.com/mark-cloudhealthoffice" target="_blank" rel="noopener noreferrer">Book 30-minute platform walkthrough</a></li>
 <li>Review your specific payer requirements</li>
 <li>See live deployment demonstration</li>
 </ul>