diff --git a/.gitignore b/.gitignore
index f34a5ca..c069bf7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 /subscribers.db
-/.venv/
-/.github/
-/__pycache__/
 /.env
-venv
+bin/
+obj/
+*.user
+*.suo
+.vs/
diff --git a/Containerfile b/Containerfile
index f1ef53a..185ce54 100644
--- a/Containerfile
+++ b/Containerfile
@@ -1,44 +1,28 @@
 # Build stage
-FROM golang:1.25-alpine AS builder
+FROM mcr.microsoft.com/dotnet/sdk:8.0-alpine AS builder
 
 WORKDIR /app
 
-# Install build dependencies
-RUN apk add --no-cache git
+# Copy csproj and restore dependencies
+COPY landing.csproj .
+RUN dotnet restore
 
-# Copy go mod files
-COPY go.mod go.sum ./
-
-# Download dependencies
-RUN go mod download
-
-# Copy source code
+# Copy everything and publish
 COPY . .
+RUN dotnet publish -c Release -o /app/publish --no-restore
 
-# Build the application
-RUN CGO_ENABLED=0 GOOS=linux go build -a -installsuffix cgo \
-    -o server ./cmd/landing
+# Runtime stage
+FROM mcr.microsoft.com/dotnet/aspnet:8.0-alpine
 
-# Final stage
-FROM alpine:latest
-
-# Install ca-certificates for HTTPS
 RUN apk --no-cache add ca-certificates
 
 WORKDIR /app
 
-# Copy binary from builder
-COPY --from=builder /app/server .
-
-# Copy templates directory
-COPY --from=builder /app/templates ./templates
-
-# Copy static files directory
-COPY --from=builder /app/static ./static
-
-# Copy .env (optional - can be overridden at runtime)
-COPY .env .env
+COPY --from=builder /app/publish .
 
 EXPOSE 5000
 
-CMD ["./server"]
\ No newline at end of file
+ENV ASPNETCORE_ENVIRONMENT=Production
+ENV DOTNET_RUNNING_IN_CONTAINER=true
+
+CMD ["dotnet", "landing.dll"]
diff --git a/Data/AppDbContext.cs b/Data/AppDbContext.cs
new file mode 100644
index 0000000..352e66d
--- /dev/null
+++ b/Data/AppDbContext.cs
@@ -0,0 +1,21 @@
+using Microsoft.EntityFrameworkCore;
+using landing.Models;
+
+namespace landing.Data;
+
+public class AppDbContext : DbContext
+{
+    public AppDbContext(DbContextOptions<AppDbContext> options) : base(options) { }
+
+    public DbSet<Subscriber> Subscribers => Set<Subscriber>();
+    public DbSet<Newsletter> Newsletters => Set<Newsletter>();
+    public DbSet<ContactMessage> ContactMessages => Set<ContactMessage>();
+
+    protected override void OnModelCreating(ModelBuilder modelBuilder)
+    {
+        modelBuilder.Entity<Subscriber>(entity =>
+        {
+            entity.HasIndex(e => e.Email).IsUnique();
+        });
+    }
+}
diff --git a/Middleware/SecurityMiddleware.cs b/Middleware/SecurityMiddleware.cs
new file mode 100644
index 0000000..d4e8ba3
--- /dev/null
+++ b/Middleware/SecurityMiddleware.cs
@@ -0,0 +1,62 @@
+using System.Diagnostics;
+
+namespace landing.Middleware;
+
+public class SecurityMiddleware
+{
+    private readonly RequestDelegate _next;
+    private readonly ILogger<SecurityMiddleware> _logger;
+
+    private static readonly string[] BlockedPatterns =
+    {
+        "python-requests", "curl", "wget", "sqlmap", "nikto",
+        ".php", ".env", ".git", "wp-admin", "xmlrpc", "backup", "config"
+    };
+
+    public SecurityMiddleware(RequestDelegate next, ILogger<SecurityMiddleware> logger)
+    {
+        _next = next;
+        _logger = logger;
+    }
+
+    public async Task InvokeAsync(HttpContext context)
+    {
+        var request = context.Request;
+        var userAgent = request.Headers.UserAgent.ToString().ToLowerInvariant();
+        var requestPath = request.Path.Value?.ToLowerInvariant() ?? "";
+        var queryString = request.QueryString.Value?.ToLowerInvariant() ?? "";
+        var fullUri = requestPath + queryString;
+
+        foreach (var pattern in BlockedPatterns)
+        {
+            if (fullUri.Contains(pattern))
+            {
+                _logger.LogWarning("BLOCKED attack: {Method} {Path} from {RemoteIp}",
+                    request.Method, request.Path, context.Connection.RemoteIpAddress);
+                context.Response.StatusCode = StatusCodes.Status403Forbidden;
+                await context.Response.WriteAsync("Access Denied");
+                return;
+            }
+
+            if (userAgent.Contains(pattern))
+            {
+                _logger.LogWarning("BLOCKED bot: {UserAgent} from {RemoteIp}",
+                    userAgent, context.Connection.RemoteIpAddress);
+                context.Response.StatusCode = StatusCodes.Status403Forbidden;
+                await context.Response.WriteAsync("Access Denied");
+                return;
+            }
+        }
+
+        var sw = Stopwatch.StartNew();
+        await _next(context);
+        sw.Stop();
+
+        _logger.LogInformation("{Method} {Path} {StatusCode} {Duration}ms {RemoteIp}",
+            request.Method,
+            request.Path,
+            context.Response.StatusCode,
+            sw.ElapsedMilliseconds,
+            context.Connection.RemoteIpAddress);
+    }
+}
diff --git a/Models/ContactMessage.cs b/Models/ContactMessage.cs
new file mode 100644
index 0000000..d734574
--- /dev/null
+++ b/Models/ContactMessage.cs
@@ -0,0 +1,31 @@
+using System.ComponentModel.DataAnnotations;
+using System.ComponentModel.DataAnnotations.Schema;
+
+namespace landing.Models;
+
+[Table("contact_messages")]
+public class ContactMessage
+{
+    [Key]
+    [Column("id")]
+    public int Id { get; set; }
+
+    [Required]
+    [Column("name")]
+    public string Name { get; set; } = string.Empty;
+
+    [Required]
+    [Column("email")]
+    public string Email { get; set; } = string.Empty;
+
+    [Required]
+    [Column("subject")]
+    public string Subject { get; set; } = string.Empty;
+
+    [Required]
+    [Column("message")]
+    public string Message { get; set; } = string.Empty;
+
+    [Column("created_at")]
+    public DateTime CreatedAt { get; set; } = DateTime.UtcNow;
+}
diff --git a/Models/Newsletter.cs b/Models/Newsletter.cs
new file mode 100644
index 0000000..b9626cc
--- /dev/null
+++ b/Models/Newsletter.cs
@@ -0,0 +1,23 @@
+using System.ComponentModel.DataAnnotations;
+using System.ComponentModel.DataAnnotations.Schema;
+
+namespace landing.Models;
+
+[Table("newsletters")]
+public class Newsletter
+{
+    [Key]
+    [Column("id")]
+    public int Id { get; set; }
+
+    [Required]
+    [Column("subject")]
+    public string Subject { get; set; } = string.Empty;
+
+    [Required]
+    [Column("body")]
+    public string Body { get; set; } = string.Empty;
+
+    [Column("sent_at")]
+    public DateTime SentAt { get; set; } = DateTime.UtcNow;
+}
diff --git a/Models/Subscriber.cs b/Models/Subscriber.cs
new file mode 100644
index 0000000..ac21243
--- /dev/null
+++ b/Models/Subscriber.cs
@@ -0,0 +1,16 @@
+using System.ComponentModel.DataAnnotations;
+using System.ComponentModel.DataAnnotations.Schema;
+
+namespace landing.Models;
+
+[Table("subscribers")]
+public class Subscriber
+{
+    [Key]
+    [Column("id")]
+    public int Id { get; set; }
+
+    [Required]
+    [Column("email")]
+    public string Email { get; set; } = string.Empty;
+}
diff --git a/Pages/About.cshtml b/Pages/About.cshtml
new file mode 100644
index 0000000..ffbc7d5
--- /dev/null
+++ b/Pages/About.cshtml
@@ -0,0 +1,310 @@
+@page
+@model AboutModel
+@{
+    ViewData["Title"] = "RideAware - About";
+}
+
+<section class="page-hero">
+  <h1>About RideAware</h1>
+  <p>Smart cycling training for every level</p>
+</section>
+
+<section class="about-mission">
+  <div class="container">
+    <div class="mission-text">
+      <h2>Our Mission</h2>
+      <p>
+        RideAware is dedicated to making cycling training accessible,
+        effective, and enjoyable for cyclists of all levels. We provide
+        intelligent training plans, real-time analytics, and community support
+        to help you achieve your cycling goals.
+      </p>
+      <p>
+        Every ride counts. We believe smart training combined with technology
+        can unlock your full potential as a cyclist.
+      </p>
+      <ul>
+        <li>AI-powered adaptive training plans</li>
+        <li>Real-time performance analytics</li>
+        <li>Expert coaching and guidance</li>
+        <li>Community-driven motivation</li>
+        <li>Seamless device integration</li>
+      </ul>
+    </div>
+
+    <div class="mission-visual">
+      <i class="fas fa-bicycle"></i>
+    </div>
+  </div>
+</section>
+
+<section class="values-section">
+  <div class="container">
+    <div class="section-header">
+      <div class="section-label"><i class="fas fa-compass"></i> Values</div>
+      <h2 class="section-title">What drives our mission</h2>
+    </div>
+
+    <div class="values-grid">
+      <div class="value-card fade-in">
+        <div class="value-icon">
+          <i class="fas fa-heart"></i>
+        </div>
+        <h3>Passion</h3>
+        <p>
+          We're cyclists ourselves. We understand the dedication it takes
+          to improve and achieve your goals.
+        </p>
+      </div>
+
+      <div class="value-card fade-in">
+        <div class="value-icon">
+          <i class="fas fa-brain"></i>
+        </div>
+        <h3>Intelligence</h3>
+        <p>
+          Our AI-driven platform learns from your performance to deliver
+          personalized training that actually works.
+        </p>
+      </div>
+
+      <div class="value-card fade-in">
+        <div class="value-icon">
+          <i class="fas fa-users"></i>
+        </div>
+        <h3>Community</h3>
+        <p>
+          Cycling is better together. Connect with other riders, share
+          achievements, and push each other forward.
+        </p>
+      </div>
+
+      <div class="value-card fade-in">
+        <div class="value-icon">
+          <i class="fas fa-chart-line"></i>
+        </div>
+        <h3>Transparency</h3>
+        <p>
+          See all your data clearly. We believe in giving you the insights
+          you need to understand your progress.
+        </p>
+      </div>
+
+      <div class="value-card fade-in">
+        <div class="value-icon">
+          <i class="fas fa-lightbulb"></i>
+        </div>
+        <h3>Innovation</h3>
+        <p>
+          Technology should enhance your cycling, not complicate it.
+          We're constantly improving to serve you better.
+        </p>
+      </div>
+
+      <div class="value-card fade-in">
+        <div class="value-icon">
+          <i class="fas fa-medal"></i>
+        </div>
+        <h3>Excellence</h3>
+        <p>
+          Whether you're training for a race or personal satisfaction,
+          we help you reach peak performance.
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="team-section">
+  <div class="container">
+    <div class="team-header">
+      <h2>Meet Our Team</h2>
+      <p>Cyclists and engineers building the future of training</p>
+    </div>
+
+    <div class="team-grid">
+      <div class="team-member fade-in">
+        <div class="team-member-image">
+          <i class="fas fa-user-circle"></i>
+        </div>
+        <div class="team-member-info">
+          <h3>Blake Ridgway</h3>
+          <p>Founder &amp; CEO</p>
+          <div class="bio">
+            Building the future of cycling training with scalable infrastructure
+            and performant systems. Passionate about Infrastructure-as-Code,
+            cloud networking, and creating observable platforms that ship faster
+            with confidence.
+          </div>
+        </div>
+      </div>
+
+      <div class="team-member fade-in">
+        <div class="team-member-image">
+          <i class="fas fa-user-circle"></i>
+        </div>
+        <div class="team-member-info">
+          <h3>Cycling Experts</h3>
+          <p>Training Advisors</p>
+          <div class="bio">
+            Professional cyclists and coaches ensuring our training plans
+            are effective and science-based.
+          </div>
+        </div>
+      </div>
+
+      <div class="team-member fade-in">
+        <div class="team-member-image">
+          <i class="fas fa-user-circle"></i>
+        </div>
+        <div class="team-member-info">
+          <h3>You</h3>
+          <p>Community</p>
+          <div class="bio">
+            Every rider using RideAware is part of our team. Your feedback
+            shapes our future.
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="stats-section">
+  <div class="container">
+    <div class="section-header">
+      <h2 class="section-title">By The Numbers</h2>
+      <p class="section-subtitle" style="margin: 0 auto;">Growth and impact</p>
+    </div>
+
+    <div class="stats-grid">
+      <div class="stat-box">
+        <div class="stat-number">Coming</div>
+        <div class="stat-label">Q4 2026</div>
+      </div>
+
+      <div class="stat-box">
+        <div class="stat-number">&infin;</div>
+        <div class="stat-label">Potential</div>
+      </div>
+
+      <div class="stat-box">
+        <div class="stat-number">100%</div>
+        <div class="stat-label">Passion</div>
+      </div>
+
+      <div class="stat-box">
+        <div class="stat-number">You</div>
+        <div class="stat-label">In Control</div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="faq-section">
+  <div class="container">
+    <div class="section-header">
+      <h2 class="section-title">Frequently Asked Questions</h2>
+    </div>
+
+    <div class="faq-container">
+      <div class="faq-item">
+        <div class="faq-question">
+          <h3>When is RideAware launching?</h3>
+          <i class="fas fa-chevron-down"></i>
+        </div>
+        <div class="faq-answer">
+          <p>
+            We're launching Q4 2026! Sign up for our newsletter to get
+            early access and exclusive launch day bonuses.
+          </p>
+        </div>
+      </div>
+
+      <div class="faq-item">
+        <div class="faq-question">
+          <h3>How much will it cost?</h3>
+          <i class="fas fa-chevron-down"></i>
+        </div>
+        <div class="faq-answer">
+          <p>
+            Pricing details coming soon. We're committed to making RideAware
+            accessible to cyclists at all price points.
+          </p>
+        </div>
+      </div>
+
+      <div class="faq-item">
+        <div class="faq-question">
+          <h3>What devices does RideAware support?</h3>
+          <i class="fas fa-chevron-down"></i>
+        </div>
+        <div class="faq-answer">
+          <p>
+            RideAware works on iOS, Android, web, and integrates with all
+            major fitness trackers and cycling computers (Garmin, Wahoo, etc.).
+          </p>
+        </div>
+      </div>
+
+      <div class="faq-item">
+        <div class="faq-question">
+          <h3>Is my data private?</h3>
+          <i class="fas fa-chevron-down"></i>
+        </div>
+        <div class="faq-answer">
+          <p>
+            Yes. Your training data is yours alone. We'll never sell or share
+            your personal information with third parties.
+          </p>
+        </div>
+      </div>
+
+      <div class="faq-item">
+        <div class="faq-question">
+          <h3>Can I import my current training data?</h3>
+          <i class="fas fa-chevron-down"></i>
+        </div>
+        <div class="faq-answer">
+          <p>
+            Yes! RideAware will integrate with Strava, TrainingPeaks, and other
+            platforms so you can bring all your history with you.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="cta-section">
+  <div class="container">
+    <div class="cta-card">
+      <h2>Ready to Elevate Your Cycling?</h2>
+      <p>Join the waitlist and be first to know when we launch.</p>
+      <a href="/" class="action-btn primary">
+        Join the Waitlist
+        <i class="fas fa-arrow-right"></i>
+      </a>
+    </div>
+  </div>
+</section>
+
+@section Scripts {
+<script>
+  // FAQ accordion toggle
+  document.querySelectorAll('.faq-question').forEach((question) => {
+    question.addEventListener('click', () => {
+      const item = question.parentElement;
+      const isOpen = item.classList.contains('open');
+
+      document.querySelectorAll('.faq-item').forEach((faq) => {
+        faq.classList.remove('open');
+      });
+
+      if (!isOpen) {
+        item.classList.add('open');
+      }
+    });
+  });
+</script>
+}
diff --git a/Pages/About.cshtml.cs b/Pages/About.cshtml.cs
new file mode 100644
index 0000000..dfada56
--- /dev/null
+++ b/Pages/About.cshtml.cs
@@ -0,0 +1,10 @@
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace landing.Pages;
+
+public class AboutModel : PageModel
+{
+    public void OnGet()
+    {
+    }
+}
diff --git a/Pages/Contact.cshtml b/Pages/Contact.cshtml
new file mode 100644
index 0000000..e5d653d
--- /dev/null
+++ b/Pages/Contact.cshtml
@@ -0,0 +1,224 @@
+@page
+@model ContactModel
+@{
+    ViewData["Title"] = "RideAware - Contact";
+}
+
+<section class="page-hero">
+  <h1>Get in Touch</h1>
+  <p>We'd love to hear from you. Send us a message!</p>
+</section>
+
+<section class="contact-layout">
+  <div class="container">
+    <div class="contact-info-side">
+      <h2>Let's Connect</h2>
+      <p>
+        Have a question about RideAware? Want to collaborate?
+        Reach out and let us know how we can help.
+      </p>
+      <ul>
+        <li>Fast response times</li>
+        <li>Friendly support team</li>
+        <li>Multiple contact options</li>
+        <li>Always here to help</li>
+      </ul>
+
+      <div class="contact-info">
+        <div class="info-card">
+          <div class="info-card-icon">
+            <i class="fas fa-envelope"></i>
+          </div>
+          <div>
+            <h3>Email</h3>
+            <p><a href="mailto:hello@rideaware.com">hello@rideaware.com</a></p>
+          </div>
+        </div>
+
+        <div class="info-card">
+          <div class="info-card-icon">
+            <i class="fas fa-map-marker-alt"></i>
+          </div>
+          <div>
+            <h3>Address</h3>
+            <p>1909 W Owen K Garriott Rd<br />Enid, OK 73703</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <form class="contact-form" id="contactForm">
+      <div class="form-success" id="successMessage">
+        <strong>Thank you!</strong> We've received your message
+        and will get back to you soon.
+      </div>
+
+      <h2>Send us a message</h2>
+
+      <div class="form-group">
+        <label for="name">
+          Full Name <span class="required">*</span>
+        </label>
+        <input
+          type="text"
+          id="name"
+          name="name"
+          required
+          autocomplete="name"
+        />
+      </div>
+
+      <div class="form-group">
+        <label for="email">
+          Email Address <span class="required">*</span>
+        </label>
+        <input
+          type="email"
+          id="email"
+          name="email"
+          required
+          autocomplete="email"
+        />
+        <small>We'll respond to this email address</small>
+      </div>
+
+      <div class="form-group">
+        <label for="subject">Subject <span class="required">*</span></label>
+        <select id="subject" name="subject" required>
+          <option value="">-- Select a subject --</option>
+          <option value="general">General Inquiry</option>
+          <option value="support">Support</option>
+          <option value="partnership">Partnership</option>
+          <option value="feedback">Feedback</option>
+          <option value="other">Other</option>
+        </select>
+      </div>
+
+      <div class="form-group">
+        <label for="message">
+          Message <span class="required">*</span>
+        </label>
+        <textarea
+          id="message"
+          name="message"
+          required
+          placeholder="Your message here..."
+        ></textarea>
+      </div>
+
+      <div class="newsletter-opt-in">
+        <label for="subscribe" class="checkbox-label">
+          <input
+            type="checkbox"
+            id="subscribe"
+            name="subscribe"
+            class="checkbox-input"
+          />
+          <span class="checkbox-text">
+            <i class="fas fa-bell"></i>
+            Subscribe to our newsletter for training tips and updates
+          </span>
+        </label>
+      </div>
+
+      <!-- Simple Addition CAPTCHA -->
+      <div class="form-group">
+        <label for="captcha">
+          Quick Math Check <span class="required">*</span>
+        </label>
+        <div id="captchaQuestion" style="font-weight: bold; margin-bottom: 8px; color: var(--text-primary); font-size: 16px;"></div>
+        <input
+          type="text"
+          id="captcha"
+          name="captcha"
+          required
+          placeholder="Enter the answer"
+          autocomplete="off"
+          inputmode="numeric"
+        />
+      </div>
+
+      <button type="submit" class="form-submit">
+        <i class="fas fa-paper-plane"></i>
+        Send Message
+      </button>
+    </form>
+  </div>
+</section>
+
+@section Scripts {
+<script>
+  let currentCaptcha = null;
+
+  function generateCaptcha() {
+    const num1 = Math.floor(Math.random() * 20) + 1;
+    const num2 = Math.floor(Math.random() * 20) + 1;
+    const answer = num1 + num2;
+
+    return {
+      question: `${num1} + ${num2} = ?`,
+      answer: answer.toString()
+    };
+  }
+
+  function initCaptcha() {
+    currentCaptcha = generateCaptcha();
+    document.getElementById('captchaQuestion').textContent = currentCaptcha.question;
+    document.getElementById('captcha').value = '';
+    document.getElementById('captcha').focus();
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initCaptcha);
+  } else {
+    initCaptcha();
+  }
+
+  document.getElementById('contactForm').addEventListener('submit', async (e) => {
+    e.preventDefault();
+
+    const userAnswer = document.getElementById('captcha').value.trim();
+    if (userAnswer !== currentCaptcha.answer) {
+      alert('Incorrect answer. Please try again.');
+      currentCaptcha = generateCaptcha();
+      document.getElementById('captchaQuestion').textContent = currentCaptcha.question;
+      document.getElementById('captcha').value = '';
+      document.getElementById('captcha').focus();
+      return;
+    }
+
+    const form = e.target;
+    const formData = new FormData(form);
+    formData.delete('captcha');
+
+    try {
+      const response = await fetch('/contact', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+        },
+        body: new URLSearchParams(formData),
+      });
+
+      const data = await response.json();
+
+      if (response.ok) {
+        document.getElementById('successMessage').classList.add('show');
+        form.reset();
+        initCaptcha();
+
+        setTimeout(() => {
+          document.getElementById('successMessage').classList.remove('show');
+        }, 5000);
+      } else {
+        alert('Error: ' + (data.error || 'Failed to send message'));
+        initCaptcha();
+      }
+    } catch (error) {
+      console.error('Error:', error);
+      alert('Failed to send message: ' + error.message);
+      initCaptcha();
+    }
+  });
+</script>
+}
diff --git a/Pages/Contact.cshtml.cs b/Pages/Contact.cshtml.cs
new file mode 100644
index 0000000..176bcb6
--- /dev/null
+++ b/Pages/Contact.cshtml.cs
@@ -0,0 +1,158 @@
+using System.Text.Json;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using landing.Data;
+using landing.Models;
+using landing.Services;
+
+namespace landing.Pages;
+
+[IgnoreAntiforgeryToken]
+public class ContactModel : PageModel
+{
+    private readonly AppDbContext _db;
+    private readonly EmailService _email;
+    private readonly SpamDetectionService _spam;
+    private readonly IConfiguration _config;
+    private readonly ILogger<ContactModel> _logger;
+
+    public ContactModel(
+        AppDbContext db,
+        EmailService email,
+        SpamDetectionService spam,
+        IConfiguration config,
+        ILogger<ContactModel> logger)
+    {
+        _db = db;
+        _email = email;
+        _spam = spam;
+        _config = config;
+        _logger = logger;
+    }
+
+    public void OnGet()
+    {
+    }
+
+    public async Task<IActionResult> OnPostAsync()
+    {
+        var name = Request.Form["name"].ToString().Trim();
+        var email = Request.Form["email"].ToString().Trim();
+        var subject = Request.Form["subject"].ToString().Trim();
+        var message = Request.Form["message"].ToString().Trim();
+        var subscribe = Request.Form["subscribe"].ToString() == "on";
+
+        // Validate required fields
+        if (string.IsNullOrEmpty(name) || string.IsNullOrEmpty(email) ||
+            string.IsNullOrEmpty(subject) || string.IsNullOrEmpty(message))
+        {
+            return JsonError("All fields are required", 400);
+        }
+
+        if (!_spam.IsValidName(name))
+        {
+            _logger.LogWarning("Rejected submission: Invalid name format - {Name}", name);
+            return JsonError("Please provide a valid name", 400);
+        }
+
+        if (!_spam.IsValidEmail(email))
+        {
+            _logger.LogWarning("Rejected submission: Invalid email format - {Email}", email);
+            return JsonError("Please provide a valid email address", 400);
+        }
+
+        if (!_spam.IsValidSubject(subject))
+        {
+            _logger.LogWarning("Rejected submission: Invalid subject - {Subject}", subject);
+            return JsonError("Please select a valid subject", 400);
+        }
+
+        if (message.Length < 10)
+            return JsonError("Message must be at least 10 characters", 400);
+
+        if (message.Length > 5000)
+            return JsonError("Message must be less than 5000 characters", 400);
+
+        if (!_spam.IsEnglishText(message))
+        {
+            _logger.LogWarning("Rejected submission: Non-English message from {Name} ({Email})", name, email);
+            return JsonError("Please submit your message in English", 400);
+        }
+
+        if (_spam.IsSpamMessage(message))
+        {
+            _logger.LogWarning("Rejected spam submission from {Name} ({Email})", name, email);
+            return JsonError("Your message was flagged as spam. Please try again with a different message.", 400);
+        }
+
+        // If subscribe checkbox is checked, add to subscribers
+        if (subscribe)
+        {
+            try
+            {
+                _db.Subscribers.Add(new Subscriber { Email = email });
+                await _db.SaveChangesAsync();
+                _logger.LogInformation("New subscriber added: {Email}", email);
+            }
+            catch
+            {
+                _logger.LogInformation("Subscriber {Email} already exists or failed to add", email);
+            }
+        }
+
+        // Send confirmation email to the user
+        try
+        {
+            await _email.SendContactConfirmationAsync(email, name);
+            _logger.LogInformation("Contact confirmation email sent to {Email}", email);
+        }
+        catch (Exception ex)
+        {
+            _logger.LogError("Failed to send contact confirmation to {Email}: {Error}", email, ex.Message);
+        }
+
+        // Send notification email to admin
+        var adminEmail = _config["ADMIN_EMAIL"];
+        if (!string.IsNullOrEmpty(adminEmail))
+        {
+            try
+            {
+                await _email.SendContactNotificationAsync(adminEmail, name, email, subject, message);
+                _logger.LogInformation("Contact notification sent to admin: {AdminEmail}", adminEmail);
+            }
+            catch (Exception ex)
+            {
+                _logger.LogError("Failed to send contact notification to admin: {Error}", ex.Message);
+            }
+        }
+
+        // Save contact message to database
+        try
+        {
+            _db.ContactMessages.Add(new ContactMessage
+            {
+                Name = name,
+                Email = email,
+                Subject = subject,
+                Message = message,
+                CreatedAt = DateTime.UtcNow
+            });
+            await _db.SaveChangesAsync();
+        }
+        catch (Exception ex)
+        {
+            _logger.LogWarning("Failed to save contact message: {Error}", ex.Message);
+        }
+
+        _logger.LogInformation("Contact form submitted by {Name} ({Email})", name, email);
+
+        Response.StatusCode = 201;
+        return new JsonResult(new { message = "Thank you for your message. We'll get back to you soon!" });
+    }
+
+    private IActionResult JsonError(string error, int statusCode)
+    {
+        Response.StatusCode = statusCode;
+        return new JsonResult(new { error });
+    }
+}
diff --git a/Pages/Error.cshtml b/Pages/Error.cshtml
new file mode 100644
index 0000000..6f92b95
--- /dev/null
+++ b/Pages/Error.cshtml
@@ -0,0 +1,26 @@
+@page
+@model ErrorModel
+@{
+    ViewData["Title"] = "Error";
+}
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (Model.ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@Model.RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to the <strong>Development</strong> environment displays detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>
diff --git a/Pages/Error.cshtml.cs b/Pages/Error.cshtml.cs
new file mode 100644
index 0000000..f59751a
--- /dev/null
+++ b/Pages/Error.cshtml.cs
@@ -0,0 +1,27 @@
+using System.Diagnostics;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace landing.Pages;
+
+[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+[IgnoreAntiforgeryToken]
+public class ErrorModel : PageModel
+{
+    public string? RequestId { get; set; }
+
+    public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+
+    private readonly ILogger<ErrorModel> _logger;
+
+    public ErrorModel(ILogger<ErrorModel> logger)
+    {
+        _logger = logger;
+    }
+
+    public void OnGet()
+    {
+        RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier;
+    }
+}
+
diff --git a/Pages/Index.cshtml b/Pages/Index.cshtml
new file mode 100644
index 0000000..7af0de6
--- /dev/null
+++ b/Pages/Index.cshtml
@@ -0,0 +1,262 @@
+@page
+@model IndexModel
+@{
+    ViewData["Title"] = "RideAware - Smart Cycling Training Platform";
+}
+
+<!-- Hero -->
+<section class="hero">
+  <div class="hero-content">
+    <div class="hero-badge">
+      <span class="pulse-dot"></span>
+      Development Build Available
+    </div>
+
+    <h1>Elevate Your<br /><span class="gradient-text">Cycling Journey</span></h1>
+
+    <p class="subtitle">
+      The smart training platform for cyclists who demand excellence.
+      AI-powered plans, real-time analytics, and community-driven motivation.
+    </p>
+
+    <div class="hero-cta">
+      <input
+        type="email"
+        class="email-input"
+        id="email-input"
+        placeholder="Enter your email"
+        required
+      />
+      <button class="btn-primary" id="notify-button">Subscribe</button>
+    </div>
+
+    <p class="hero-note">Join the newsletter for feature updates and early access.</p>
+
+    <a href="https://dev.rideaware.org" class="action-btn secondary" target="_blank" style="margin-top: 1rem;">
+      <i class="fas fa-rocket"></i>
+      Access Development Build
+    </a>
+  </div>
+</section>
+
+<!-- Social Proof -->
+<section class="proof-bar">
+  <div class="container">
+    <div class="proof-item">
+      <div class="number">Q4 2026</div>
+      <div class="label">Launch Target</div>
+    </div>
+    <div class="proof-item">
+      <div class="number">6+</div>
+      <div class="label">Core Features</div>
+    </div>
+    <div class="proof-item">
+      <div class="number">AI</div>
+      <div class="label">Powered Training</div>
+    </div>
+    <div class="proof-item">
+      <div class="number">100%</div>
+      <div class="label">Data Privacy</div>
+    </div>
+  </div>
+</section>
+
+<!-- Features -->
+<section class="features" id="features">
+  <div class="container">
+    <div class="section-header">
+      <div class="section-label"><i class="fas fa-sparkles"></i> Features</div>
+      <h2 class="section-title">Everything you need to train smarter</h2>
+      <p class="section-subtitle">
+        Comprehensive tools to optimize your cycling performance, from planning to recovery.
+      </p>
+    </div>
+
+    <div class="features-grid">
+      <div class="feature-card fade-in">
+        <div class="feature-icon">
+          <i class="fas fa-calendar-alt"></i>
+        </div>
+        <h3>Smart Training Plans</h3>
+        <p>AI-powered plans that adapt to your goals, fitness level, and schedule automatically.</p>
+      </div>
+
+      <div class="feature-card fade-in">
+        <div class="feature-icon">
+          <i class="fas fa-chart-line"></i>
+        </div>
+        <h3>Advanced Analytics</h3>
+        <p>Interactive charts, progress insights, and detailed performance metrics over time.</p>
+      </div>
+
+      <div class="feature-card fade-in">
+        <div class="feature-icon">
+          <i class="fas fa-bicycle"></i>
+        </div>
+        <h3>Virtual Training</h3>
+        <p>Expert coaching and immersive structured workouts designed for peak performance.</p>
+      </div>
+
+      <div class="feature-card fade-in">
+        <div class="feature-icon">
+          <i class="fas fa-heart"></i>
+        </div>
+        <h3>Health &amp; Recovery</h3>
+        <p>Nutrition tracking, recovery optimization, and proactive injury prevention tools.</p>
+      </div>
+
+      <div class="feature-card fade-in">
+        <div class="feature-icon">
+          <i class="fas fa-users"></i>
+        </div>
+        <h3>Community &amp; Social</h3>
+        <p>Connect with fellow cyclists, share achievements, and climb the leaderboards.</p>
+      </div>
+
+      <div class="feature-card fade-in">
+        <div class="feature-icon">
+          <i class="fas fa-sync-alt"></i>
+        </div>
+        <h3>Smart Integration</h3>
+        <p>Sync with Garmin, Wahoo, and other wearables. Import from Strava and TrainingPeaks.</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- How It Works -->
+<section class="how-it-works">
+  <div class="container">
+    <div class="section-header">
+      <div class="section-label"><i class="fas fa-route"></i> How It Works</div>
+      <h2 class="section-title">Three steps to better training</h2>
+      <p class="section-subtitle">
+        Get started in minutes and let RideAware handle the complexity.
+      </p>
+    </div>
+
+    <div class="steps-grid">
+      <div class="step-card fade-in">
+        <div class="step-number-ring">
+          <span class="gradient-text" style="font-weight: 700; font-size: 1.1rem;">1</span>
+        </div>
+        <h3>Sign Up</h3>
+        <p>Create your profile and set your cycling goals and fitness level.</p>
+      </div>
+
+      <div class="step-card fade-in">
+        <div class="step-number-ring">
+          <span class="gradient-text" style="font-weight: 700; font-size: 1.1rem;">2</span>
+        </div>
+        <h3>Set Goals</h3>
+        <p>Define what you want to achieve and let our AI build your plan.</p>
+      </div>
+
+      <div class="step-card fade-in">
+        <div class="step-number-ring">
+          <span class="gradient-text" style="font-weight: 700; font-size: 1.1rem;">3</span>
+        </div>
+        <h3>Train Smarter</h3>
+        <p>Follow your adaptive plan, track progress, and crush your goals.</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- Roadmap -->
+<section class="roadmap">
+  <div class="container">
+    <div class="section-header">
+      <div class="section-label"><i class="fas fa-code-branch"></i> Roadmap</div>
+      <h2 class="section-title">Development Status</h2>
+      <p class="section-subtitle">
+        RideAware is actively being built. Track our progress and help shape the platform.
+      </p>
+    </div>
+
+    <div class="timeline">
+      <div class="timeline-item live">
+        <div class="timeline-dot"></div>
+        <div class="timeline-badge">Live</div>
+        <h4>User Authentication</h4>
+        <p>Sign up, login, and user profiles fully functional</p>
+      </div>
+
+      <div class="timeline-item live">
+        <div class="timeline-dot"></div>
+        <div class="timeline-badge">Live</div>
+        <h4>Equipment Management</h4>
+        <p>Add and manage your bikes and cycling gear</p>
+      </div>
+
+      <div class="timeline-item live">
+        <div class="timeline-dot"></div>
+        <div class="timeline-badge">Live</div>
+        <h4>Training Zones</h4>
+        <p>HR and power zone calculations</p>
+      </div>
+
+      <div class="timeline-item in-progress">
+        <div class="timeline-dot"></div>
+        <div class="timeline-badge">In Progress</div>
+        <h4>Workout Planning</h4>
+        <p>Structured workout builder with interval support</p>
+      </div>
+
+      <div class="timeline-item in-progress">
+        <div class="timeline-dot"></div>
+        <div class="timeline-badge">In Progress</div>
+        <h4>Performance Analytics</h4>
+        <p>Detailed performance tracking and metrics</p>
+      </div>
+
+      <div class="timeline-item planned">
+        <div class="timeline-dot"></div>
+        <div class="timeline-badge">Planned</div>
+        <h4>Device Integration</h4>
+        <p>Sync with wearables and cycling computers</p>
+      </div>
+
+      <div class="timeline-item planned">
+        <div class="timeline-dot"></div>
+        <div class="timeline-badge">Planned</div>
+        <h4>Community Features</h4>
+        <p>Social sharing and competitive leaderboards</p>
+      </div>
+
+      <div class="timeline-item planned">
+        <div class="timeline-dot"></div>
+        <div class="timeline-badge">Planned</div>
+        <h4>Advanced Training</h4>
+        <p>AI-powered coaching and personalized plans</p>
+      </div>
+    </div>
+
+    <div style="text-align: center; margin-top: 3rem;">
+      <p style="color: var(--text-secondary); margin-bottom: 1rem;">Try what's live today</p>
+      <a href="https://dev.rideaware.org" class="action-btn primary" target="_blank">
+        <i class="fas fa-rocket"></i>
+        Access Development Build
+      </a>
+    </div>
+  </div>
+</section>
+
+<!-- CTA -->
+<section class="cta-section">
+  <div class="container">
+    <div class="cta-card">
+      <h2>Ready to elevate your cycling?</h2>
+      <p>Join the waitlist and be first to know when we launch.</p>
+      <div class="hero-cta">
+        <input
+          type="email"
+          class="email-input"
+          id="cta-email-input"
+          placeholder="Enter your email"
+        />
+        <button class="btn-primary" id="cta-notify-button">Subscribe</button>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/Pages/Index.cshtml.cs b/Pages/Index.cshtml.cs
new file mode 100644
index 0000000..f8341a1
--- /dev/null
+++ b/Pages/Index.cshtml.cs
@@ -0,0 +1,10 @@
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace landing.Pages;
+
+public class IndexModel : PageModel
+{
+    public void OnGet()
+    {
+    }
+}
diff --git a/Pages/NewsletterDetail.cshtml b/Pages/NewsletterDetail.cshtml
new file mode 100644
index 0000000..bcfb9ff
--- /dev/null
+++ b/Pages/NewsletterDetail.cshtml
@@ -0,0 +1,101 @@
+@page "/newsletter/{id:int}"
+@model NewsletterDetailModel
+@{
+    ViewData["Title"] = $"RideAware - {Model.NewsletterItem?.Subject}";
+}
+
+@if (Model.NewsletterItem != null)
+{
+  <div class="article-wrap">
+    <aside class="article-aside">
+      <a href="/newsletters" class="back-link">
+        <i class="fas fa-arrow-left"></i>
+        Back to Newsletters
+      </a>
+
+      <div class="article-meta">
+        <h2 class="article-title">
+          @Model.NewsletterItem.Subject
+        </h2>
+
+        <div class="meta-row">
+          <i class="fas fa-calendar-alt"></i>
+          <span>@Model.NewsletterItem.SentAt.ToString("MMMM d, yyyy 'at' h:mm tt")</span>
+        </div>
+      </div>
+
+      <nav class="toc">
+        <div class="toc-title">On this page</div>
+        <ol id="toc-list"></ol>
+      </nav>
+    </aside>
+
+    <main class="article-main">
+      <header class="article-hero">
+        <div class="newsletter-icon">
+          <i class="fas fa-envelope-open-text"></i>
+        </div>
+        <h1>@Model.NewsletterItem.Subject</h1>
+      </header>
+
+      <article class="newsletter-content" id="article">
+        @Html.Raw(Model.NewsletterItem.Body)
+      </article>
+
+      <div class="newsletter-actions">
+        <a href="/newsletters" class="action-btn primary">
+          <i class="fas fa-list"></i>
+          View All Newsletters
+        </a>
+        <button onclick="window.print()" class="action-btn secondary">
+          <i class="fas fa-print"></i>
+          Print
+        </button>
+        <button onclick="shareNewsletter()" class="action-btn secondary">
+          <i class="fas fa-share-alt"></i>
+          Share
+        </button>
+      </div>
+    </main>
+  </div>
+}
+
+@section Scripts {
+  <script>
+    function shareNewsletter() {
+      if (navigator.share) {
+        navigator
+          .share({ title: document.title, url: location.href })
+          .catch(() => {});
+      } else {
+        navigator.clipboard.writeText(location.href);
+        alert('Link copied to clipboard!');
+      }
+    }
+
+    // Build TOC from h2/h3 inside the article
+    (function buildTOC() {
+      const article = document.getElementById('article');
+      if (!article) return;
+
+      const headings = article.querySelectorAll('h2, h3');
+      const list = document.getElementById('toc-list');
+      if (!headings.length || !list) return;
+
+      headings.forEach((h, idx) => {
+        const id = h.id || `h-${idx}`;
+        h.id = id;
+
+        const li = document.createElement('li');
+        li.className = h.tagName === 'H2' ? 'toc-h2' : 'toc-h3';
+
+        const a = document.createElement('a');
+        a.href = `#${id}`;
+        a.textContent = h.textContent;
+
+        li.appendChild(a);
+        list.appendChild(li);
+      });
+    })();
+  </script>
+}
diff --git a/Pages/NewsletterDetail.cshtml.cs b/Pages/NewsletterDetail.cshtml.cs
new file mode 100644
index 0000000..4f191f5
--- /dev/null
+++ b/Pages/NewsletterDetail.cshtml.cs
@@ -0,0 +1,28 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using landing.Data;
+using landing.Models;
+
+namespace landing.Pages;
+
+public class NewsletterDetailModel : PageModel
+{
+    private readonly AppDbContext _db;
+
+    public NewsletterDetailModel(AppDbContext db)
+    {
+        _db = db;
+    }
+
+    public Newsletter? NewsletterItem { get; set; }
+
+    public async Task<IActionResult> OnGetAsync(int id)
+    {
+        NewsletterItem = await _db.Newsletters.FindAsync(id);
+
+        if (NewsletterItem == null)
+            return NotFound("Newsletter not found");
+
+        return Page();
+    }
+}
diff --git a/Pages/Newsletters.cshtml b/Pages/Newsletters.cshtml
new file mode 100644
index 0000000..0ee4c35
--- /dev/null
+++ b/Pages/Newsletters.cshtml
@@ -0,0 +1,78 @@
+@page
+@model NewslettersModel
+@{
+    ViewData["Title"] = "RideAware - Newsletters";
+}
+
+  <section class="page-header">
+    <div class="page-header-content">
+      <div class="header-icon">
+        <i class="fas fa-newspaper"></i>
+      </div>
+      <h1>RideAware Newsletters</h1>
+      <p>
+        Stay updated with the latest cycling tips, training insights, and
+        product updates from our team.
+      </p>
+    </div>
+  </section>
+
+  <main class="main-content">
+    @if (Model.NewslettersList.Any())
+    {
+      <div class="newsletters-grid">
+        @foreach (var newsletter in Model.NewslettersList)
+        {
+          <article class="newsletter-card">
+            <div class="newsletter-header">
+              <div class="newsletter-icon">
+                <i class="fas fa-envelope-open-text"></i>
+              </div>
+              <div class="newsletter-info">
+                <h2>
+                  <a href="/newsletter/@newsletter.Id">
+                    @newsletter.Subject
+                  </a>
+                </h2>
+              </div>
+            </div>
+
+            <div class="newsletter-date">
+              <i class="fas fa-calendar-alt"></i>
+              <span>Sent on: @newsletter.SentAt.ToString("yyyy-MM-dd HH:mm:ss")</span>
+            </div>
+
+            <div class="newsletter-excerpt">
+              Get the latest updates on cycling training, performance tips,
+              and RideAware features in this newsletter edition.
+            </div>
+
+            <a
+              href="/newsletter/@newsletter.Id"
+              class="read-more-btn"
+            >
+              Read Full Newsletter
+              <i class="fas fa-arrow-right"></i>
+            </a>
+          </article>
+        }
+      </div>
+    }
+    else
+    {
+      <div class="empty-state">
+        <div class="empty-icon">
+          <i class="fas fa-inbox"></i>
+        </div>
+        <h3>No Newsletters Yet</h3>
+        <p>
+          We're working on some amazing content for you. Subscribe to be the
+          first to know when we publish our newsletters!
+        </p>
+        <a href="/" class="subscribe-prompt">
+          <i class="fas fa-bell"></i>
+          Subscribe for Updates
+        </a>
+      </div>
+    }
+  </main>
diff --git a/Pages/Newsletters.cshtml.cs b/Pages/Newsletters.cshtml.cs
new file mode 100644
index 0000000..d985f37
--- /dev/null
+++ b/Pages/Newsletters.cshtml.cs
@@ -0,0 +1,25 @@
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using Microsoft.EntityFrameworkCore;
+using landing.Data;
+using landing.Models;
+
+namespace landing.Pages;
+
+public class NewslettersModel : PageModel
+{
+    private readonly AppDbContext _db;
+
+    public NewslettersModel(AppDbContext db)
+    {
+        _db = db;
+    }
+
+    public List<Newsletter> NewslettersList { get; set; } = new();
+
+    public async Task OnGetAsync()
+    {
+        NewslettersList = await _db.Newsletters
+            .OrderByDescending(n => n.SentAt)
+            .ToListAsync();
+    }
+}
diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml
new file mode 100644
index 0000000..9c43c7c
--- /dev/null
+++ b/Pages/Shared/_Layout.cshtml
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport"
+      content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>@(ViewData["Title"] ?? "RideAware")</title>
+
+    <!-- Icons/Fonts -->
+    <link
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
+      rel="stylesheet"
+    />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
+      rel="stylesheet"
+    />
+
+    <!-- Core CSS -->
+    <link rel="stylesheet" href="~/css/styles.css" />
+
+    <!-- Favicons -->
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="~/assets/32x32.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="~/assets/apple-touch-icon.png"
+    />
+    <link rel="manifest" href="~/assets/site.webmanifest" />
+    <meta name="theme-color" content="#09090b" />
+
+    @await RenderSectionAsync("Head", required: false)
+  </head>
+  <body>
+    <nav class="navbar">
+      <div class="nav-container">
+        <a href="/" class="logo" aria-label="RideAware home">
+          <img
+            src="~/assets/logo.png"
+            alt="RideAware"
+            class="logo-img"
+            width="120"
+            height="24"
+            decoding="async"
+            fetchpriority="high"
+          />
+        </a>
+
+        <ul class="nav-links" id="primary-nav">
+          <li><a href="/#features">Features</a></li>
+          <li><a href="/newsletters">Newsletters</a></li>
+          <li><a href="/about">About</a></li>
+          <li><a href="/contact">Contact</a></li>
+        </ul>
+
+        <button
+          class="nav-toggle"
+          id="nav-toggle"
+          aria-label="Toggle navigation menu"
+          aria-controls="primary-nav"
+          aria-expanded="false"
+        >
+          <span class="bar"></span>
+          <span class="bar"></span>
+          <span class="bar"></span>
+        </button>
+      </div>
+    </nav>
+
+    @RenderBody()
+
+    <footer class="footer">
+      <p>&copy; 2026 RideAware. All rights reserved.</p>
+    </footer>
+
+    <!-- Core JS -->
+    <script defer src="~/js/main.min.js" crossorigin="anonymous"></script>
+
+    @if (!IsSectionDefined("Scripts"))
+    {
+    <script>
+      (function() {
+        const btn = document.getElementById('nav-toggle');
+        const menu = document.getElementById('primary-nav');
+        if (!btn || !menu) return;
+
+        function closeMenu() {
+          btn.classList.remove('active');
+          btn.setAttribute('aria-expanded', 'false');
+          menu.classList.remove('open');
+        }
+
+        btn.addEventListener('click', () => {
+          const isOpen = btn.classList.toggle('active');
+          btn.setAttribute('aria-expanded', String(isOpen));
+          menu.classList.toggle('open', isOpen);
+        });
+
+        menu.addEventListener('click', (e) => {
+          if (e.target.tagName === 'A') closeMenu();
+        });
+
+        document.addEventListener('keydown', (e) => {
+          if (e.key === 'Escape') closeMenu();
+        });
+
+        document.addEventListener('click', (e) => {
+          if (!menu.contains(e.target) && !btn.contains(e.target)) {
+            closeMenu();
+          }
+        });
+      })();
+    </script>
+    }
+
+    @await RenderSectionAsync("Scripts", required: false)
+  </body>
+</html>
diff --git a/Pages/Subscribe.cshtml b/Pages/Subscribe.cshtml
new file mode 100644
index 0000000..488f397
--- /dev/null
+++ b/Pages/Subscribe.cshtml
@@ -0,0 +1,2 @@
+@page
+@model SubscribeModel
diff --git a/Pages/Subscribe.cshtml.cs b/Pages/Subscribe.cshtml.cs
new file mode 100644
index 0000000..f21f7fe
--- /dev/null
+++ b/Pages/Subscribe.cshtml.cs
@@ -0,0 +1,76 @@
+using System.Text.Json;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using landing.Data;
+using landing.Models;
+using landing.Services;
+
+namespace landing.Pages;
+
+[IgnoreAntiforgeryToken]
+public class SubscribeModel : PageModel
+{
+    private readonly AppDbContext _db;
+    private readonly EmailService _email;
+    private readonly ILogger<SubscribeModel> _logger;
+
+    public SubscribeModel(AppDbContext db, EmailService email, ILogger<SubscribeModel> logger)
+    {
+        _db = db;
+        _email = email;
+        _logger = logger;
+    }
+
+    public IActionResult OnGet() => NotFound();
+
+    public async Task<IActionResult> OnPostAsync()
+    {
+        string? emailAddress = null;
+
+        // Try to read JSON body
+        try
+        {
+            using var reader = new StreamReader(Request.Body);
+            var body = await reader.ReadToEndAsync();
+            var json = JsonSerializer.Deserialize<JsonElement>(body);
+            emailAddress = json.GetProperty("email").GetString();
+        }
+        catch
+        {
+            return BadRequest(new { error = "Invalid request" });
+        }
+
+        if (string.IsNullOrWhiteSpace(emailAddress))
+        {
+            return BadRequest(new { error = "Email is required" });
+        }
+
+        try
+        {
+            _db.Subscribers.Add(new Subscriber { Email = emailAddress });
+            await _db.SaveChangesAsync();
+        }
+        catch
+        {
+            return BadRequest(new { error = "Email already exists" });
+        }
+
+        // Build unsubscribe link
+        var scheme = Request.Scheme;
+        var host = Request.Host.Value;
+        var unsubscribeLink = $"{scheme}://{host}/unsubscribe?email={emailAddress}";
+
+        try
+        {
+            await _email.SendConfirmationEmailAsync(emailAddress, unsubscribeLink);
+            _logger.LogInformation("Confirmation email sent to {Email}", emailAddress);
+        }
+        catch (Exception ex)
+        {
+            _logger.LogError("Failed to send confirmation email to {Email}: {Error}", emailAddress, ex.Message);
+        }
+
+        Response.StatusCode = 201;
+        return new JsonResult(new { message = "Email has been added" });
+    }
+}
diff --git a/Pages/Unsubscribe.cshtml b/Pages/Unsubscribe.cshtml
new file mode 100644
index 0000000..d56c323
--- /dev/null
+++ b/Pages/Unsubscribe.cshtml
@@ -0,0 +1,7 @@
+@page
+@model UnsubscribeModel
+@{
+    ViewData["Title"] = "Unsubscribe";
+    Layout = null;
+}
+@Model.ResultMessage
diff --git a/Pages/Unsubscribe.cshtml.cs b/Pages/Unsubscribe.cshtml.cs
new file mode 100644
index 0000000..e7e6c34
--- /dev/null
+++ b/Pages/Unsubscribe.cshtml.cs
@@ -0,0 +1,45 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using Microsoft.EntityFrameworkCore;
+using landing.Data;
+
+namespace landing.Pages;
+
+public class UnsubscribeModel : PageModel
+{
+    private readonly AppDbContext _db;
+    private readonly ILogger<UnsubscribeModel> _logger;
+
+    public UnsubscribeModel(AppDbContext db, ILogger<UnsubscribeModel> logger)
+    {
+        _db = db;
+        _logger = logger;
+    }
+
+    public string ResultMessage { get; set; } = string.Empty;
+
+    public async Task<IActionResult> OnGetAsync([FromQuery] string? email)
+    {
+        if (string.IsNullOrWhiteSpace(email))
+        {
+            Response.StatusCode = 400;
+            ResultMessage = "No email specified";
+            return Page();
+        }
+
+        var subscriber = await _db.Subscribers.FirstOrDefaultAsync(s => s.Email == email);
+        if (subscriber == null)
+        {
+            Response.StatusCode = 400;
+            ResultMessage = $"Email {email} was not found or already unsubscribed";
+            return Page();
+        }
+
+        _db.Subscribers.Remove(subscriber);
+        await _db.SaveChangesAsync();
+
+        _logger.LogInformation("Unsubscribed {Email}", email);
+        ResultMessage = $"The email {email} has been unsubscribed.";
+        return Page();
+    }
+}
diff --git a/Pages/_ViewImports.cshtml b/Pages/_ViewImports.cshtml
new file mode 100644
index 0000000..3c6957d
--- /dev/null
+++ b/Pages/_ViewImports.cshtml
@@ -0,0 +1,4 @@
+@using landing
+@using landing.Models
+@namespace landing.Pages
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
diff --git a/Pages/_ViewStart.cshtml b/Pages/_ViewStart.cshtml
new file mode 100644
index 0000000..a5f1004
--- /dev/null
+++ b/Pages/_ViewStart.cshtml
@@ -0,0 +1,3 @@
+@{
+    Layout = "_Layout";
+}
diff --git a/Program.cs b/Program.cs
new file mode 100644
index 0000000..6ade4af
--- /dev/null
+++ b/Program.cs
@@ -0,0 +1,74 @@
+using Microsoft.EntityFrameworkCore;
+using landing.Data;
+using landing.Middleware;
+using landing.Services;
+
+var builder = WebApplication.CreateBuilder(args);
+
+// Load .env file if present (for local development)
+var envPath = Path.Combine(builder.Environment.ContentRootPath, ".env");
+if (File.Exists(envPath))
+{
+    foreach (var line in File.ReadAllLines(envPath))
+    {
+        var trimmed = line.Trim();
+        if (string.IsNullOrEmpty(trimmed) || trimmed.StartsWith('#'))
+            continue;
+
+        var idx = trimmed.IndexOf('=');
+        if (idx <= 0) continue;
+
+        var key = trimmed[..idx].Trim();
+        var value = trimmed[(idx + 1)..].Trim();
+
+        if (string.IsNullOrEmpty(Environment.GetEnvironmentVariable(key)))
+            Environment.SetEnvironmentVariable(key, value);
+    }
+}
+
+// Add environment variables to configuration
+builder.Configuration.AddEnvironmentVariables();
+
+// Build connection string from env vars
+var pgHost = builder.Configuration["PG_HOST"] ?? "localhost";
+var pgPort = builder.Configuration["PG_PORT"] ?? "5432";
+var pgDatabase = builder.Configuration["PG_DATABASE"] ?? "rideaware";
+var pgUser = builder.Configuration["PG_USER"] ?? "postgres";
+var pgPassword = builder.Configuration["PG_PASSWORD"] ?? "";
+
+var connectionString = $"Host={pgHost};Port={pgPort};Database={pgDatabase};Username={pgUser};Password={pgPassword}";
+
+// Register services
+builder.Services.AddDbContext<AppDbContext>(options =>
+    options.UseNpgsql(connectionString));
+
+builder.Services.AddSingleton<EmailService>();
+builder.Services.AddSingleton<SpamDetectionService>();
+builder.Services.AddRazorPages();
+
+var app = builder.Build();
+
+// Ensure database tables exist
+using (var scope = app.Services.CreateScope())
+{
+    var db = scope.ServiceProvider.GetRequiredService<AppDbContext>();
+    await db.Database.EnsureCreatedAsync();
+}
+
+// Middleware pipeline
+app.UseMiddleware<SecurityMiddleware>();
+
+if (!app.Environment.IsDevelopment())
+{
+    app.UseExceptionHandler("/Error");
+}
+
+app.UseStaticFiles();
+app.UseRouting();
+app.MapRazorPages();
+
+// Configure Kestrel to listen on the right port
+var host = builder.Configuration["HOST"] ?? "0.0.0.0";
+var port = builder.Configuration["PORT"] ?? "5000";
+
+app.Run($"http://{host}:{port}");
diff --git a/Properties/launchSettings.json b/Properties/launchSettings.json
new file mode 100644
index 0000000..31a479d
--- /dev/null
+++ b/Properties/launchSettings.json
@@ -0,0 +1,29 @@
+{
+  "$schema": "http://json.schemastore.org/launchsettings.json",
+  "iisSettings": {
+    "windowsAuthentication": false,
+    "anonymousAuthentication": true,
+    "iisExpress": {
+      "applicationUrl": "http://localhost:18915",
+      "sslPort": 0
+    }
+  },
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "http://localhost:5182",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}
diff --git a/Services/EmailService.cs b/Services/EmailService.cs
new file mode 100644
index 0000000..93324c9
--- /dev/null
+++ b/Services/EmailService.cs
@@ -0,0 +1,98 @@
+using System.Net.Security;
+using MailKit.Net.Smtp;
+using MailKit.Security;
+using MimeKit;
+
+namespace landing.Services;
+
+public class EmailService
+{
+    private readonly IConfiguration _config;
+    private readonly ILogger<EmailService> _logger;
+
+    public EmailService(IConfiguration config, ILogger<EmailService> logger)
+    {
+        _config = config;
+        _logger = logger;
+    }
+
+    public async Task SendConfirmationEmailAsync(string email, string unsubscribeLink)
+    {
+        var subject = "Thanks for subscribing!";
+        var htmlBody = $@"
+            <html>
+            <body>
+              <h1>Welcome to RideAware!</h1>
+              <p>Thank you for subscribing to our newsletter.</p>
+              <p><a href=""{System.Net.WebUtility.HtmlEncode(unsubscribeLink)}"">Unsubscribe</a></p>
+            </body>
+            </html>";
+
+        await SendEmailAsync(email, subject, htmlBody);
+    }
+
+    public async Task SendContactConfirmationAsync(string email, string name)
+    {
+        var subject = "We received your message - RideAware";
+        var escapedName = System.Net.WebUtility.HtmlEncode(name);
+        var htmlBody = $@"
+            <html>
+            <body>
+              <h2>Thank you for reaching out, {escapedName}!</h2>
+              <p>We've received your message and will get back to you as soon as possible.</p>
+              <p>In the meantime, feel free to check out more about RideAware on our website.</p>
+              <p>Best regards,<br>The RideAware Team</p>
+            </body>
+            </html>";
+
+        await SendEmailAsync(email, subject, htmlBody);
+    }
+
+    public async Task SendContactNotificationAsync(string adminEmail, string name, string email, string contactSubject, string message)
+    {
+        var emailSubject = $"New contact message from {name}";
+        var escapedName = System.Net.WebUtility.HtmlEncode(name);
+        var escapedEmail = System.Net.WebUtility.HtmlEncode(email);
+        var escapedSubject = System.Net.WebUtility.HtmlEncode(contactSubject);
+        var escapedMessage = System.Net.WebUtility.HtmlEncode(message).Replace("\n", "<br>");
+
+        var htmlBody = $@"
+            <html>
+            <body>
+              <h3>New Contact Message</h3>
+              <p><strong>From:</strong> {escapedName} ({escapedEmail})</p>
+              <p><strong>Subject:</strong> {escapedSubject}</p>
+              <h4>Message:</h4>
+              <p>{escapedMessage}</p>
+            </body>
+            </html>";
+
+        await SendEmailAsync(adminEmail, emailSubject, htmlBody);
+    }
+
+    private async Task SendEmailAsync(string toEmail, string subject, string htmlBody)
+    {
+        var smtpHost = _config["SMTP_SERVER"] ?? throw new InvalidOperationException("SMTP_SERVER not configured");
+        var smtpPort = int.Parse(_config["SMTP_PORT"] ?? "465");
+        var smtpUser = _config["SMTP_USER"] ?? throw new InvalidOperationException("SMTP_USER not configured");
+        var smtpPass = _config["SMTP_PASSWORD"] ?? throw new InvalidOperationException("SMTP_PASSWORD not configured");
+
+        var message = new MimeMessage();
+        message.From.Add(MailboxAddress.Parse(smtpUser));
+        message.To.Add(MailboxAddress.Parse(toEmail));
+        message.Subject = subject;
+        message.Body = new TextPart("html") { Text = htmlBody };
+
+        using var client = new SmtpClient();
+
+        // Accept the server's certificate (matching Go's TLS behavior)
+        client.ServerCertificateValidationCallback = (sender, certificate, chain, errors) =>
+            errors == SslPolicyErrors.None || errors == SslPolicyErrors.RemoteCertificateChainErrors;
+
+        // Port 465 uses direct SSL/TLS (SslOnConnect)
+        await client.ConnectAsync(smtpHost, smtpPort, SecureSocketOptions.SslOnConnect);
+        await client.AuthenticateAsync(smtpUser, smtpPass);
+        await client.SendAsync(message);
+        await client.DisconnectAsync(true);
+    }
+}
diff --git a/Services/SpamDetectionService.cs b/Services/SpamDetectionService.cs
new file mode 100644
index 0000000..454f909
--- /dev/null
+++ b/Services/SpamDetectionService.cs
@@ -0,0 +1,221 @@
+using System.Text.RegularExpressions;
+
+namespace landing.Services;
+
+public class SpamDetectionService
+{
+    private static readonly string[] SpamPatterns =
+    {
+        "viagra", "cialis", "casino", "lottery", "prize",
+        "click here", "buy now", "limited time",
+        "congratulations", "you have won", "claim your",
+        "bitcoin", "crypto", "forex", "trading bot",
+        "free money", "make money fast", "work from home",
+        "nigerian", "inheritance", "transfer funds",
+        "<!--", "javascript:", "onclick=", "<script",
+        "sveiki", "ciao", "hola", "\u043f\u0440\u0438\u0432\u0435\u0442",
+        "harga", "karna", "anda", "dari",
+        "toughalia", "comfythings",
+        "robertgok"
+    };
+
+    private static readonly string[] EnglishWords =
+    {
+        "the", "and", "is", "to", "of", "for", "that", "with", "this", "have",
+        "from", "be", "are", "was", "were", "been", "i", "you", "he", "she",
+        "we", "they", "my", "your", "his", "her", "it", "what", "which", "who",
+        "when", "where", "why", "how", "can", "will", "would", "should", "could",
+        "do", "does", "did", "get", "got", "go", "going", "make", "made", "know",
+        "think", "want", "need", "like", "help", "work", "use", "ask", "say", "tell",
+        "give", "find", "tell", "become", "leave", "feel", "try", "ask", "need",
+        "meet", "include", "continue", "set", "learn", "change", "lead", "understand"
+    };
+
+    private static readonly HashSet<string> CommonPairs = new()
+    {
+        "th", "he", "in", "er", "an",
+        "ed", "nd", "to", "en", "ti",
+        "es", "or", "te", "ar", "ou",
+        "it", "ha", "is", "co", "me",
+        "we", "be", "se", "as", "de",
+        "so", "re", "st", "up", "at",
+        "ai", "al", "il", "le", "li"
+    };
+
+    private static readonly HashSet<string> ValidSubjects = new()
+    {
+        "general", "support", "partnership", "feedback", "other"
+    };
+
+    private static readonly Regex UrlRegex = new(@"https?://", RegexOptions.Compiled);
+    private static readonly Regex EmailRegex = new(@"[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}", RegexOptions.Compiled);
+    private static readonly Regex PhoneRegex = new(@"\+?[0-9]{7,}", RegexOptions.Compiled);
+
+    public bool IsValidName(string name)
+    {
+        if (name.Length < 2 || name.Length > 100)
+            return false;
+
+        int numberCount = name.Count(char.IsDigit);
+        if (numberCount > 0 && (double)numberCount / name.Length > 0.33)
+            return false;
+
+        if (name.Contains("http") || name.Contains("://"))
+            return false;
+
+        return true;
+    }
+
+    public bool IsValidEmail(string email)
+    {
+        if (!email.Contains('@') || !email.Contains('.'))
+            return false;
+
+        var parts = email.Split('@');
+        if (parts.Length != 2)
+            return false;
+
+        if (parts[0].Length < 1 || parts[0].Length > 64)
+            return false;
+
+        if (parts[1].Length < 3 || parts[1].Length > 255)
+            return false;
+
+        var domainParts = parts[1].Split('.');
+        if (domainParts.Length < 2)
+            return false;
+
+        foreach (var label in domainParts)
+        {
+            if (label.Length < 1 || label.Length > 63)
+                return false;
+        }
+
+        return true;
+    }
+
+    public bool IsValidSubject(string subject) => ValidSubjects.Contains(subject);
+
+    public bool IsEnglishText(string text)
+    {
+        if (string.IsNullOrEmpty(text))
+            return true;
+
+        var lowerText = text.ToLowerInvariant();
+        var words = lowerText.Split(
+            new[] { ' ', '\t', '\n', '\r', '.', ',', '!', '?', ';', ':', '-', '(', ')', '[', ']', '{', '}', '"', '\'' },
+            StringSplitOptions.RemoveEmptyEntries
+        );
+
+        int englishWordCount = 0;
+        int totalWords = 0;
+
+        foreach (var word in words)
+        {
+            if (word.Length == 0) continue;
+            totalWords++;
+
+            if (EnglishWords.Contains(word))
+                englishWordCount++;
+        }
+
+        if (text.Length < 50)
+            return englishWordCount >= 1;
+
+        if (text.Length < 200)
+            return englishWordCount >= 2;
+
+        if (totalWords > 0)
+            return (double)englishWordCount / totalWords >= 0.1;
+
+        return true;
+    }
+
+    public bool IsSpamMessage(string message)
+    {
+        var lowerMsg = message.ToLowerInvariant();
+
+        // Check spam keywords
+        foreach (var pattern in SpamPatterns)
+        {
+            if (lowerMsg.Contains(pattern))
+                return true;
+        }
+
+        // Check for excessive URLs
+        if (UrlRegex.Matches(lowerMsg).Count > 1)
+            return true;
+
+        // Check for email addresses in message
+        if (EmailRegex.IsMatch(lowerMsg))
+            return true;
+
+        // Check for phone numbers
+        if (PhoneRegex.IsMatch(lowerMsg))
+            return true;
+
+        // Check for excessive exclamation marks
+        if (lowerMsg.Count(c => c == '!') > 2)
+            return true;
+
+        // Check for repeated characters
+        if (lowerMsg.Contains("!!!") || lowerMsg.Contains("???") || lowerMsg.Contains("..."))
+            return true;
+
+        // Check for all caps
+        if (lowerMsg.Length > 20)
+        {
+            int letterCount = 0;
+            int capsCount = 0;
+            foreach (var c in message)
+            {
+                if (char.IsLetter(c))
+                {
+                    letterCount++;
+                    if (char.IsUpper(c))
+                        capsCount++;
+                }
+            }
+            if (letterCount > 0 && (double)capsCount / letterCount > 0.6)
+                return true;
+        }
+
+        // Check for repeated words
+        var words = lowerMsg.Split(' ', StringSplitOptions.RemoveEmptyEntries);
+        if (words.Length > 5)
+        {
+            var wordCount = new Dictionary<string, int>();
+            foreach (var word in words)
+            {
+                wordCount.TryGetValue(word, out int count);
+                wordCount[word] = count + 1;
+            }
+            if (wordCount.Values.Any(c => c > 3))
+                return true;
+        }
+
+        // Check message length - very short messages are often spam
+        if (message.Length < 15)
+            return true;
+
+        // Check for gibberish - high ratio of uncommon character transitions
+        int uncommonCount = 0;
+        for (int i = 0; i < lowerMsg.Length - 1; i++)
+        {
+            char c = lowerMsg[i];
+            char next = lowerMsg[i + 1];
+
+            if (c >= 'a' && c <= 'z' && next >= 'a' && next <= 'z')
+            {
+                var pair = new string(new[] { c, next });
+                if (!CommonPairs.Contains(pair) && c != next)
+                    uncommonCount++;
+            }
+        }
+
+        if (lowerMsg.Length > 30 && uncommonCount > lowerMsg.Length / 3)
+            return true;
+
+        return false;
+    }
+}
diff --git a/appsettings.Development.json b/appsettings.Development.json
new file mode 100644
index 0000000..770d3e9
--- /dev/null
+++ b/appsettings.Development.json
@@ -0,0 +1,9 @@
+{
+  "DetailedErrors": true,
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
diff --git a/appsettings.json b/appsettings.json
new file mode 100644
index 0000000..f34df78
--- /dev/null
+++ b/appsettings.json
@@ -0,0 +1,22 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*",
+  "PG_HOST": "localhost",
+  "PG_PORT": "5432",
+  "PG_DATABASE": "rideaware",
+  "PG_USER": "postgres",
+  "PG_PASSWORD": "",
+  "SMTP_SERVER": "",
+  "SMTP_PORT": "465",
+  "SMTP_USER": "",
+  "SMTP_PASSWORD": "",
+  "ADMIN_EMAIL": "",
+  "JWT_SECRET_KEY": "",
+  "HOST": "0.0.0.0",
+  "PORT": "5000"
+}
diff --git a/cmd/landing/main.go b/cmd/landing/main.go
deleted file mode 100644
index 5979900..0000000
--- a/cmd/landing/main.go
+++ /dev/null
@@ -1,51 +0,0 @@
-package main
-
-import (
-  "context"
-  "log"
-  "os"
-  "os/signal"
-  "syscall"
-
-  "landing/internal/config"
-  "landing/internal/database"
-  "landing/internal/handlers"
-)
-
-func main() {
-  // Load configuration
-  cfg, err := config.LoadConfig()
-  if err != nil {
-    log.Fatalf("failed to load config: %v", err)
-  }
-
-  // Initialize database
-  db, err := database.New(cfg)
-  if err != nil {
-    log.Fatalf("failed to connect to database: %v", err)
-  }
-  defer db.Close(context.Background())
-
-  // Initialize database schema
-  if err := db.InitDB(context.Background()); err != nil {
-    log.Fatalf("failed to initialize database: %v", err)
-  }
-
-  // Create handler with dependencies
-  h := handlers.New(db, cfg)
-
-  // Start HTTP server
-  go func() {
-    log.Printf("starting server on %s:%s", cfg.Host, cfg.Port)
-    if err := h.Start(cfg.Host, cfg.Port); err != nil {
-      log.Printf("server error: %v", err)
-    }
-  }()
-
-  // Graceful shutdown
-  sigChan := make(chan os.Signal, 1)
-  signal.Notify(sigChan, os.Interrupt, syscall.SIGTERM)
-  <-sigChan
-
-  log.Println("shutting down server")
-}
\ No newline at end of file
diff --git a/go.mod b/go.mod
deleted file mode 100644
index c607b7e..0000000
--- a/go.mod
+++ /dev/null
@@ -1,18 +0,0 @@
-module landing
-
-go 1.25.4
-
-require (
-	github.com/jackc/pgx/v5 v5.7.6
-	github.com/joho/godotenv v1.5.1
-)
-
-require (
-	github.com/altcha-org/altcha-lib-go v0.2.2 // indirect
-	github.com/jackc/pgpassfile v1.0.0 // indirect
-	github.com/jackc/pgservicefile v0.0.0-20240606120523-5a60cdf6a761 // indirect
-	github.com/jackc/puddle/v2 v2.2.2 // indirect
-	golang.org/x/crypto v0.37.0 // indirect
-	golang.org/x/sync v0.17.0 // indirect
-	golang.org/x/text v0.29.0 // indirect
-)
diff --git a/go.sum b/go.sum
deleted file mode 100644
index 7e98b6a..0000000
--- a/go.sum
+++ /dev/null
@@ -1,32 +0,0 @@
-github.com/altcha-org/altcha-lib-go v0.2.2 h1:KY7a7jFUf6tFKZF6MzuZMhSWuGMv0MtVkK/Kj4Oas38=
-github.com/altcha-org/altcha-lib-go v0.2.2/go.mod h1:I8ESLVWR9C58uvGufB/AJDPhaSU4+4Oh3DLpVtgwDAk=
-github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
-github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
-github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
-github.com/jackc/pgpassfile v1.0.0 h1:/6Hmqy13Ss2zCq62VdNG8tM1wchn8zjSGOBJ6icpsIM=
-github.com/jackc/pgpassfile v1.0.0/go.mod h1:CEx0iS5ambNFdcRtxPj5JhEz+xB6uRky5eyVu/W2HEg=
-github.com/jackc/pgservicefile v0.0.0-20240606120523-5a60cdf6a761 h1:iCEnooe7UlwOQYpKFhBabPMi4aNAfoODPEFNiAnClxo=
-github.com/jackc/pgservicefile v0.0.0-20240606120523-5a60cdf6a761/go.mod h1:5TJZWKEWniPve33vlWYSoGYefn3gLQRzjfDlhSJ9ZKM=
-github.com/jackc/pgx/v5 v5.7.6 h1:rWQc5FwZSPX58r1OQmkuaNicxdmExaEz5A2DO2hUuTk=
-github.com/jackc/pgx/v5 v5.7.6/go.mod h1:aruU7o91Tc2q2cFp5h4uP3f6ztExVpyVv88Xl/8Vl8M=
-github.com/jackc/puddle/v2 v2.2.2 h1:PR8nw+E/1w0GLuRFSmiioY6UooMp6KJv0/61nB7icHo=
-github.com/jackc/puddle/v2 v2.2.2/go.mod h1:vriiEXHvEE654aYKXXjOvZM39qJ0q+azkZFrfEOc3H4=
-github.com/joho/godotenv v1.5.1 h1:7eLL/+HRGLY0ldzfGMeQkb7vMd0as4CfYvUVzLqw0N0=
-github.com/joho/godotenv v1.5.1/go.mod h1:f4LDr5Voq0i2e/R5DDNOoa2zzDfwtkZa6DnEwAbqwq4=
-github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
-github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
-github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
-github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
-github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
-github.com/stretchr/testify v1.8.1 h1:w7B6lhMri9wdJUVmEZPGGhZzrYTPvgJArz7wNPgYKsk=
-github.com/stretchr/testify v1.8.1/go.mod h1:w2LPCIKwWwSfY2zedu0+kehJoqGctiVI29o6fzry7u4=
-golang.org/x/crypto v0.37.0 h1:kJNSjF/Xp7kU0iB2Z+9viTPMW4EqqsrywMXLJOOsXSE=
-golang.org/x/crypto v0.37.0/go.mod h1:vg+k43peMZ0pUMhYmVAWysMK35e6ioLh3wB8ZCAfbVc=
-golang.org/x/sync v0.17.0 h1:l60nONMj9l5drqw6jlhIELNv9I0A4OFgRsG9k2oT9Ug=
-golang.org/x/sync v0.17.0/go.mod h1:9KTHXmSnoGruLpwFjVSX0lNNA75CykiMECbovNTZqGI=
-golang.org/x/text v0.29.0 h1:1neNs90w9YzJ9BocxfsQNHKuAT4pkghyXc4nhZ6sJvk=
-golang.org/x/text v0.29.0/go.mod h1:7MhJOA9CD2qZyOKYazxdYMF85OwPdEr9jTtBpO7ydH4=
-gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
-gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
-gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
-gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
diff --git a/internal/config/config.go b/internal/config/config.go
deleted file mode 100644
index bf453c1..0000000
--- a/internal/config/config.go
+++ /dev/null
@@ -1,55 +0,0 @@
-package config
-
-import (
-  "fmt"
-  "os"
-
-  "github.com/joho/godotenv"
-)
-
-type Config struct {
-  Host     string
-  Port     string
-  DBHost   string
-  DBPort   string
-  DBName   string
-  DBUser   string
-  DBPass   string
-  SMTPHost string
-  SMTPPort string
-  SMTPUser string
-  SMTPPass string
-  AdminEmail string
-}
-
-func LoadConfig() (*Config, error) {
-  godotenv.Load()
-
-  cfg := &Config{
-    Host:     getEnv("HOST", "0.0.0.0"),
-    Port:     getEnv("PORT", "5000"),
-    DBHost:   getEnv("PG_HOST", ""),
-    DBPort:   getEnv("PG_PORT", ""),
-    DBName:   getEnv("PG_DATABASE", ""),
-    DBUser:   getEnv("PG_USER", ""),
-    DBPass:   getEnv("PG_PASSWORD", ""),
-    SMTPHost: getEnv("SMTP_SERVER", ""),
-    SMTPPort: getEnv("SMTP_PORT", ""),
-    SMTPUser: getEnv("SMTP_USER", ""),
-    SMTPPass: getEnv("SMTP_PASSWORD", ""),
-    AdminEmail: os.Getenv("ADMIN_EMAIL"),
-  }
-
-  if cfg.SMTPHost == "" {
-    return nil, fmt.Errorf("SMTP_SERVER not configured")
-  }
-
-  return cfg, nil
-}
-
-func getEnv(key, defaultVal string) string {
-  if value, exists := os.LookupEnv(key); exists {
-    return value
-  }
-  return defaultVal
-}
\ No newline at end of file
diff --git a/internal/database/database.go b/internal/database/database.go
deleted file mode 100644
index 3e8adbe..0000000
--- a/internal/database/database.go
+++ /dev/null
@@ -1,190 +0,0 @@
-package database
-
-import (
-  "context"
-  "fmt"
-  "time"
-
-  "github.com/jackc/pgx/v5"
-  "github.com/jackc/pgx/v5/pgxpool"
-  "landing/internal/config"
-  "landing/internal/models"
-)
-
-type DB struct {
-  pool *pgxpool.Pool
-}
-
-func New(cfg *config.Config) (*DB, error) {
-  // Use proper pgx connection config instead of URL parsing
-  connConfig, err := pgxpool.ParseConfig("")
-  if err != nil {
-    return nil, fmt.Errorf("failed to parse config: %w", err)
-  }
-
-  connConfig.ConnConfig.Host = cfg.DBHost
-  connConfig.ConnConfig.Port = 5432
-  connConfig.ConnConfig.Database = cfg.DBName
-  connConfig.ConnConfig.User = cfg.DBUser
-  connConfig.ConnConfig.Password = cfg.DBPass
-
-  ctx, cancel := context.WithTimeout(
-    context.Background(),
-    10*time.Second,
-  )
-  defer cancel()
-
-  pool, err := pgxpool.NewWithConfig(ctx, connConfig)
-  if err != nil {
-    return nil, fmt.Errorf("failed to create pool: %w", err)
-  }
-
-  if err := pool.Ping(ctx); err != nil {
-    return nil, fmt.Errorf("failed to ping database: %w", err)
-  }
-
-  return &DB{pool: pool}, nil
-}
-
-func (db *DB) InitDB(ctx context.Context) error {
-  queries := []string{
-    `CREATE TABLE IF NOT EXISTS subscribers (
-      id SERIAL PRIMARY KEY,
-      email TEXT UNIQUE NOT NULL
-    )`,
-    `CREATE TABLE IF NOT EXISTS newsletters (
-      id SERIAL PRIMARY KEY,
-      subject TEXT NOT NULL,
-      body TEXT NOT NULL,
-      sent_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
-    )`,
-    `CREATE TABLE IF NOT EXISTS contact_messages (
-      id SERIAL PRIMARY KEY,
-      name TEXT NOT NULL,
-      email TEXT NOT NULL,
-      subject TEXT NOT NULL,
-      message TEXT NOT NULL,
-      created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
-    )`,
-  }
-
-  for _, query := range queries {
-    if _, err := db.pool.Exec(ctx, query); err != nil {
-      return fmt.Errorf("failed to execute query: %w", err)
-    }
-  }
-
-  return nil
-}
-
-func (db *DB) AddSubscriber(
-  ctx context.Context,
-  email string,
-) error {
-  _, err := db.pool.Exec(
-    ctx,
-    "INSERT INTO subscribers (email) VALUES ($1)",
-    email,
-  )
-  if err != nil {
-    if err.Error() == "ERROR: duplicate key value" {
-      return fmt.Errorf("email already exists")
-    }
-    return err
-  }
-  return nil
-}
-
-func (db *DB) RemoveSubscriber(
-  ctx context.Context,
-  email string,
-) error {
-  result, err := db.pool.Exec(
-    ctx,
-    "DELETE FROM subscribers WHERE email = $1",
-    email,
-  )
-  if err != nil {
-    return err
-  }
-
-  if result.RowsAffected() == 0 {
-    return fmt.Errorf("email not found")
-  }
-
-  return nil
-}
-
-func (db *DB) GetNewsletters(
-  ctx context.Context,
-) ([]models.Newsletter, error) {
-  rows, err := db.pool.Query(
-    ctx,
-    "SELECT id, subject, body, sent_at FROM newsletters "+
-      "ORDER BY sent_at DESC",
-  )
-  if err != nil {
-    return nil, err
-  }
-  defer rows.Close()
-
-  var newsletters []models.Newsletter
-  for rows.Next() {
-    var n models.Newsletter
-    err := rows.Scan(&n.ID, &n.Subject, &n.Body, &n.SentAt)
-    if err != nil {
-      return nil, err
-    }
-    newsletters = append(newsletters, n)
-  }
-
-  return newsletters, rows.Err()
-}
-
-func (db *DB) GetNewsletter(
-  ctx context.Context,
-  id int,
-) (*models.Newsletter, error) {
-  var n models.Newsletter
-  err := db.pool.QueryRow(
-    ctx,
-    "SELECT id, subject, body, sent_at FROM newsletters "+
-      "WHERE id = $1",
-    id,
-  ).Scan(&n.ID, &n.Subject, &n.Body, &n.SentAt)
-
-  if err == pgx.ErrNoRows {
-    return nil, fmt.Errorf("newsletter not found")
-  }
-  if err != nil {
-    return nil, err
-  }
-
-  return &n, nil
-}
-
-func (db *DB) AddContactMessage(
-  ctx context.Context,
-  name, email, subject, message string,
-) error {
-  query := `
-    INSERT INTO contact_messages (name, email, subject, message, created_at)
-    VALUES ($1, $2, $3, $4, $5)
-  `
-
-  _, err := db.pool.Exec(
-    ctx,
-    query,
-    name,
-    email,
-    subject,
-    message,
-    time.Now(),
-  )
-
-  return err
-}
-
-func (db *DB) Close(ctx context.Context) {
-  db.pool.Close()
-}
\ No newline at end of file
diff --git a/internal/email/sender.go b/internal/email/sender.go
deleted file mode 100644
index 24540a9..0000000
--- a/internal/email/sender.go
+++ /dev/null
@@ -1,181 +0,0 @@
-package email
-
-import (
-  "crypto/tls"
-  "fmt"
-  "html"
-  "net/smtp"
-  "strconv"
-  "strings"
-
-  "landing/internal/config"
-)
-
-type Sender struct {
-  cfg *config.Config
-}
-
-func New(cfg *config.Config) *Sender {
-  return &Sender{cfg: cfg}
-}
-
-func (s *Sender) SendConfirmationEmail(
-  email string,
-  unsubscribeLink string,
-) error {
-  subject := "Thanks for subscribing!"
-  htmlBody := fmt.Sprintf(`
-    <html>
-    <body>
-      <h1>Welcome to RideAware!</h1>
-      <p>Thank you for subscribing to our newsletter.</p>
-      <p><a href="%s">Unsubscribe</a></p>
-    </body>
-    </html>
-  `, unsubscribeLink)
-
-  return s.sendEmail(email, subject, htmlBody)
-}
-
-func (s *Sender) SendContactConfirmation(email, name string) error {
-  subject := "We received your message - RideAware"
-  htmlBody := fmt.Sprintf(`
-    <html>
-    <body>
-      <h2>Thank you for reaching out, %s!</h2>
-      <p>We've received your message and will get back to you as soon as possible.</p>
-      <p>In the meantime, feel free to check out more about RideAware on our website.</p>
-      <p>Best regards,<br>The RideAware Team</p>
-    </body>
-    </html>
-  `, html.EscapeString(name))
-
-  return s.sendEmail(email, subject, htmlBody)
-}
-
-func (s *Sender) SendContactNotification(
-  adminEmail, name, email, subject, message string,
-) error {
-  emailSubject := fmt.Sprintf("New contact message from %s", name)
-  htmlBody := fmt.Sprintf(`
-    <html>
-    <body>
-      <h3>New Contact Message</h3>
-      <p><strong>From:</strong> %s (%s)</p>
-      <p><strong>Subject:</strong> %s</p>
-      <h4>Message:</h4>
-      <p>%s</p>
-    </body>
-    </html>
-  `,
-    html.EscapeString(name),
-    html.EscapeString(email),
-    html.EscapeString(subject),
-    strings.ReplaceAll(html.EscapeString(message), "\n", "<br>"),
-  )
-
-  return s.sendEmail(adminEmail, emailSubject, htmlBody)
-}
-
-func (s *Sender) sendEmail(toEmail, subject, htmlBody string) error {
-  port, err := strconv.Atoi(s.cfg.SMTPPort)
-  if err != nil {
-    return fmt.Errorf("invalid SMTP port '%s': %w", s.cfg.SMTPPort, err)
-  }
-
-  message := fmt.Sprintf(
-    "From: %s\r\nTo: %s\r\nSubject: %s\r\nContent-Type: text/html; charset=utf-8\r\n\r\n%s",
-    s.cfg.SMTPUser,
-    toEmail,
-    subject,
-    htmlBody,
-  )
-
-  addr := fmt.Sprintf("%s:%d", s.cfg.SMTPHost, port)
-
-  // Port 465 uses direct SSL/TLS
-  return s.sendEmailSSL(addr, toEmail, message)
-}
-
-func (s *Sender) sendEmailSSL(addr, toEmail, message string) error {
-  // Create TLS config
-  tlsConfig := &tls.Config{
-    ServerName: s.cfg.SMTPHost,
-  }
-
-  // Try to dial with TLS
-  conn, err := tls.Dial("tcp", addr, tlsConfig)
-  if err != nil {
-    return fmt.Errorf("failed to dial TLS to %s: %w", addr, err)
-  }
-  defer conn.Close()
-
-  // Create SMTP client
-  client, err := smtp.NewClient(conn, s.cfg.SMTPHost)
-  if err != nil {
-    return fmt.Errorf("failed to create SMTP client: %w", err)
-  }
-  defer client.Close()
-
-  // Authenticate
-  auth := smtp.PlainAuth("", s.cfg.SMTPUser, s.cfg.SMTPPass, s.cfg.SMTPHost)
-  if err := client.Auth(auth); err != nil {
-    return fmt.Errorf("failed to authenticate with %s: %w", s.cfg.SMTPUser, err)
-  }
-
-  // Set sender
-  if err := client.Mail(s.cfg.SMTPUser); err != nil {
-    return fmt.Errorf("failed to set mail from %s: %w", s.cfg.SMTPUser, err)
-  }
-
-  // Set recipient
-  if err := client.Rcpt(toEmail); err != nil {
-    return fmt.Errorf("failed to set mail to %s: %w", toEmail, err)
-  }
-
-  // Get data writer
-  wc, err := client.Data()
-  if err != nil {
-    return fmt.Errorf("failed to get data writer: %w", err)
-  }
-  defer wc.Close()
-
-  // Write message
-  if _, err := wc.Write([]byte(message)); err != nil {
-    return fmt.Errorf("failed to write message: %w", err)
-  }
-
-  // Quit - ignore quit errors since email was already queued
-  _ = client.Quit()
-
-  return nil
-}
-
-func (s *Sender) TestConnection() error {
-  port, err := strconv.Atoi(s.cfg.SMTPPort)
-  if err != nil {
-    return fmt.Errorf("invalid SMTP port '%s': %w", s.cfg.SMTPPort, err)
-  }
-
-  addr := fmt.Sprintf("%s:%d", s.cfg.SMTPHost, port)
-
-  // Test TLS connection
-  tlsConfig := &tls.Config{
-    ServerName: s.cfg.SMTPHost,
-  }
-
-  conn, err := tls.Dial("tcp", addr, tlsConfig)
-  if err != nil {
-    return fmt.Errorf("failed to dial TLS to %s: %w", addr, err)
-  }
-  defer conn.Close()
-
-  // Test SMTP client creation
-  client, err := smtp.NewClient(conn, s.cfg.SMTPHost)
-  if err != nil {
-    return fmt.Errorf("failed to create SMTP client: %w", err)
-  }
-  defer client.Close()
-
-  return nil
-}
\ No newline at end of file
diff --git a/internal/handlers/handlers.go b/internal/handlers/handlers.go
deleted file mode 100644
index 1dd88c2..0000000
--- a/internal/handlers/handlers.go
+++ /dev/null
@@ -1,817 +0,0 @@
-package handlers
-
-import (
-  "encoding/json"
-  "fmt"
-  "log"
-  "net/http"
-  "os"
-  "path/filepath"
-  "regexp"
-  "strconv"
-  "strings"
-  "text/template"
-  "time"
-  "unicode"
-
-  "landing/internal/config"
-  "landing/internal/database"
-  "landing/internal/email"
-)
-
-type Handler struct {
-  db            *database.DB
-  cfg           *config.Config
-  email         *email.Sender
-  templatesPath string
-  logger        *log.Logger
-}
-
-func New(db *database.DB, cfg *config.Config) *Handler {
-  templatesPath := "templates"
-  if _, err := os.Stat(templatesPath); os.IsNotExist(err) {
-    templatesPath = "./templates"
-  }
-
-  return &Handler{
-    db:            db,
-    cfg:           cfg,
-    email:         email.New(cfg),
-    templatesPath: templatesPath,
-    logger:        log.New(os.Stdout, "", log.LstdFlags),
-  }
-}
-
-// loggingMiddleware logs HTTP requests
-func (h *Handler) loggingMiddleware(next http.Handler) http.Handler {
-  return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-    userAgent := r.UserAgent()
-
-    // Block malicious bots and common attack patterns
-    blockedPatterns := []string{
-      "python-requests",
-      "curl",
-      "wget",
-      "sqlmap",
-      "nikto",
-      ".php",
-      ".env",
-      ".git",
-      "wp-admin",
-      "xmlrpc",
-      "backup",
-      "config",
-    }
-
-    for _, pattern := range blockedPatterns {
-      if strings.Contains(strings.ToLower(r.RequestURI), strings.ToLower(pattern)) {
-        w.WriteHeader(http.StatusForbidden)
-        fmt.Fprintf(w, "Access Denied")
-        h.logger.Printf("BLOCKED attack: %s %s from %s", r.Method, r.RequestURI, r.RemoteAddr)
-        return
-      }
-      if strings.Contains(strings.ToLower(userAgent), strings.ToLower(pattern)) {
-        w.WriteHeader(http.StatusForbidden)
-        fmt.Fprintf(w, "Access Denied")
-        h.logger.Printf("BLOCKED bot: %s from %s", userAgent, r.RemoteAddr)
-        return
-      }
-    }
-
-    start := time.Now()
-    wrapped := &responseWriter{ResponseWriter: w, statusCode: http.StatusOK}
-
-    next.ServeHTTP(wrapped, r)
-
-    duration := time.Since(start)
-    statusColor := getStatusColor(wrapped.statusCode)
-    methodColor := getMethodColor(r.Method)
-
-    h.logger.Printf(
-      "%s %s %s %s %s %d %s",
-      methodColor+r.Method+"\033[0m",
-      r.RequestURI,
-      statusColor+fmt.Sprintf("%d", wrapped.statusCode)+"\033[0m",
-      duration.String(),
-      r.RemoteAddr,
-      wrapped.contentLength,
-      userAgent,
-    )
-  })
-}
-
-type responseWriter struct {
-  http.ResponseWriter
-  statusCode    int
-  contentLength int
-}
-
-func (rw *responseWriter) WriteHeader(code int) {
-  rw.statusCode = code
-  rw.ResponseWriter.WriteHeader(code)
-}
-
-func (rw *responseWriter) Write(b []byte) (int, error) {
-  rw.contentLength = len(b)
-  return rw.ResponseWriter.Write(b)
-}
-
-// Color codes for terminal output
-func getStatusColor(statusCode int) string {
-  switch {
-  case statusCode >= 200 && statusCode < 300:
-    return "\033[32m" // Green
-  case statusCode >= 300 && statusCode < 400:
-    return "\033[36m" // Cyan
-  case statusCode >= 400 && statusCode < 500:
-    return "\033[33m" // Yellow
-  case statusCode >= 500:
-    return "\033[31m" // Red
-  default:
-    return "\033[37m" // White
-  }
-}
-
-func getMethodColor(method string) string {
-  switch method {
-  case "GET":
-    return "\033[34m" // Blue
-  case "POST":
-    return "\033[32m" // Green
-  case "PUT":
-    return "\033[33m" // Yellow
-  case "DELETE":
-    return "\033[31m" // Red
-  default:
-    return "\033[37m" // White
-  }
-}
-
-func (h *Handler) Start(host, port string) error {
-  mux := http.NewServeMux()
-
-  // Serve static files
-  mux.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("./static"))))
-
-  mux.HandleFunc("/", h.indexHandler)
-  mux.HandleFunc("/subscribe", h.subscribeHandler)
-  mux.HandleFunc("/unsubscribe", h.unsubscribeHandler)
-  mux.HandleFunc("/newsletters", h.newslettersHandler)
-  mux.HandleFunc("/newsletter/", h.newsletterDetailHandler)
-  mux.HandleFunc("/contact", h.contactHandler)
-  mux.HandleFunc("/about", h.aboutHandler)
-
-  // Wrap with logging middleware
-  handler := h.loggingMiddleware(mux)
-
-  h.logger.Printf("\033[36m▶ Starting server on http://%s:%s\033[0m", host, port)
-
-  return http.ListenAndServe(host+":"+port, handler)
-}
-
-func (h *Handler) getTemplatePath(name string) string {
-  return filepath.Join(h.templatesPath, name)
-}
-
-func (h *Handler) indexHandler(
-  w http.ResponseWriter,
-  r *http.Request,
-) {
-  if r.Method != http.MethodGet {
-    http.Error(w, "Method not allowed", http.StatusMethodNotAllowed)
-    return
-  }
-
-  tmpl, err := template.ParseFiles(
-    h.getTemplatePath("base.html"),
-    h.getTemplatePath("index.html"),
-  )
-  if err != nil {
-    http.Error(w, fmt.Sprintf("Failed to parse template: %v", err), http.StatusInternalServerError)
-    return
-  }
-
-  data := map[string]interface{}{
-    "IsHome": true,
-  }
-
-  tmpl.ExecuteTemplate(w, "base.html", data)
-}
-
-func (h *Handler) subscribeHandler(
-  w http.ResponseWriter,
-  r *http.Request,
-) {
-  if r.Method != http.MethodPost {
-    http.Error(w, "Method not allowed", http.StatusMethodNotAllowed)
-    return
-  }
-
-  var req struct {
-    Email string `json:"email"`
-  }
-
-  if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
-    http.Error(w, "Invalid request", http.StatusBadRequest)
-    return
-  }
-
-  if req.Email == "" {
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Email is required",
-    })
-    return
-  }
-
-  if err := h.db.AddSubscriber(r.Context(), req.Email); err != nil {
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Email already exists",
-    })
-    return
-  }
-
-  unsubscribeLink := fmt.Sprintf(
-    "%s/unsubscribe?email=%s",
-    getBaseURL(r),
-    req.Email,
-  )
-
-  if err := h.email.SendConfirmationEmail(
-    req.Email,
-    unsubscribeLink,
-  ); err != nil {
-    h.logger.Printf("❌ Failed to send confirmation email to %s: %v", req.Email, err)
-  } else {
-    h.logger.Printf("✓ Confirmation email sent to %s", req.Email)
-  }
-
-  w.Header().Set("Content-Type", "application/json")
-  w.WriteHeader(http.StatusCreated)
-  json.NewEncoder(w).Encode(map[string]string{
-    "message": "Email has been added",
-  })
-}
-
-func (h *Handler) unsubscribeHandler(
-  w http.ResponseWriter,
-  r *http.Request,
-) {
-  email := r.URL.Query().Get("email")
-  if email == "" {
-    http.Error(w, "No email specified", http.StatusBadRequest)
-    return
-  }
-
-  if err := h.db.RemoveSubscriber(r.Context(), email); err != nil {
-    http.Error(
-      w,
-      fmt.Sprintf(
-        "Email %s was not found or already unsubscribed",
-        email,
-      ),
-      http.StatusBadRequest,
-    )
-    return
-  }
-
-  h.logger.Printf("✓ Unsubscribed %s", email)
-
-  w.Header().Set("Content-Type", "text/plain")
-  fmt.Fprintf(w, "The email %s has been unsubscribed.", email)
-}
-
-func (h *Handler) newslettersHandler(
-  w http.ResponseWriter,
-  r *http.Request,
-) {
-  newsletters, err := h.db.GetNewsletters(r.Context())
-  if err != nil {
-    http.Error(w, "Failed to fetch newsletters", 500)
-    return
-  }
-
-  tmpl, err := template.ParseFiles(
-    h.getTemplatePath("base.html"),
-    h.getTemplatePath("newsletters.html"),
-  )
-  if err != nil {
-    http.Error(w, fmt.Sprintf("Failed to parse template: %v", err), http.StatusInternalServerError)
-    return
-  }
-
-  tmpl.ExecuteTemplate(w, "base.html", newsletters)
-}
-
-func (h *Handler) newsletterDetailHandler(
-  w http.ResponseWriter,
-  r *http.Request,
-) {
-  idStr := r.URL.Path[len("/newsletter/"):]
-  id, err := strconv.Atoi(idStr)
-  if err != nil {
-    http.Error(w, "Invalid newsletter ID", http.StatusBadRequest)
-    return
-  }
-
-  newsletter, err := h.db.GetNewsletter(r.Context(), id)
-  if err != nil {
-    http.Error(w, "Newsletter not found", http.StatusNotFound)
-    return
-  }
-
-  tmpl, err := template.ParseFiles(
-    h.getTemplatePath("base.html"),
-    h.getTemplatePath("newsletter_detail.html"),
-  )
-  if err != nil {
-    http.Error(w, fmt.Sprintf("Failed to parse template: %v", err), http.StatusInternalServerError)
-    return
-  }
-
-  tmpl.ExecuteTemplate(w, "base.html", newsletter)
-}
-
-func (h *Handler) contactHandler(w http.ResponseWriter, r *http.Request) {
-  if r.Method != http.MethodGet && r.Method != http.MethodPost {
-    http.Error(w, "Method not allowed", http.StatusMethodNotAllowed)
-    return
-  }
-
-  if r.Method == http.MethodGet {
-    tmpl, err := template.ParseFiles(
-      h.getTemplatePath("base.html"),
-      h.getTemplatePath("contact.html"),
-    )
-    if err != nil {
-      http.Error(w, fmt.Sprintf("Failed to parse template: %v", err), http.StatusInternalServerError)
-      return
-    }
-
-    data := map[string]interface{}{
-      "IsContact": true,
-    }
-
-    tmpl.ExecuteTemplate(w, "base.html", data)
-    return
-  }
-
-  if r.Method == http.MethodPost {
-    h.handleContactSubmission(w, r)
-  }
-}
-
-// isEnglishText checks if text is primarily in English
-func isEnglishText(text string) bool {
-  if len(text) == 0 {
-    return true
-  }
-
-  lowerText := strings.ToLower(text)
-
-  // Very common English words that should appear in legitimate English messages
-  requiredEnglishWords := []string{
-    "the", "and", "is", "to", "of", "for", "that", "with", "this", "have",
-    "from", "be", "are", "was", "were", "been", "i", "you", "he", "she",
-    "we", "they", "my", "your", "his", "her", "it", "what", "which", "who",
-    "when", "where", "why", "how", "can", "will", "would", "should", "could",
-    "do", "does", "did", "get", "got", "go", "going", "make", "made", "know",
-    "think", "want", "need", "like", "help", "work", "use", "ask", "say", "tell",
-    "give", "find", "tell", "become", "leave", "feel", "try", "ask", "need",
-    "meet", "include", "continue", "set", "learn", "change", "lead", "understand",
-  }
-
-  englishWordCount := 0
-  totalWords := 0
-
-  // Split into words
-  words := strings.FieldsFunc(lowerText, func(r rune) bool {
-    return !unicode.IsLetter(r) && !unicode.IsNumber(r)
-  })
-
-  for _, word := range words {
-    if len(word) > 0 {
-      totalWords++
-      // Check if word is in our English word list
-      for _, engWord := range requiredEnglishWords {
-        if word == engWord {
-          englishWordCount++
-          break
-        }
-      }
-    }
-  }
-
-  // For short messages (less than 50 characters), be more lenient
-  if len(text) < 50 {
-    return englishWordCount >= 1
-  }
-
-  // For medium messages (50-200 chars), require at least 2 English words
-  if len(text) < 200 {
-    return englishWordCount >= 2
-  }
-
-  // For longer messages, require at least 10% of words to be common English words
-  if totalWords > 0 {
-    englishPercentage := float64(englishWordCount) / float64(totalWords)
-    return englishPercentage >= 0.1
-  }
-
-  return true
-}
-
-// isSpamMessage checks if a message looks like spam
-func isSpamMessage(message string) bool {
-  // Convert to lowercase for checks
-  lowerMsg := strings.ToLower(message)
-
-  // Check for common spam patterns
-  spamPatterns := []string{
-    "viagra", "cialis", "casino", "lottery", "prize",
-    "click here", "buy now", "limited time",
-    "congratulations", "you have won", "claim your",
-    "bitcoin", "crypto", "forex", "trading bot",
-    "free money", "make money fast", "work from home",
-    "nigerian", "inheritance", "transfer funds",
-    "<!--", "javascript:", "onclick=", "<script",
-    "sveiki", "ciao", "hola", "привет",
-    "harga", "karna", "anda", "dari",
-    "toughalia", "comfythings",
-    "robertgok",
-  }
-
-  for _, pattern := range spamPatterns {
-    if strings.Contains(lowerMsg, pattern) {
-      return true
-    }
-  }
-
-  // Check for excessive URLs
-  urlRegex := regexp.MustCompile(`https?://`)
-  if len(urlRegex.FindAllString(lowerMsg, -1)) > 1 {
-    return true
-  }
-
-  // Check for email addresses in message (spam often includes contact info)
-  emailRegex := regexp.MustCompile(`[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}`)
-  emailMatches := emailRegex.FindAllString(lowerMsg, -1)
-  if len(emailMatches) > 0 {
-    return true
-  }
-
-  // Check for phone numbers (often spam)
-  phoneRegex := regexp.MustCompile(`\+?[0-9]{7,}`)
-  if len(phoneRegex.FindAllString(lowerMsg, -1)) > 0 {
-    return true
-  }
-
-  // Check for excessive special characters
-  exclamationCount := strings.Count(lowerMsg, "!")
-  if exclamationCount > 2 {
-    return true
-  }
-
-  // Check for repeated characters
-  if strings.Contains(lowerMsg, "!!!") || strings.Contains(lowerMsg, "???") ||
-    strings.Contains(lowerMsg, "...") {
-    return true
-  }
-
-  // Check for all caps
-  if len(lowerMsg) > 20 {
-    letterCount := 0
-    capsCount := 0
-    for _, r := range message {
-      if (r >= 'A' && r <= 'Z') || (r >= 'a' && r <= 'z') {
-        letterCount++
-        if r >= 'A' && r <= 'Z' {
-          capsCount++
-        }
-      }
-    }
-    if letterCount > 0 && float64(capsCount)/float64(letterCount) > 0.6 {
-      return true
-    }
-  }
-
-  // Check for repeated words
-  words := strings.Fields(lowerMsg)
-  if len(words) > 5 {
-    wordCount := make(map[string]int)
-    for _, word := range words {
-      wordCount[word]++
-    }
-    for _, count := range wordCount {
-      if count > 3 {
-        return true
-      }
-    }
-  }
-
-  // Check message length - very short messages are often spam
-  if len(message) < 15 {
-    return true
-  }
-
-  // Check for gibberish - high ratio of uncommon character transitions
-  uncommonCount := 0
-  for i := 0; i < len(lowerMsg)-1; i++ {
-    char := lowerMsg[i]
-    nextChar := lowerMsg[i+1]
-
-    // Check for unlikely letter combinations
-    if (char >= 'a' && char <= 'z') && (nextChar >= 'a' && nextChar <= 'z') {
-      // Common pairs in English
-      commonPairs := map[string]bool{
-        "th": true, "he": true, "in": true, "er": true, "an": true,
-        "ed": true, "nd": true, "to": true, "en": true, "ti": true,
-        "es": true, "or": true, "te": true, "ar": true, "ou": true,
-        "it": true, "ha": true, "is": true, "co": true, "me": true,
-        "we": true, "be": true, "se": true, "as": true, "de": true,
-        "so": true, "re": true, "st": true, "up": true, "at": true,
-        "ai": true, "al": true, "il": true, "le": true, "li": true,
-      }
-
-      pair := string([]byte{char, nextChar})
-      if !commonPairs[pair] && char != nextChar {
-        uncommonCount++
-      }
-    }
-  }
-
-  if len(lowerMsg) > 30 && uncommonCount > len(lowerMsg)/3 {
-    return true
-  }
-
-  return false
-}
-
-// isValidName checks if name looks legitimate
-func isValidName(name string) bool {
-  // Name should be at least 2 characters and at most 100
-  if len(name) < 2 || len(name) > 100 {
-    return false
-  }
-
-  // Name should not contain excessive numbers
-  numberCount := 0
-  for _, r := range name {
-    if r >= '0' && r <= '9' {
-      numberCount++
-    }
-  }
-  if numberCount > 0 && float64(numberCount)/float64(len(name)) > 0.33 {
-    return false
-  }
-
-  // Name should not contain URLs
-  if strings.Contains(name, "http") || strings.Contains(name, "://") {
-    return false
-  }
-
-  return true
-}
-
-// isValidEmail checks if email looks legitimate
-func isValidEmail(email string) bool {
-  // Basic email validation
-  if !strings.Contains(email, "@") || !strings.Contains(email, ".") {
-    return false
-  }
-
-  parts := strings.Split(email, "@")
-  if len(parts) != 2 {
-    return false
-  }
-
-  // Local part should be 1-64 chars
-  if len(parts[0]) < 1 || len(parts[0]) > 64 {
-    return false
-  }
-
-  // Domain part should be 3-255 chars
-  if len(parts[1]) < 3 || len(parts[1]) > 255 {
-    return false
-  }
-
-  // Check for valid domain structure
-  domainParts := strings.Split(parts[1], ".")
-  if len(domainParts) < 2 {
-    return false
-  }
-
-  // Each domain label should be 1-63 chars
-  for _, label := range domainParts {
-    if len(label) < 1 || len(label) > 63 {
-      return false
-    }
-  }
-
-  return true
-}
-
-func (h *Handler) handleContactSubmission(w http.ResponseWriter, r *http.Request) {
-  // Parse form data
-  if err := r.ParseForm(); err != nil {
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Failed to parse form data",
-    })
-    return
-  }
-
-  // Extract form fields
-  name := strings.TrimSpace(r.FormValue("name"))
-  email := strings.TrimSpace(r.FormValue("email"))
-  subject := strings.TrimSpace(r.FormValue("subject"))
-  message := strings.TrimSpace(r.FormValue("message"))
-  subscribe := r.FormValue("subscribe") == "on"
-
-  // Validate required fields
-  if name == "" || email == "" || subject == "" || message == "" {
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "All fields are required",
-    })
-    return
-  }
-
-  // Validate name format
-  if !isValidName(name) {
-    h.logger.Printf("⚠ Rejected submission: Invalid name format - %s", name)
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Please provide a valid name",
-    })
-    return
-  }
-
-  // Validate email format
-  if !isValidEmail(email) {
-    h.logger.Printf("⚠ Rejected submission: Invalid email format - %s", email)
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Please provide a valid email address",
-    })
-    return
-  }
-
-  // Validate subject
-  validSubjects := map[string]bool{
-    "general":     true,
-    "support":     true,
-    "partnership": true,
-    "feedback":    true,
-    "other":       true,
-  }
-  if !validSubjects[subject] {
-    h.logger.Printf("⚠ Rejected submission: Invalid subject - %s", subject)
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Please select a valid subject",
-    })
-    return
-  }
-
-  // Validate message length
-  if len(message) < 10 {
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Message must be at least 10 characters",
-    })
-    return
-  }
-
-  if len(message) > 5000 {
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Message must be less than 5000 characters",
-    })
-    return
-  }
-
-  // Check if message is in English
-  if !isEnglishText(message) {
-    h.logger.Printf("⚠ Rejected submission: Non-English message from %s (%s)", name, email)
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Please submit your message in English",
-    })
-    return
-  }
-
-  // Check if message is spam
-  if isSpamMessage(message) {
-    h.logger.Printf("⚠ Rejected spam submission from %s (%s): %s", name, email, message[:100])
-    w.Header().Set("Content-Type", "application/json")
-    w.WriteHeader(http.StatusBadRequest)
-    json.NewEncoder(w).Encode(map[string]string{
-      "error": "Your message was flagged as spam. Please try again with a different message.",
-    })
-    return
-  }
-
-  // If subscribe checkbox is checked, add to subscribers
-  if subscribe {
-    if err := h.db.AddSubscriber(r.Context(), email); err != nil {
-      h.logger.Printf(
-        "ℹ Subscriber %s already exists or failed to add: %v",
-        email,
-        err,
-      )
-    } else {
-      h.logger.Printf("✓ New subscriber added: %s", email)
-    }
-  }
-
-  // Send confirmation email to the user
-  if err := h.email.SendContactConfirmation(email, name); err != nil {
-    h.logger.Printf(
-      "❌ Failed to send contact confirmation to %s: %v",
-      email,
-      err,
-    )
-  } else {
-    h.logger.Printf("✓ Contact confirmation email sent to %s", email)
-  }
-
-  // Send notification email to admin
-  adminEmail := h.cfg.AdminEmail
-  if adminEmail != "" {
-    if err := h.email.SendContactNotification(
-      adminEmail,
-      name,
-      email,
-      subject,
-      message,
-    ); err != nil {
-      h.logger.Printf(
-        "❌ Failed to send contact notification to admin: %v",
-        err,
-      )
-    } else {
-      h.logger.Printf("✓ Contact notification sent to admin: %s", adminEmail)
-    }
-  }
-
-  // Save contact message to database
-  if err := h.db.AddContactMessage(r.Context(), name, email, subject, message); err != nil {
-    h.logger.Printf(
-      "⚠ Failed to save contact message: %v",
-      err,
-    )
-  }
-
-  h.logger.Printf("✓ Contact form submitted by %s (%s)", name, email)
-
-  // Return success response
-  w.Header().Set("Content-Type", "application/json")
-  w.WriteHeader(http.StatusCreated)
-  json.NewEncoder(w).Encode(map[string]string{
-    "message": "Thank you for your message. We'll get back to you soon!",
-  })
-}
-
-func (h *Handler) aboutHandler(w http.ResponseWriter, r *http.Request) {
-  if r.Method != http.MethodGet {
-    http.Error(w, "Method not allowed", http.StatusMethodNotAllowed)
-    return
-  }
-
-  tmpl, err := template.ParseFiles(
-    h.getTemplatePath("base.html"),
-    h.getTemplatePath("about.html"),
-  )
-  if err != nil {
-    http.Error(w, fmt.Sprintf("Failed to parse template: %v", err), http.StatusInternalServerError)
-    h.logger.Printf("❌ Template parse error: %v", err)
-    return
-  }
-
-  data := map[string]interface{}{
-    "IsAbout": true,
-  }
-
-  w.Header().Set("Content-Type", "text/html")
-  tmpl.ExecuteTemplate(w, "base.html", data)
-}
-
-func getBaseURL(r *http.Request) string {
-  scheme := "http"
-  if r.TLS != nil {
-    scheme = "https"
-  }
-  return fmt.Sprintf("%s://%s", scheme, r.Host)
-}
\ No newline at end of file
diff --git a/internal/models/models.go b/internal/models/models.go
deleted file mode 100644
index 8400898..0000000
--- a/internal/models/models.go
+++ /dev/null
@@ -1,15 +0,0 @@
-package models
-
-import "time"
-
-type Subscriber struct {
-  ID    int
-  Email string
-}
-
-type Newsletter struct {
-  ID      int
-  Subject string
-  Body    string
-  SentAt  time.Time
-}
\ No newline at end of file
diff --git a/landing.csproj b/landing.csproj
new file mode 100644
index 0000000..8f2ce06
--- /dev/null
+++ b/landing.csproj
@@ -0,0 +1,14 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="MailKit" Version="4.9.0" />
+    <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="8.0.11" />
+  </ItemGroup>
+
+</Project>
diff --git a/scripts/build.sh b/scripts/build.sh
index 55956ee..0d562d5 100755
--- a/scripts/build.sh
+++ b/scripts/build.sh
@@ -1,174 +1,68 @@
 #!/bin/bash
 
-set -e
-
-# Colors for output
+# Colors
 RED='\033[0;31m'
 GREEN='\033[0;32m'
-YELLOW='\033[1;33m'
-BLUE='\033[0;34m'
-NC='\033[0m' # No Color
+CYAN='\033[0;36m'
+NC='\033[0m'
 
-# Default values
 IMAGE_NAME="rideaware-landing"
 IMAGE_TAG="latest"
-NO_CACHE=false
-RUN_CONTAINER=false
-CONTAINER_NAME="rideaware-landing"
+CONTAINER_NAME=""
+RUN_AFTER=false
+NO_CACHE=""
 
-# Help function
 show_help() {
-	cat << EOF
-Usage: $0 [OPTIONS]
-
-OPTIONS:
-  -t, --tag TAG           Image tag (default: latest)
-  -n, --name NAME         Image name (default: rideaware-landing)
-  -r, --run               Run container after build
-  -c, --container NAME    Container name when running (default: rideaware-landing)
-  --no-cache              Build without cache
-  -h, --help              Show this help message
-
-EXAMPLES:
-  $0                              # Build as rideaware:latest
-  $0 -t v1.0                      # Build as rideaware:v1.0
-  $0 -t dev --run                 # Build and run
-  $0 --no-cache -t prod           # Build without cache as rideaware:prod
-
-EOF
-	exit 0
+    echo ""
+    echo "Usage: $0 [options]"
+    echo ""
+    echo "Options:"
+    echo "  -t, --tag TAG         Image tag (default: latest)"
+    echo "  -n, --name NAME       Image name (default: rideaware-landing)"
+    echo "  -r, --run             Run container after build"
+    echo "  -c, --container NAME  Container name for running"
+    echo "      --no-cache        Build without cache"
+    echo "  -h, --help            Show this help"
+    echo ""
 }
 
-# Parse arguments
 while [[ $# -gt 0 ]]; do
-	case $1 in
-		-t|--tag)
-			IMAGE_TAG="$2"
-			shift 2
-			;;
-		-n|--name)
-			IMAGE_NAME="$2"
-			shift 2
-			;;
-		-r|--run)
-			RUN_CONTAINER=true
-			shift
-			;;
-		-c|--container)
-			CONTAINER_NAME="$2"
-			shift 2
-			;;
-		--no-cache)
-			NO_CACHE=true
-			shift
-			;;
-		-h|--help)
-			show_help
-			;;
-		*)
-			echo -e "${RED}Unknown option: $1${NC}"
-			show_help
-			;;
-	esac
+    case $1 in
+        -t|--tag) IMAGE_TAG="$2"; shift 2 ;;
+        -n|--name) IMAGE_NAME="$2"; shift 2 ;;
+        -r|--run) RUN_AFTER=true; shift ;;
+        -c|--container) CONTAINER_NAME="$2"; shift 2 ;;
+        --no-cache) NO_CACHE="--no-cache"; shift ;;
+        -h|--help) show_help; exit 0 ;;
+        *) echo "Unknown option: $1"; show_help; exit 1 ;;
+    esac
 done
 
-FULL_IMAGE="$IMAGE_NAME:$IMAGE_TAG"
-BUILD_ARGS=""
+FULL_IMAGE="${IMAGE_NAME}:${IMAGE_TAG}"
 
-if [ "$NO_CACHE" = true ]; then
-	BUILD_ARGS="--no-cache"
-fi
-
-# Function to stop and remove container
-cleanup_container() {
-	local name=$1
-
-	if podman ps -a --format "{{.Names}}" | grep -q "^${name}\$"; then
-		echo -e "${YELLOW}Removing existing container: $name${NC}"
-
-		# Stop if running
-		if podman ps --format "{{.Names}}" | grep -q "^${name}\$"; then
-			echo "  Stopping container..."
-			podman kill "$name" 2>/dev/null || true
-		fi
-
-		# Remove
-		echo "  Removing container..."
-		if podman rm "$name" 2>/dev/null; then
-			echo -e "${GREEN}  ✓ Container removed${NC}"
-		else
-			echo -e "${RED}  ✗ Failed to remove container${NC}"
-			return 1
-		fi
-	fi
-	return 0
+echo -e "${CYAN}Building ${FULL_IMAGE}...${NC}"
+podman build ${NO_CACHE} -t "${FULL_IMAGE}" -f Containerfile . || {
+    echo -e "${RED}Build failed${NC}"
+    exit 1
 }
 
-echo -e "${BLUE}╔════════════════════════════════════════╗${NC}"
-echo -e "${BLUE}║        Building Podman Image           ║${NC}"
-echo -e "${BLUE}╚════════════════════════════════════════╝${NC}"
-echo -e "${YELLOW}Image: $FULL_IMAGE${NC}"
-echo ""
+echo -e "${GREEN}Build successful: ${FULL_IMAGE}${NC}"
+podman images "${IMAGE_NAME}"
 
-if ! podman build $BUILD_ARGS -f Containerfile -t "$FULL_IMAGE" .; then
-	echo -e "${RED}✗ Build failed${NC}"
-	exit 1
+if [ "$RUN_AFTER" = true ]; then
+    NAME_FLAG=""
+    if [ -n "$CONTAINER_NAME" ]; then
+        # Stop and remove existing container
+        podman kill "$CONTAINER_NAME" 2>/dev/null
+        podman rm "$CONTAINER_NAME" 2>/dev/null
+        NAME_FLAG="--name ${CONTAINER_NAME}"
+    fi
+
+    echo -e "${CYAN}Starting container...${NC}"
+    podman run -d ${NAME_FLAG} -p 5000:5000 --env-file .env "${FULL_IMAGE}"
+
+    echo -e "${GREEN}Container started on http://localhost:5000${NC}"
+    if [ -n "$CONTAINER_NAME" ]; then
+        podman logs "$CONTAINER_NAME"
+    fi
 fi
-
-echo -e "${GREEN}✓ Image built successfully${NC}"
-echo ""
-
-# Show image info
-echo -e "${BLUE}╔════════════════════════════════════════╗${NC}"
-echo -e "${BLUE}║        Image Details                   ║${NC}"
-echo -e "${BLUE}╚════════════════════════════════════════╝${NC}"
-podman images "$IMAGE_NAME:$IMAGE_TAG" \
-	--format "table {{.Repository}}:{{.Tag}}\t{{.Size}}\t{{.Created}}"
-echo ""
-
-if [ "$RUN_CONTAINER" = true ]; then
-	echo -e "${BLUE}╔════════════════════════════════════════╗${NC}"
-	echo -e "${BLUE}║      Starting Container               ║${NC}"
-	echo -e "${BLUE}╚════════════════════════════════════════╝${NC}"
-
-	# Cleanup existing container
-	if ! cleanup_container "$CONTAINER_NAME"; then
-		echo -e "${RED}✗ Failed to clean up existing container${NC}"
-		exit 1
-	fi
-
-	echo ""
-	echo "Starting new container: $CONTAINER_NAME"
-
-	if podman run -d \
-		--name "$CONTAINER_NAME" \
-		-p 5000:5000 \
-		--env-file .env \
-		"$FULL_IMAGE"; then
-		echo -e "${GREEN}✓ Container running: $CONTAINER_NAME${NC}"
-		echo ""
-
-		# Wait for startup
-		sleep 2
-
-		echo -e "${YELLOW}Container logs:${NC}"
-		podman logs "$CONTAINER_NAME"
-		echo ""
-
-		echo -e "${GREEN}Site available at: http://localhost:5000${NC}"
-		echo -e "${YELLOW}To view logs: podman logs -f $CONTAINER_NAME${NC}"
-		echo -e "${YELLOW}To stop: podman kill $CONTAINER_NAME${NC}"
-	else
-		echo -e "${RED}✗ Failed to start container${NC}"
-		exit 1
-	fi
-else
-	echo -e "${YELLOW}To run the container:${NC}"
-	echo "  podman run -d --name $CONTAINER_NAME -p 5000:5000 --env-file .env $FULL_IMAGE"
-	echo ""
-	echo -e "${YELLOW}Or use this script with --run:${NC}"
-	echo "  $0 -t $IMAGE_TAG --run"
-fi
-
-echo ""
-echo -e "${GREEN}✓ Done!${NC}"
\ No newline at end of file
diff --git a/wwwroot/assets/32x32.png b/wwwroot/assets/32x32.png
new file mode 100644
index 0000000..6ecd0e4
Binary files /dev/null and b/wwwroot/assets/32x32.png differ
diff --git a/wwwroot/assets/RideAwareLogo.svg b/wwwroot/assets/RideAwareLogo.svg
new file mode 100644
index 0000000..4d9c3cd
--- /dev/null
+++ b/wwwroot/assets/RideAwareLogo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1920" zoomAndPan="magnify" viewBox="0 0 1440 809.999993" height="1080" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><g/></defs><g fill="#545454" fill-opacity="1"><g transform="translate(454.190641, 410.752178)"><g><path d="M 37.671875 -25.546875 L 48.5 0 L 38.75 0 L 28.984375 -23.953125 L 14.5625 -23.953125 L 14.5625 0 L 5.5625 0 L 5.5625 -58.1875 L 28.984375 -58.1875 C 32.640625 -58.1875 35.851562 -57.585938 38.625 -56.390625 C 41.394531 -55.203125 43.554688 -53.359375 45.109375 -50.859375 C 46.660156 -48.367188 47.4375 -45.171875 47.4375 -41.265625 C 47.4375 -37.398438 46.554688 -34.128906 44.796875 -31.453125 C 43.046875 -28.785156 40.671875 -26.816406 37.671875 -25.546875 Z M 14.5625 -50.109375 L 14.5625 -31.796875 L 27.765625 -31.796875 C 31.222656 -31.796875 33.878906 -32.597656 35.734375 -34.203125 C 37.585938 -35.804688 38.515625 -38.082031 38.515625 -41.03125 C 38.515625 -43.925781 37.585938 -46.160156 35.734375 -47.734375 C 33.878906 -49.316406 31.222656 -50.109375 27.765625 -50.109375 Z M 14.5625 -50.109375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(513.212254, 410.752178)"><g><path d="M 14.5625 0 L 5.5625 0 L 5.5625 -58.1875 L 14.5625 -58.1875 Z M 14.5625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(541.122259, 410.752178)"><g><path d="M 22.046875 0 L 5.5625 0 L 5.5625 -58.1875 L 22.109375 -58.1875 C 31.828125 -58.1875 39.273438 -55.65625 44.453125 -50.59375 C 49.640625 -45.539062 52.234375 -38.335938 52.234375 -28.984375 C 52.234375 -19.722656 49.640625 -12.578125 44.453125 -7.546875 C 39.273438 -2.515625 31.804688 0 22.046875 0 Z M 14.5625 -50.109375 L 14.5625 -8.078125 L 21.96875 -8.078125 C 24.96875 -8.078125 27.75 -8.40625 30.3125 -9.0625 C 32.882812 -9.726562 35.132812 -10.835938 37.0625 -12.390625 C 39 -13.941406 40.515625 -16.0625 41.609375 -18.75 C 42.703125 -21.445312 43.25 -24.859375 43.25 -28.984375 C 43.25 -34.066406 42.359375 -38.15625 40.578125 -41.25 C 38.796875 -44.351562 36.300781 -46.601562 33.09375 -48 C 29.894531 -49.40625 26.1875 -50.109375 21.96875 -50.109375 Z M 14.5625 -50.109375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(604.414091, 410.752178)"><g><path d="M 43.859375 0 L 5.5625 0 L 5.5625 -58.1875 L 43.859375 -58.1875 L 43.859375 -50.109375 L 14.5625 -50.109375 L 14.5625 -33.171875 L 40.578125 -33.171875 L 40.578125 -25.171875 L 14.5625 -25.171875 L 14.5625 -8.078125 L 43.859375 -8.078125 Z M 43.859375 0 "/></g></g></g><g fill="#1e4e9c" fill-opacity="1"><g transform="translate(659.175006, 410.752178)"><g><path d="M 10.140625 0 L 0.765625 0 L 21.734375 -58.1875 L 31.71875 -58.1875 L 52.703125 0 L 43.390625 0 L 38.890625 -13.125 L 14.640625 -13.125 Z M 26.765625 -48.65625 L 17.390625 -21.046875 L 36.15625 -21.046875 Z M 26.765625 -48.65625 "/></g></g></g><g fill="#1e4e9c" fill-opacity="1"><g transform="translate(720.331732, 410.752178)"><g><path d="M 29.75 0 L 17.546875 0 L 1.296875 -58.1875 L 10.75 -58.1875 L 23.953125 -9.984375 L 36.53125 -58.1875 L 46.828125 -58.1875 L 59.484375 -9.921875 L 72.609375 -58.1875 L 82.0625 -58.1875 L 65.8125 0 L 53.609375 0 L 41.71875 -45.90625 Z M 29.75 0 "/></g></g></g><g fill="#1e4e9c" fill-opacity="1"><g transform="translate(811.303748, 410.752178)"><g><path d="M 10.140625 0 L 0.765625 0 L 21.734375 -58.1875 L 31.71875 -58.1875 L 52.703125 0 L 43.390625 0 L 38.890625 -13.125 L 14.640625 -13.125 Z M 26.765625 -48.65625 L 17.390625 -21.046875 L 36.15625 -21.046875 Z M 26.765625 -48.65625 "/></g></g></g><g fill="#1e4e9c" fill-opacity="1"><g transform="translate(872.46048, 410.752178)"><g><path d="M 37.671875 -25.546875 L 48.5 0 L 38.75 0 L 28.984375 -23.953125 L 14.5625 -23.953125 L 14.5625 0 L 5.5625 0 L 5.5625 -58.1875 L 28.984375 -58.1875 C 32.640625 -58.1875 35.851562 -57.585938 38.625 -56.390625 C 41.394531 -55.203125 43.554688 -53.359375 45.109375 -50.859375 C 46.660156 -48.367188 47.4375 -45.171875 47.4375 -41.265625 C 47.4375 -37.398438 46.554688 -34.128906 44.796875 -31.453125 C 43.046875 -28.785156 40.671875 -26.816406 37.671875 -25.546875 Z M 14.5625 -50.109375 L 14.5625 -31.796875 L 27.765625 -31.796875 C 31.222656 -31.796875 33.878906 -32.597656 35.734375 -34.203125 C 37.585938 -35.804688 38.515625 -38.082031 38.515625 -41.03125 C 38.515625 -43.925781 37.585938 -46.160156 35.734375 -47.734375 C 33.878906 -49.316406 31.222656 -50.109375 27.765625 -50.109375 Z M 14.5625 -50.109375 "/></g></g></g><g fill="#1e4e9c" fill-opacity="1"><g transform="translate(931.482099, 410.752178)"><g><path d="M 43.859375 0 L 5.5625 0 L 5.5625 -58.1875 L 43.859375 -58.1875 L 43.859375 -50.109375 L 14.5625 -50.109375 L 14.5625 -33.171875 L 40.578125 -33.171875 L 40.578125 -25.171875 L 14.5625 -25.171875 L 14.5625 -8.078125 L 43.859375 -8.078125 Z M 43.859375 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(301.224453, 503.190571)"><g><path d="M 8.328125 0 L 6.21875 0 L 6.21875 -15.5625 L 0.3125 -15.5625 L 0.3125 -17.453125 L 14.25 -17.453125 L 14.25 -15.5625 L 8.328125 -15.5625 Z M 8.328125 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(324.947561, 503.190571)"><g><path d="M 10.703125 -7.75 L 14.0625 0 L 11.75 0 L 8.671875 -7.359375 L 3.90625 -7.359375 L 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 8.296875 -17.453125 C 9.972656 -17.453125 11.316406 -17.039062 12.328125 -16.21875 C 13.335938 -15.394531 13.84375 -14.144531 13.84375 -12.46875 C 13.84375 -11.289062 13.566406 -10.296875 13.015625 -9.484375 C 12.460938 -8.679688 11.691406 -8.101562 10.703125 -7.75 Z M 3.90625 -9.234375 L 8.03125 -9.234375 C 9.238281 -9.234375 10.160156 -9.503906 10.796875 -10.046875 C 11.429688 -10.585938 11.75 -11.367188 11.75 -12.390625 C 11.75 -13.398438 11.421875 -14.179688 10.765625 -14.734375 C 10.117188 -15.285156 9.207031 -15.5625 8.03125 -15.5625 L 3.90625 -15.5625 Z M 3.90625 -9.234375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(349.1968, 503.190571)"><g><path d="M 2.453125 0 L 0.3125 0 L 6.75 -17.453125 L 9.125 -17.453125 L 15.5625 0 L 13.421875 0 L 11.890625 -4.28125 L 3.984375 -4.28125 Z M 7.9375 -15.296875 L 4.6875 -6.15625 L 11.1875 -6.15625 Z M 7.9375 -15.296875 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(374.223792, 503.190571)"><g><path d="M 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 3.90625 -17.453125 Z M 3.90625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(389.117178, 503.190571)"><g><path d="M 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 4.875 -17.453125 L 12.71875 -2.109375 L 12.71875 -17.453125 L 14.796875 -17.453125 L 14.796875 0 L 11.734375 0 L 3.90625 -15.296875 Z M 3.90625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(414.899034, 503.190571)"><g/></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(430.455788, 503.190571)"><g><path d="M 8 0 L 5.625 0 L 0.453125 -17.453125 L 2.65625 -17.453125 L 6.984375 -3.015625 L 11.28125 -17.453125 L 13.296875 -17.453125 L 17.609375 -3 L 21.921875 -17.453125 L 24.109375 -17.453125 L 18.9375 0 L 16.5625 0 L 12.28125 -14.015625 Z M 8 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(464.175254, 503.190571)"><g><path d="M 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 3.90625 -17.453125 Z M 3.90625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(479.06864, 503.190571)"><g><path d="M 8.328125 0 L 6.21875 0 L 6.21875 -15.5625 L 0.3125 -15.5625 L 0.3125 -17.453125 L 14.25 -17.453125 L 14.25 -15.5625 L 8.328125 -15.5625 Z M 8.328125 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(502.791749, 503.190571)"><g><path d="M 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 3.90625 -17.453125 L 3.90625 -9.71875 L 12.65625 -9.71875 L 12.65625 -17.453125 L 14.75 -17.453125 L 14.75 0 L 12.65625 0 L 12.65625 -7.84375 L 3.90625 -7.84375 Z M 3.90625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(528.527862, 503.190571)"><g/></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(544.084616, 503.190571)"><g><path d="M 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 13.078125 -17.453125 L 13.078125 -15.5625 L 3.90625 -15.5625 L 3.90625 -9.703125 L 12.015625 -9.703125 L 12.015625 -7.828125 L 3.90625 -7.828125 Z M 3.90625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(566.984219, 503.190571)"><g><path d="M 9.234375 0.234375 C 7.867188 0.234375 6.675781 -0.00390625 5.65625 -0.484375 C 4.644531 -0.972656 3.800781 -1.632812 3.125 -2.46875 C 2.457031 -3.3125 1.957031 -4.269531 1.625 -5.34375 C 1.300781 -6.414062 1.140625 -7.546875 1.140625 -8.734375 C 1.140625 -9.921875 1.300781 -11.050781 1.625 -12.125 C 1.957031 -13.207031 2.457031 -14.160156 3.125 -14.984375 C 3.800781 -15.816406 4.644531 -16.472656 5.65625 -16.953125 C 6.675781 -17.441406 7.867188 -17.6875 9.234375 -17.6875 C 10.628906 -17.6875 11.835938 -17.441406 12.859375 -16.953125 C 13.878906 -16.472656 14.722656 -15.816406 15.390625 -14.984375 C 16.066406 -14.160156 16.566406 -13.207031 16.890625 -12.125 C 17.222656 -11.050781 17.390625 -9.921875 17.390625 -8.734375 C 17.390625 -7.546875 17.222656 -6.414062 16.890625 -5.34375 C 16.566406 -4.269531 16.066406 -3.3125 15.390625 -2.46875 C 14.722656 -1.632812 13.878906 -0.972656 12.859375 -0.484375 C 11.835938 -0.00390625 10.628906 0.234375 9.234375 0.234375 Z M 9.234375 -1.671875 C 10.546875 -1.671875 11.648438 -1.972656 12.546875 -2.578125 C 13.453125 -3.191406 14.132812 -4.03125 14.59375 -5.09375 C 15.050781 -6.164062 15.28125 -7.378906 15.28125 -8.734375 C 15.28125 -10.097656 15.050781 -11.304688 14.59375 -12.359375 C 14.132812 -13.421875 13.453125 -14.253906 12.546875 -14.859375 C 11.648438 -15.472656 10.546875 -15.78125 9.234375 -15.78125 C 7.953125 -15.78125 6.863281 -15.472656 5.96875 -14.859375 C 5.082031 -14.253906 4.40625 -13.421875 3.9375 -12.359375 C 3.476562 -11.304688 3.25 -10.097656 3.25 -8.734375 C 3.25 -7.378906 3.476562 -6.164062 3.9375 -5.09375 C 4.40625 -4.03125 5.082031 -3.191406 5.96875 -2.578125 C 6.863281 -1.972656 7.953125 -1.671875 9.234375 -1.671875 Z M 9.234375 -1.671875 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(594.687572, 503.190571)"><g><path d="M 9.203125 0.234375 C 7.828125 0.234375 6.628906 -0.00390625 5.609375 -0.484375 C 4.597656 -0.972656 3.757812 -1.632812 3.09375 -2.46875 C 2.4375 -3.3125 1.945312 -4.269531 1.625 -5.34375 C 1.300781 -6.414062 1.140625 -7.546875 1.140625 -8.734375 C 1.140625 -9.921875 1.300781 -11.046875 1.625 -12.109375 C 1.945312 -13.179688 2.4375 -14.132812 3.09375 -14.96875 C 3.757812 -15.8125 4.597656 -16.472656 5.609375 -16.953125 C 6.628906 -17.441406 7.828125 -17.6875 9.203125 -17.6875 C 10.492188 -17.6875 11.628906 -17.472656 12.609375 -17.046875 C 13.597656 -16.617188 14.394531 -16.019531 15 -15.25 C 15.613281 -14.488281 16.003906 -13.613281 16.171875 -12.625 L 13.890625 -12.625 C 13.671875 -13.601562 13.140625 -14.378906 12.296875 -14.953125 C 11.460938 -15.523438 10.414062 -15.8125 9.15625 -15.8125 C 7.851562 -15.8125 6.765625 -15.503906 5.890625 -14.890625 C 5.015625 -14.285156 4.351562 -13.445312 3.90625 -12.375 C 3.46875 -11.3125 3.25 -10.097656 3.25 -8.734375 C 3.25 -7.378906 3.46875 -6.164062 3.90625 -5.09375 C 4.351562 -4.019531 5.015625 -3.175781 5.890625 -2.5625 C 6.765625 -1.945312 7.851562 -1.640625 9.15625 -1.640625 C 10.414062 -1.640625 11.460938 -1.945312 12.296875 -2.5625 C 13.140625 -3.175781 13.671875 -4.082031 13.890625 -5.28125 L 16.171875 -5.28125 C 15.898438 -3.59375 15.15625 -2.25 13.9375 -1.25 C 12.726562 -0.257812 11.148438 0.234375 9.203125 0.234375 Z M 9.203125 0.234375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(620.949792, 503.190571)"><g><path d="M 8.125 0.234375 C 5.90625 0.234375 4.269531 -0.328125 3.21875 -1.453125 C 2.164062 -2.578125 1.640625 -4.101562 1.640625 -6.03125 L 1.640625 -17.453125 L 3.75 -17.453125 L 3.75 -6.03125 C 3.75 -4.675781 4.09375 -3.601562 4.78125 -2.8125 C 5.476562 -2.03125 6.59375 -1.640625 8.125 -1.640625 C 9.644531 -1.640625 10.75 -2.03125 11.4375 -2.8125 C 12.132812 -3.601562 12.484375 -4.675781 12.484375 -6.03125 L 12.484375 -17.453125 L 14.59375 -17.453125 L 14.59375 -6.03125 C 14.59375 -4.101562 14.066406 -2.578125 13.015625 -1.453125 C 11.960938 -0.328125 10.332031 0.234375 8.125 0.234375 Z M 8.125 0.234375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(646.365654, 503.190571)"><g><path d="M 8.125 0.234375 C 6.976562 0.234375 5.894531 0.046875 4.875 -0.328125 C 3.851562 -0.703125 2.992188 -1.296875 2.296875 -2.109375 C 1.609375 -2.929688 1.160156 -3.988281 0.953125 -5.28125 L 3.09375 -5.28125 C 3.269531 -4.351562 3.625 -3.625 4.15625 -3.09375 C 4.695312 -2.570312 5.328125 -2.195312 6.046875 -1.96875 C 6.773438 -1.75 7.5 -1.640625 8.21875 -1.640625 C 9.4375 -1.640625 10.390625 -1.894531 11.078125 -2.40625 C 11.773438 -2.914062 12.125 -3.691406 12.125 -4.734375 C 12.125 -5.359375 11.988281 -5.867188 11.71875 -6.265625 C 11.457031 -6.660156 11.097656 -6.976562 10.640625 -7.21875 C 10.179688 -7.46875 9.664062 -7.664062 9.09375 -7.8125 C 8.519531 -7.96875 7.921875 -8.117188 7.296875 -8.265625 C 6.609375 -8.398438 5.929688 -8.554688 5.265625 -8.734375 C 4.609375 -8.921875 4.007812 -9.171875 3.46875 -9.484375 C 2.925781 -9.804688 2.488281 -10.238281 2.15625 -10.78125 C 1.832031 -11.320312 1.671875 -12.019531 1.671875 -12.875 C 1.671875 -13.863281 1.910156 -14.71875 2.390625 -15.4375 C 2.867188 -16.15625 3.535156 -16.707031 4.390625 -17.09375 C 5.242188 -17.488281 6.242188 -17.6875 7.390625 -17.6875 C 8.378906 -17.6875 9.316406 -17.515625 10.203125 -17.171875 C 11.097656 -16.828125 11.863281 -16.285156 12.5 -15.546875 C 13.132812 -14.816406 13.539062 -13.851562 13.71875 -12.65625 L 11.6875 -12.65625 C 11.519531 -13.445312 11.210938 -14.070312 10.765625 -14.53125 C 10.328125 -14.988281 9.8125 -15.316406 9.21875 -15.515625 C 8.625 -15.710938 8.003906 -15.8125 7.359375 -15.8125 C 6.191406 -15.8125 5.300781 -15.5625 4.6875 -15.0625 C 4.082031 -14.5625 3.78125 -13.894531 3.78125 -13.0625 C 3.78125 -12.363281 3.988281 -11.816406 4.40625 -11.421875 C 4.820312 -11.035156 5.367188 -10.738281 6.046875 -10.53125 C 6.722656 -10.320312 7.453125 -10.132812 8.234375 -9.96875 C 8.953125 -9.820312 9.664062 -9.648438 10.375 -9.453125 C 11.082031 -9.253906 11.722656 -8.976562 12.296875 -8.625 C 12.878906 -8.269531 13.347656 -7.796875 13.703125 -7.203125 C 14.054688 -6.609375 14.234375 -5.832031 14.234375 -4.875 C 14.234375 -3.332031 13.710938 -2.09375 12.671875 -1.15625 C 11.640625 -0.226562 10.125 0.234375 8.125 0.234375 Z M 8.125 0.234375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(670.912268, 503.190571)"><g><path d="M 2.765625 0.234375 C 2.390625 0.234375 2.0625 0.0976562 1.78125 -0.171875 C 1.507812 -0.441406 1.375 -0.765625 1.375 -1.140625 C 1.375 -1.503906 1.507812 -1.816406 1.78125 -2.078125 C 2.0625 -2.335938 2.390625 -2.46875 2.765625 -2.46875 C 3.117188 -2.46875 3.425781 -2.332031 3.6875 -2.0625 C 3.945312 -1.800781 4.078125 -1.492188 4.078125 -1.140625 C 4.078125 -0.765625 3.945312 -0.441406 3.6875 -0.171875 C 3.425781 0.0976562 3.117188 0.234375 2.765625 0.234375 Z M 2.765625 0.234375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(685.508291, 503.190571)"><g/></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(701.065023, 503.190571)"><g><path d="M 10.703125 -7.75 L 14.0625 0 L 11.75 0 L 8.671875 -7.359375 L 3.90625 -7.359375 L 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 8.296875 -17.453125 C 9.972656 -17.453125 11.316406 -17.039062 12.328125 -16.21875 C 13.335938 -15.394531 13.84375 -14.144531 13.84375 -12.46875 C 13.84375 -11.289062 13.566406 -10.296875 13.015625 -9.484375 C 12.460938 -8.679688 11.691406 -8.101562 10.703125 -7.75 Z M 3.90625 -9.234375 L 8.03125 -9.234375 C 9.238281 -9.234375 10.160156 -9.503906 10.796875 -10.046875 C 11.429688 -10.585938 11.75 -11.367188 11.75 -12.390625 C 11.75 -13.398438 11.421875 -14.179688 10.765625 -14.734375 C 10.117188 -15.285156 9.207031 -15.5625 8.03125 -15.5625 L 3.90625 -15.5625 Z M 3.90625 -9.234375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(725.314274, 503.190571)"><g><path d="M 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 3.90625 -17.453125 Z M 3.90625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(740.20766, 503.190571)"><g><path d="M 6.59375 0 L 1.8125 0 L 1.8125 -17.453125 L 6.609375 -17.453125 C 9.523438 -17.453125 11.75 -16.6875 13.28125 -15.15625 C 14.8125 -13.632812 15.578125 -11.472656 15.578125 -8.671875 C 15.578125 -5.910156 14.804688 -3.773438 13.265625 -2.265625 C 11.722656 -0.753906 9.5 0 6.59375 0 Z M 3.90625 -15.5625 L 3.90625 -1.90625 L 6.5625 -1.90625 C 7.476562 -1.90625 8.351562 -2 9.1875 -2.1875 C 10.019531 -2.375 10.753906 -2.710938 11.390625 -3.203125 C 12.035156 -3.703125 12.539062 -4.394531 12.90625 -5.28125 C 13.28125 -6.164062 13.46875 -7.296875 13.46875 -8.671875 C 13.46875 -10.378906 13.175781 -11.734375 12.59375 -12.734375 C 12.007812 -13.734375 11.203125 -14.453125 10.171875 -14.890625 C 9.140625 -15.335938 7.945312 -15.5625 6.59375 -15.5625 Z M 3.90625 -15.5625 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(766.103899, 503.190571)"><g><path d="M 13.078125 0 L 1.8125 0 L 1.8125 -17.453125 L 13.078125 -17.453125 L 13.078125 -15.5625 L 3.90625 -15.5625 L 3.90625 -9.703125 L 12.015625 -9.703125 L 12.015625 -7.828125 L 3.90625 -7.828125 L 3.90625 -1.90625 L 13.078125 -1.90625 Z M 13.078125 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(789.346619, 503.190571)"><g/></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(804.90335, 503.190571)"><g><path d="M 8 0 L 5.625 0 L 0.453125 -17.453125 L 2.65625 -17.453125 L 6.984375 -3.015625 L 11.28125 -17.453125 L 13.296875 -17.453125 L 17.609375 -3 L 21.921875 -17.453125 L 24.109375 -17.453125 L 18.9375 0 L 16.5625 0 L 12.28125 -14.015625 Z M 8 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(838.622816, 503.190571)"><g><path d="M 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 3.90625 -17.453125 Z M 3.90625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(853.516202, 503.190571)"><g><path d="M 8.328125 0 L 6.21875 0 L 6.21875 -15.5625 L 0.3125 -15.5625 L 0.3125 -17.453125 L 14.25 -17.453125 L 14.25 -15.5625 L 8.328125 -15.5625 Z M 8.328125 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(877.2393, 503.190571)"><g><path d="M 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 3.90625 -17.453125 L 3.90625 -9.71875 L 12.65625 -9.71875 L 12.65625 -17.453125 L 14.75 -17.453125 L 14.75 0 L 12.65625 0 L 12.65625 -7.84375 L 3.90625 -7.84375 Z M 3.90625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(902.975413, 503.190571)"><g/></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(918.532144, 503.190571)"><g><path d="M 2.453125 0 L 0.3125 0 L 6.75 -17.453125 L 9.125 -17.453125 L 15.5625 0 L 13.421875 0 L 11.890625 -4.28125 L 3.984375 -4.28125 Z M 7.9375 -15.296875 L 4.6875 -6.15625 L 11.1875 -6.15625 Z M 7.9375 -15.296875 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(943.559136, 503.190571)"><g><path d="M 8 0 L 5.625 0 L 0.453125 -17.453125 L 2.65625 -17.453125 L 6.984375 -3.015625 L 11.28125 -17.453125 L 13.296875 -17.453125 L 17.609375 -3 L 21.921875 -17.453125 L 24.109375 -17.453125 L 18.9375 0 L 16.5625 0 L 12.28125 -14.015625 Z M 8 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(977.278602, 503.190571)"><g><path d="M 2.453125 0 L 0.3125 0 L 6.75 -17.453125 L 9.125 -17.453125 L 15.5625 0 L 13.421875 0 L 11.890625 -4.28125 L 3.984375 -4.28125 Z M 7.9375 -15.296875 L 4.6875 -6.15625 L 11.1875 -6.15625 Z M 7.9375 -15.296875 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(1002.305594, 503.190571)"><g><path d="M 10.703125 -7.75 L 14.0625 0 L 11.75 0 L 8.671875 -7.359375 L 3.90625 -7.359375 L 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 8.296875 -17.453125 C 9.972656 -17.453125 11.316406 -17.039062 12.328125 -16.21875 C 13.335938 -15.394531 13.84375 -14.144531 13.84375 -12.46875 C 13.84375 -11.289062 13.566406 -10.296875 13.015625 -9.484375 C 12.460938 -8.679688 11.691406 -8.101562 10.703125 -7.75 Z M 3.90625 -9.234375 L 8.03125 -9.234375 C 9.238281 -9.234375 10.160156 -9.503906 10.796875 -10.046875 C 11.429688 -10.585938 11.75 -11.367188 11.75 -12.390625 C 11.75 -13.398438 11.421875 -14.179688 10.765625 -14.734375 C 10.117188 -15.285156 9.207031 -15.5625 8.03125 -15.5625 L 3.90625 -15.5625 Z M 3.90625 -9.234375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(1026.554844, 503.190571)"><g><path d="M 13.078125 0 L 1.8125 0 L 1.8125 -17.453125 L 13.078125 -17.453125 L 13.078125 -15.5625 L 3.90625 -15.5625 L 3.90625 -9.703125 L 12.015625 -9.703125 L 12.015625 -7.828125 L 3.90625 -7.828125 L 3.90625 -1.90625 L 13.078125 -1.90625 Z M 13.078125 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(1049.797564, 503.190571)"><g><path d="M 3.90625 0 L 1.8125 0 L 1.8125 -17.453125 L 4.875 -17.453125 L 12.71875 -2.109375 L 12.71875 -17.453125 L 14.796875 -17.453125 L 14.796875 0 L 11.734375 0 L 3.90625 -15.296875 Z M 3.90625 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(1075.579454, 503.190571)"><g><path d="M 13.078125 0 L 1.8125 0 L 1.8125 -17.453125 L 13.078125 -17.453125 L 13.078125 -15.5625 L 3.90625 -15.5625 L 3.90625 -9.703125 L 12.015625 -9.703125 L 12.015625 -7.828125 L 3.90625 -7.828125 L 3.90625 -1.90625 L 13.078125 -1.90625 Z M 13.078125 0 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(1098.822219, 503.190571)"><g><path d="M 8.125 0.234375 C 6.976562 0.234375 5.894531 0.046875 4.875 -0.328125 C 3.851562 -0.703125 2.992188 -1.296875 2.296875 -2.109375 C 1.609375 -2.929688 1.160156 -3.988281 0.953125 -5.28125 L 3.09375 -5.28125 C 3.269531 -4.351562 3.625 -3.625 4.15625 -3.09375 C 4.695312 -2.570312 5.328125 -2.195312 6.046875 -1.96875 C 6.773438 -1.75 7.5 -1.640625 8.21875 -1.640625 C 9.4375 -1.640625 10.390625 -1.894531 11.078125 -2.40625 C 11.773438 -2.914062 12.125 -3.691406 12.125 -4.734375 C 12.125 -5.359375 11.988281 -5.867188 11.71875 -6.265625 C 11.457031 -6.660156 11.097656 -6.976562 10.640625 -7.21875 C 10.179688 -7.46875 9.664062 -7.664062 9.09375 -7.8125 C 8.519531 -7.96875 7.921875 -8.117188 7.296875 -8.265625 C 6.609375 -8.398438 5.929688 -8.554688 5.265625 -8.734375 C 4.609375 -8.921875 4.007812 -9.171875 3.46875 -9.484375 C 2.925781 -9.804688 2.488281 -10.238281 2.15625 -10.78125 C 1.832031 -11.320312 1.671875 -12.019531 1.671875 -12.875 C 1.671875 -13.863281 1.910156 -14.71875 2.390625 -15.4375 C 2.867188 -16.15625 3.535156 -16.707031 4.390625 -17.09375 C 5.242188 -17.488281 6.242188 -17.6875 7.390625 -17.6875 C 8.378906 -17.6875 9.316406 -17.515625 10.203125 -17.171875 C 11.097656 -16.828125 11.863281 -16.285156 12.5 -15.546875 C 13.132812 -14.816406 13.539062 -13.851562 13.71875 -12.65625 L 11.6875 -12.65625 C 11.519531 -13.445312 11.210938 -14.070312 10.765625 -14.53125 C 10.328125 -14.988281 9.8125 -15.316406 9.21875 -15.515625 C 8.625 -15.710938 8.003906 -15.8125 7.359375 -15.8125 C 6.191406 -15.8125 5.300781 -15.5625 4.6875 -15.0625 C 4.082031 -14.5625 3.78125 -13.894531 3.78125 -13.0625 C 3.78125 -12.363281 3.988281 -11.816406 4.40625 -11.421875 C 4.820312 -11.035156 5.367188 -10.738281 6.046875 -10.53125 C 6.722656 -10.320312 7.453125 -10.132812 8.234375 -9.96875 C 8.953125 -9.820312 9.664062 -9.648438 10.375 -9.453125 C 11.082031 -9.253906 11.722656 -8.976562 12.296875 -8.625 C 12.878906 -8.269531 13.347656 -7.796875 13.703125 -7.203125 C 14.054688 -6.609375 14.234375 -5.832031 14.234375 -4.875 C 14.234375 -3.332031 13.710938 -2.09375 12.671875 -1.15625 C 11.640625 -0.226562 10.125 0.234375 8.125 0.234375 Z M 8.125 0.234375 "/></g></g></g><g fill="#545454" fill-opacity="1"><g transform="translate(1123.36888, 503.190571)"><g><path d="M 8.125 0.234375 C 6.976562 0.234375 5.894531 0.046875 4.875 -0.328125 C 3.851562 -0.703125 2.992188 -1.296875 2.296875 -2.109375 C 1.609375 -2.929688 1.160156 -3.988281 0.953125 -5.28125 L 3.09375 -5.28125 C 3.269531 -4.351562 3.625 -3.625 4.15625 -3.09375 C 4.695312 -2.570312 5.328125 -2.195312 6.046875 -1.96875 C 6.773438 -1.75 7.5 -1.640625 8.21875 -1.640625 C 9.4375 -1.640625 10.390625 -1.894531 11.078125 -2.40625 C 11.773438 -2.914062 12.125 -3.691406 12.125 -4.734375 C 12.125 -5.359375 11.988281 -5.867188 11.71875 -6.265625 C 11.457031 -6.660156 11.097656 -6.976562 10.640625 -7.21875 C 10.179688 -7.46875 9.664062 -7.664062 9.09375 -7.8125 C 8.519531 -7.96875 7.921875 -8.117188 7.296875 -8.265625 C 6.609375 -8.398438 5.929688 -8.554688 5.265625 -8.734375 C 4.609375 -8.921875 4.007812 -9.171875 3.46875 -9.484375 C 2.925781 -9.804688 2.488281 -10.238281 2.15625 -10.78125 C 1.832031 -11.320312 1.671875 -12.019531 1.671875 -12.875 C 1.671875 -13.863281 1.910156 -14.71875 2.390625 -15.4375 C 2.867188 -16.15625 3.535156 -16.707031 4.390625 -17.09375 C 5.242188 -17.488281 6.242188 -17.6875 7.390625 -17.6875 C 8.378906 -17.6875 9.316406 -17.515625 10.203125 -17.171875 C 11.097656 -16.828125 11.863281 -16.285156 12.5 -15.546875 C 13.132812 -14.816406 13.539062 -13.851562 13.71875 -12.65625 L 11.6875 -12.65625 C 11.519531 -13.445312 11.210938 -14.070312 10.765625 -14.53125 C 10.328125 -14.988281 9.8125 -15.316406 9.21875 -15.515625 C 8.625 -15.710938 8.003906 -15.8125 7.359375 -15.8125 C 6.191406 -15.8125 5.300781 -15.5625 4.6875 -15.0625 C 4.082031 -14.5625 3.78125 -13.894531 3.78125 -13.0625 C 3.78125 -12.363281 3.988281 -11.816406 4.40625 -11.421875 C 4.820312 -11.035156 5.367188 -10.738281 6.046875 -10.53125 C 6.722656 -10.320312 7.453125 -10.132812 8.234375 -9.96875 C 8.953125 -9.820312 9.664062 -9.648438 10.375 -9.453125 C 11.082031 -9.253906 11.722656 -8.976562 12.296875 -8.625 C 12.878906 -8.269531 13.347656 -7.796875 13.703125 -7.203125 C 14.054688 -6.609375 14.234375 -5.832031 14.234375 -4.875 C 14.234375 -3.332031 13.710938 -2.09375 12.671875 -1.15625 C 11.640625 -0.226562 10.125 0.234375 8.125 0.234375 Z M 8.125 0.234375 "/></g></g></g><path stroke-linecap="round" transform="matrix(0.75, 0, 0, 0.75, 325.009034, 445.98691)" fill="none" stroke-linejoin="miter" d="M 1.498372 1.501829 L 1051.810924 1.501829 " stroke="#6d6e71" stroke-width="3" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="round" transform="matrix(0.75, 0, 0, 0.75, 321.417324, 311.361391)" fill="none" stroke-linejoin="miter" d="M 1.50086 1.502521 L 1051.808205 1.502521 " stroke="#6d6e71" stroke-width="3" stroke-opacity="1" stroke-miterlimit="4"/></svg>
\ No newline at end of file
diff --git a/wwwroot/assets/apple-touch-icon.png b/wwwroot/assets/apple-touch-icon.png
new file mode 100644
index 0000000..6ecd0e4
Binary files /dev/null and b/wwwroot/assets/apple-touch-icon.png differ
diff --git a/wwwroot/assets/logo.png b/wwwroot/assets/logo.png
new file mode 100644
index 0000000..df78770
Binary files /dev/null and b/wwwroot/assets/logo.png differ
diff --git a/wwwroot/assets/undraw_indoor-bike_9lxj.svg b/wwwroot/assets/undraw_indoor-bike_9lxj.svg
new file mode 100644
index 0000000..3fbb967
--- /dev/null
+++ b/wwwroot/assets/undraw_indoor-bike_9lxj.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="770.30145" height="650.85004" viewBox="0 0 770.30145 650.85004" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/"><path d="M934.27043,694.14829s-112.306-51.70032-72.853-87.55227S934.27043,694.14829,934.27043,694.14829Z" transform="translate(-214.84928 -124.57498)" fill="#e6e6e6"/><path d="M932.31571,706.21205s-51.62-169.6065,24.39237-161.49519S932.31571,706.21205,932.31571,706.21205Z" transform="translate(-214.84928 -124.57498)" fill="#e6e6e6"/><path d="M894.679,691.17l2.16658,28.37159.03437.49006a130.35307,130.35307,0,0,0,.67063,13.26586c2.94031,28.939,15.57857,42.12751,30.349,42.12751s26.85843-13.18851,29.79875-42.12751a130.356,130.356,0,0,0,.67062-13.26586l.01721-.3955.00856-.09456L960.5699,691.17Z" transform="translate(-214.84928 -124.57498)" fill="#e6e6e6"/><path d="M958.39472,719.54159l-.00856.09456-.01721.3955a130.356,130.356,0,0,1-.67062,13.26586H897.5506a130.35307,130.35307,0,0,1-.67063-13.26586l-.03437-.49006Z" transform="translate(-214.84928 -124.57498)" fill="#fff"/><path d="M299.65949,718.83877s-41.76-19.22429-27.08972-32.55551S299.65949,718.83877,299.65949,718.83877Z" transform="translate(-214.84928 -124.57498)" fill="#e6e6e6"/><path d="M272.00407,716.80251l1.50745,19.74023.02391.341a90.69705,90.69705,0,0,0,.46661,9.23c2.0458,20.135,10.83918,29.31126,21.11606,29.31126s18.68741-9.17623,20.73321-29.31126a90.6971,90.6971,0,0,0,.4666-9.23l.012-.27518.006-.0658,1.51344-19.74023Z" transform="translate(-214.84928 -124.57498)" fill="#e6e6e6"/><path d="M738.253,430.9007l0,0a10.1878,10.1878,0,0,0-2.69545-18.08783l-23.38075-7.45712-12.84708,11.13339L727.691,431.52059A10.18778,10.18778,0,0,0,738.253,430.9007Z" transform="translate(-214.84928 -124.57498)" fill="#ffb9b9"/><path d="M698.93534,423.75854,714.349,405.88627l-57.39472-62.816-26.42595-61.26771a18.81833,18.81833,0,0,0-21.46151-10.89476h0a18.81832,18.81832,0,0,0-12.51968,27.01861l34.49078,66.43564Z" transform="translate(-214.84928 -124.57498)" fill="#e6e6e6"/><polygon points="520.909 535.935 517.955 531.35 512.5 531.35 512.5 529.35 519.045 529.35 522.591 534.851 520.909 535.935" fill="#3f3d56"/><path d="M723.51724,655.925H712.02017v-2h11.49707Zm-15.33007,0H696.6901v-2h11.49707Zm-15.32911,0H681.361v-2h11.49707Zm-15.33007,0H666.03092v-2H677.528Zm-15.32911,0H650.70181v-2h11.49707Zm-15.33007,0-10.65137-.00879-.96875-.12891.26367-1.98242.90332.12012h10.45313Zm-15.419-.64258-11.39746-1.51367.26367-1.98242L631.71353,653.3Zm-15.19629-2.01855-11.397-1.51465.26367-1.98242,11.397,1.51464Zm-15.1958-2.01954-11.397-1.51367.26367-1.98242,11.397,1.51367Zm-15.19629-2.01855-11.397-1.51465.26367-1.98242,11.397,1.51465Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><polygon points="350.828 526.876 348.829 526.82 349.032 519.712 356.08 520.649 355.816 522.631 350.968 521.988 350.828 526.876" fill="#3f3d56"/><path d="M564.1481,704.99338l-1.999-.05664.38232-13.38575,1.999.05665Zm.50977-17.84766-1.999-.05664.38232-13.38574,1.999.05664Zm.50976-17.84765-1.999-.05665.38233-13.38574,1.999.05664Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><polygon points="346.969 591.933 347.172 584.824 349.171 584.88 349.031 589.767 353.904 589.388 354.06 591.382 346.969 591.933" fill="#3f3d56"/><path d="M572.736,715.66037l-.15527-1.99414,11.48193-.89258.15528,1.99414Zm15.30909-1.18945-.15528-1.99414,11.48194-.89258.15527,1.99414Zm15.30908-1.18946-.15528-1.99414,11.48243-.89258.15429,1.99415Zm15.30859-1.18945-.1543-1.99414,11.48145-.89258.1543,1.99414Zm15.3086-1.18945-.1543-1.99414,11.48242-.89258.1543,1.99414Zm15.30957-1.18946-.1543-1.99414,11.48144-.89257.1543,1.99414Zm15.30859-1.18945-.1543-1.99414,11.48242-.89258.1543,1.99414Zm15.30957-1.18945-.1543-1.99414,11.48145-.89258.1543,1.99414Zm15.30859-1.18946-.15429-1.99414,11.48242-.89257.1543,1.99414Zm15.30957-1.18945-.15429-1.99414,11.48144-.89258.1543,1.99414Zm15.3086-1.18945-.1543-1.99414,11.48242-.89258.1543,1.99414Zm15.30957-1.18945-.1543-1.99415,11.48145-.89257.15429,1.99414Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><polygon points="541.595 576.812 541.44 574.818 545.752 574.483 543.409 570.849 545.091 569.765 549.248 576.217 541.595 576.812" fill="#3f3d56"/><path d="M755.75845,691.54416l-7.5-11.6377,1.68165-1.084,7.5,11.63769Zm-10-15.5166-7.5-11.6377,1.68165-1.084,7.5,11.63769Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><circle cx="504" cy="551.85004" r="68" fill="#0d0d10"/><polygon points="560 630.85 460.5 454.35 438.5 476.35 536.5 630.35 560 630.85" fill="#3f3d56"/><polygon points="258.5 626.35 482 399.85 500.5 436.35 288.5 636.35 258.5 626.35" fill="#3f3d56"/><circle cx="349.5" cy="557.35004" r="45" fill="#3f3d56"/><path d="M504.34928,694.925a1.001,1.001,0,0,0-1,1v8a1.001,1.001,0,0,0,1,1h25a1.001,1.001,0,0,0,1-1v-8a1.001,1.001,0,0,0-1-1Z" transform="translate(-214.84928 -124.57498)" fill="#0d0d10"/><path d="M561.84928,583.425a1.001,1.001,0,0,0-1,1v8a1.001,1.001,0,0,0,1,1h25a1.001,1.001,0,0,0,1-1v-8a1.001,1.001,0,0,0-1-1Z" transform="translate(-214.84928 -124.57498)" fill="#0d0d10"/><polygon points="468.5 442.35 442.5 442.35 442.5 422.35 452.5 418.35 468.5 430.35 468.5 442.35" fill="#3f3d56"/><rect x="660.34928" y="537.92502" width="3" height="12" transform="translate(-383.87489 210.67371) rotate(-25.31588)" fill="#3f3d56"/><path d="M663.51431,524.88058a.99073.99073,0,0,0-.53808.15918l-17.66309,11.35987a1.001,1.001,0,0,0-.2998,1.38183l4.32715,6.72852a1.00071,1.00071,0,0,0,1.38183.30029l17.66309-11.35986v.00049a1.00171,1.00171,0,0,0,.2998-1.38233l-4.32715-6.72851a.99406.99406,0,0,0-.6289-.436A1.00559,1.00559,0,0,0,663.51431,524.88058Z" transform="translate(-214.84928 -124.57498)" fill="#0d0d10"/><path d="M703.3493,564.925h0l-20.5-99.5,24-4,16.36394,80.15542A18.943,18.943,0,0,1,703.3493,564.925Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><path d="M778.88078,445.82013l-23.74151-1.69583a2,2,0,0,1-1.69914-2.7749l34.48634-81.42609a2,2,0,0,1,1.49-1.18887l23.41745-4.18169a2,2,0,0,1,2.21407,2.69766L780.88576,444.554A2,2,0,0,1,778.88078,445.82013Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><polygon points="543.5 313.35 562.5 315.35 593.5 237.35 573.5 240.35 543.5 313.35" fill="#0d0d10"/><polygon points="336.5 527.35 311.5 552.35 275.5 395.35 295.5 398.35 336.5 527.35" fill="#3f3d56"/><path d="M522.21516,522.68706l-4.31816-1.29545a60.41115,60.41115,0,0,1-26.97938,5.07729,7.73239,7.73239,0,0,1-7.41086-7.7685v0a7.77536,7.77536,0,0,1,7.77536-7.77536h37.71724a3.84992,3.84992,0,0,1,3.84992,3.84992h0A8.26049,8.26049,0,0,1,522.21516,522.68706Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><path d="M761.11783,424.50363a4.39372,4.39372,0,0,0-2.67285.90137l-30.70117,23.47705-34.36621,4.48242c-5.917.772-10.01465,7.2085-10.52832,13.06055l40.45312-5.61768a27.16006,27.16006,0,0,0,15.19434-6.521l25.50195-22.05567a4.39754,4.39754,0,0,0-2.88086-7.72705Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><path d="M746.11783,409.50363a4.39372,4.39372,0,0,0-2.67285.90137l-30.70117,23.47705-34.36621,4.48242c-5.917.772-10.01465,7.2085-10.52832,13.06055l40.45312-5.61768a27.16006,27.16006,0,0,0,15.19434-6.521l25.50195-22.05567a4.39754,4.39754,0,0,0-2.88086-7.72705Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><path d="M764.84961,469.9248a45.69581,45.69581,0,0,1-36.71289-18.61718l4.03125-2.957a40.50175,40.50175,0,1,0,63.04394-50.72852l3.74805-3.31055a45.50091,45.50091,0,0,1-34.11035,75.61328Z" transform="translate(-214.84928 -124.57498)" fill="#3f3d56"/><rect x="231" y="625.85004" width="354" height="25" fill="#3f3d56"/><path d="M713.09656,456.6261h0a10.18779,10.18779,0,0,0,1.3916-18.23454L693.34928,425.925l-15,8,24.31162,20.95829A10.18779,10.18779,0,0,0,713.09656,456.6261Z" transform="translate(-214.84928 -124.57498)" fill="#ffb9b9"/><path d="M547.34928,544.925l14,8,86.44745-63.63076a27.85052,27.85052,0,0,0,11.83683-18.91318v0a27.94167,27.94167,0,0,0-10.08083-25.7766c-19.09112-15.50607-42.68561-29.57057-67.70346-43.17943l-37,18c15.24829,31.26617,32.175,57.04474,57,57Z" transform="translate(-214.84928 -124.57498)" fill="#0d0d10"/><path d="M541.24647,565.295c11.61559,11.76791,26.91121,20.18759,43.99575,26.97972a6.69787,6.69787,0,0,0,7.51557-1.82588h0a6.69441,6.69441,0,0,0-.24922-9.072l-11.07453-11.369-6.69114-23.83116c-14.3684,7.10225-23.78973,5.51252-25.6472-9.36705L540.039,549.16025A12.46738,12.46738,0,0,0,541.24647,565.295Z" transform="translate(-214.84928 -124.57498)" fill="#2f2e41"/><path d="M502.34928,670.925l21,1,48-247-82.5-26.5c-8.23685,30.79541,3.99267,81.20257,25.5,140.5Z" transform="translate(-214.84928 -124.57498)" fill="#0d0d10"/><circle cx="449" cy="105.85004" r="33" fill="#ffb9b9"/><polygon points="388.5 146.35 409.5 161.35 441.5 129.35 425.5 109.35 388.5 146.35" fill="#ffb9b9"/><path d="M485.34928,400.925c25.89825,21.10455,54.17919,34.97693,89,29,10.52213-16.82209,18.29108-52.25879,31.5-67.5,28.84538-33.28345,43.15165-62.95014,34-90-8.89618-5.816-8.5047-5.8064-15-25C573.97244,256.83765,524.71817,314.27,485.34928,400.925Z" transform="translate(-214.84928 -124.57498)" fill="#e6e6e6"/><path d="M502.01324,691.5052c14.9478,7.06888,32.20363,9.73025,50.58148,10.24912a6.69788,6.69788,0,0,0,6.43309-4.29338h0a6.69441,6.69441,0,0,0-3.34636-8.43594l-14.30271-6.87979L526.9181,662.05578c-11.05991,11.60048-20.45486,13.33933-27.30422,0l-4.2701,14.70812A12.46735,12.46735,0,0,0,502.01324,691.5052Z" transform="translate(-214.84928 -124.57498)" fill="#2f2e41"/><path d="M676.34928,440.925l19-14-42-74-12.14969-65.60829A18.81832,18.81832,0,0,0,622.69587,271.925h0a18.81832,18.81832,0,0,0-18.21094,23.56075L623.34928,367.925Z" transform="translate(-214.84928 -124.57498)" fill="#e6e6e6"/><rect x="355" y="467.85004" width="11" height="60" fill="#3f3d56"/><path d="M689.96913,220.85418a12.15211,12.15211,0,0,0,10.72753,4.28654c3.97236-.61923,7.50788-4.00777,7.76214-8.02.21954-3.46474-1.817-6.64247-3.954-9.3784a76.02955,76.02955,0,0,0-16.60985-15.67969c-3.00151-2.07795-6.31336-3.99085-9.95711-4.21488-1.80292-.11085-3.60978.19994-5.41441.12238-3.31827-.14258-6.42792-1.57847-9.66489-2.32218a23.77775,23.77775,0,0,0-19.309,4.09142,28.651,28.651,0,0,0-4.91809,4.79389,36.93227,36.93227,0,0,0-7.76576,16.88814c-1.73992,9.82683.43206,20.60434-4.29013,29.39613,5.54093-.51744,9.98318-4.74231,15.24715-6.54817a18.22945,18.22945,0,0,1,12.02739.10722,5.79481,5.79481,0,0,0,3.24482.60684,4.99254,4.99254,0,0,0,2.32073-1.6968l10.06553-10.95218c2.04848-2.22892,4.37544-4.60362,7.387-4.91222a11.66222,11.66222,0,0,1,5.22417,1.03624,78.79971,78.79971,0,0,1,11.67145,5.54606" transform="translate(-214.84928 -124.57498)" fill="#2f2e41"/><polygon points="456 324.85 453 326.85 473 346.85 485 335.85 465 319.85 456 324.85" fill="#3f3d56"/><rect width="247.65997" height="256.25" fill="#e6e6e6"/><rect x="13.21997" y="13.67999" width="221.22003" height="228.89001" fill="#fff"/><polygon points="56.26 246.57 64.139 246.57 64.089 243.398 63.954 236.362 62.705 164.015 62.688 163.677 62.047 126.711 60.478 36.85 60.124 36.85 58.453 127.369 57.795 163.694 57.778 164.032 56.26 246.57" fill="#e6e6e6"/><rect x="283.01613" y="348.73676" width="6.29051" height="23.76413" transform="translate(257.09777 -185.16627) rotate(62.23413)" fill="#e6e6e6"/><rect x="119" y="6.85004" width="10" height="242" fill="#e6e6e6"/><rect y="122.85004" width="247.65997" height="10" fill="#e6e6e6"/></svg>
\ No newline at end of file
diff --git a/wwwroot/css/styles.css b/wwwroot/css/styles.css
new file mode 100644
index 0000000..d0f1030
--- /dev/null
+++ b/wwwroot/css/styles.css
@@ -0,0 +1,1924 @@
+/* =======================
+   DARK GLASSMORPHISM DESIGN SYSTEM
+   RideAware Landing Page
+   ======================= */
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+:root {
+  /* Backgrounds */
+  --bg-primary: #09090b;
+  --bg-secondary: #18181b;
+  --bg-tertiary: #27272a;
+
+  /* Glass */
+  --glass: rgba(255, 255, 255, 0.03);
+  --glass-hover: rgba(255, 255, 255, 0.06);
+  --glass-border: rgba(255, 255, 255, 0.08);
+  --glass-border-hover: rgba(255, 255, 255, 0.14);
+
+  /* Text */
+  --text-primary: #fafafa;
+  --text-secondary: #a1a1aa;
+  --text-tertiary: #71717a;
+
+  /* Accents */
+  --accent: #6366f1;
+  --accent-light: #818cf8;
+  --accent-cyan: #06b6d4;
+  --accent-green: #22c55e;
+  --accent-amber: #f59e0b;
+  --gradient: linear-gradient(135deg, #6366f1, #06b6d4);
+  --gradient-text: linear-gradient(135deg, #818cf8, #22d3ee);
+
+  /* Effects */
+  --glow: 0 0 80px rgba(99, 102, 241, 0.12);
+  --glow-sm: 0 0 40px rgba(99, 102, 241, 0.08);
+  --shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+
+  /* Layout */
+  --navbar-height: 60px;
+  --radius: 12px;
+  --radius-lg: 16px;
+  --radius-xl: 24px;
+  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  --max-width: 1200px;
+}
+
+html {
+  scroll-behavior: smooth;
+  font-size: 15px;
+}
+
+@media (min-width: 768px) {
+  html { font-size: 16px; }
+}
+
+body {
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  line-height: 1.6;
+  color: var(--text-primary);
+  background: var(--bg-primary);
+  overflow-x: hidden;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* =======================
+   UTILITIES
+   ======================= */
+.container {
+  max-width: var(--max-width);
+  margin: 0 auto;
+  padding: 0 1.25rem;
+}
+
+@media (min-width: 768px) {
+  .container { padding: 0 2rem; }
+}
+
+.glass {
+  background: var(--glass);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border: 1px solid var(--glass-border);
+  border-radius: var(--radius-lg);
+}
+
+.glass:hover {
+  background: var(--glass-hover);
+  border-color: var(--glass-border-hover);
+}
+
+.gradient-text {
+  background: var(--gradient-text);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.section-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.8rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 1.5px;
+  color: var(--accent-light);
+  margin-bottom: 1rem;
+}
+
+.section-title {
+  font-size: clamp(1.75rem, 4vw, 2.5rem);
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 1rem;
+  line-height: 1.15;
+}
+
+.section-subtitle {
+  font-size: 1.05rem;
+  color: var(--text-secondary);
+  max-width: 600px;
+  line-height: 1.6;
+}
+
+/* =======================
+   NAVBAR
+   ======================= */
+.navbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: rgba(9, 9, 11, 0.8);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  z-index: 1000;
+  border-bottom: 1px solid var(--glass-border);
+  min-height: var(--navbar-height);
+}
+
+.navbar.scrolled {
+  background: rgba(9, 9, 11, 0.95);
+  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
+}
+
+.nav-container {
+  max-width: var(--max-width);
+  margin: 0 auto;
+  padding: 0 1.25rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: var(--navbar-height);
+}
+
+@media (min-width: 768px) {
+  .nav-container { padding: 0 2rem; }
+}
+
+.logo {
+  font-size: 1.1rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  flex-shrink: 0;
+}
+
+.logo-img {
+  display: block;
+  height: 24px;
+  width: auto;
+  filter: brightness(0) invert(1);
+}
+
+.nav-links {
+  display: none;
+  list-style: none;
+}
+
+.nav-links a {
+  text-decoration: none;
+  color: var(--text-secondary);
+  font-weight: 500;
+  font-size: 0.9rem;
+  transition: color 0.2s ease;
+  position: relative;
+}
+
+.nav-links a:hover {
+  color: var(--text-primary);
+}
+
+.nav-toggle {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 5px;
+  width: 40px;
+  height: 40px;
+  border: 1px solid var(--glass-border);
+  border-radius: 8px;
+  background: transparent;
+  cursor: pointer;
+  transition: var(--transition);
+}
+
+.nav-toggle:hover {
+  background: var(--glass-hover);
+  border-color: var(--glass-border-hover);
+}
+
+.nav-toggle .bar {
+  width: 18px;
+  height: 2px;
+  background: var(--text-secondary);
+  border-radius: 2px;
+  transition: transform 0.25s ease, opacity 0.25s ease;
+}
+
+.nav-toggle.active .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
+.nav-toggle.active .bar:nth-child(2) { opacity: 0; }
+.nav-toggle.active .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
+
+.nav-links.open {
+  display: flex;
+  position: fixed;
+  top: var(--navbar-height);
+  left: 0;
+  right: 0;
+  flex-direction: column;
+  background: rgba(9, 9, 11, 0.98);
+  backdrop-filter: blur(20px);
+  border-bottom: 1px solid var(--glass-border);
+  padding: 0.75rem;
+  z-index: 999;
+}
+
+.nav-links.open a {
+  display: block;
+  padding: 0.85rem 1rem;
+  border-radius: 8px;
+  color: var(--text-secondary);
+}
+
+.nav-links.open a:hover {
+  background: var(--glass-hover);
+  color: var(--text-primary);
+}
+
+@media (min-width: 768px) {
+  .nav-toggle { display: none; }
+  .nav-links {
+    display: flex;
+    gap: 2rem;
+  }
+  .nav-links a::after {
+    content: '';
+    position: absolute;
+    bottom: -4px;
+    left: 0;
+    width: 0;
+    height: 2px;
+    background: var(--gradient);
+    transition: width 0.3s ease;
+    border-radius: 1px;
+  }
+  .nav-links a:hover::after { width: 100%; }
+}
+
+/* =======================
+   HERO
+   ======================= */
+.hero {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: calc(var(--navbar-height) + 2rem) 1.25rem 4rem;
+  position: relative;
+  overflow: hidden;
+  background: var(--bg-primary);
+}
+
+.hero::before {
+  content: '';
+  position: absolute;
+  top: -40%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 800px;
+  height: 800px;
+  background: radial-gradient(circle, rgba(99, 102, 241, 0.15) 0%, rgba(6, 182, 212, 0.08) 40%, transparent 70%);
+  pointer-events: none;
+  animation: heroGlow 8s ease-in-out infinite alternate;
+}
+
+.hero::after {
+  content: '';
+  position: absolute;
+  bottom: -20%;
+  right: -10%;
+  width: 600px;
+  height: 600px;
+  background: radial-gradient(circle, rgba(6, 182, 212, 0.1) 0%, transparent 60%);
+  pointer-events: none;
+  animation: heroGlow 10s ease-in-out infinite alternate-reverse;
+}
+
+@keyframes heroGlow {
+  0% { opacity: 0.6; transform: translateX(-50%) scale(1); }
+  100% { opacity: 1; transform: translateX(-50%) scale(1.1); }
+}
+
+.hero-content {
+  max-width: 720px;
+  margin: 0 auto;
+  position: relative;
+  z-index: 1;
+}
+
+.hero-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.45rem 1rem;
+  border-radius: 50px;
+  border: 1px solid var(--glass-border);
+  background: var(--glass);
+  backdrop-filter: blur(10px);
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: var(--accent-light);
+  margin-bottom: 1.5rem;
+  letter-spacing: 0.3px;
+}
+
+.hero-badge .pulse-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--accent-green);
+  animation: pulseDot 2s ease-in-out infinite;
+}
+
+@keyframes pulseDot {
+  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
+  50% { opacity: 0.8; box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
+}
+
+.hero h1 {
+  font-size: clamp(2.25rem, 6vw, 3.75rem);
+  font-weight: 800;
+  line-height: 1.08;
+  margin-bottom: 1.25rem;
+  letter-spacing: -0.03em;
+}
+
+.hero .subtitle {
+  font-size: clamp(1rem, 2.5vw, 1.2rem);
+  color: var(--text-secondary);
+  margin-bottom: 2.5rem;
+  line-height: 1.6;
+  max-width: 540px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.hero-cta {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  max-width: 440px;
+  margin: 0 auto;
+}
+
+@media (min-width: 480px) {
+  .hero-cta {
+    flex-direction: row;
+  }
+}
+
+.hero-cta .email-input {
+  flex: 1;
+  padding: 0.85rem 1.25rem;
+  border: 1px solid var(--glass-border);
+  border-radius: 50px;
+  background: var(--glass);
+  backdrop-filter: blur(10px);
+  color: var(--text-primary);
+  font-size: 0.95rem;
+  outline: none;
+  transition: var(--transition);
+  min-width: 0;
+}
+
+.hero-cta .email-input::placeholder {
+  color: var(--text-tertiary);
+}
+
+.hero-cta .email-input:focus {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
+}
+
+.hero-cta .btn-primary {
+  padding: 0.85rem 1.75rem;
+  background: var(--gradient);
+  color: white;
+  border: none;
+  border-radius: 50px;
+  font-weight: 600;
+  font-size: 0.95rem;
+  cursor: pointer;
+  transition: var(--transition);
+  white-space: nowrap;
+  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.3);
+}
+
+.hero-cta .btn-primary:hover {
+  box-shadow: 0 8px 30px rgba(99, 102, 241, 0.4);
+  transform: translateY(-1px);
+}
+
+.hero-cta .btn-primary:active {
+  transform: scale(0.98);
+}
+
+.hero-note {
+  margin-top: 1.25rem;
+  font-size: 0.8rem;
+  color: var(--text-tertiary);
+}
+
+/* =======================
+   SOCIAL PROOF BAR
+   ======================= */
+.proof-bar {
+  padding: 3rem 0;
+  border-top: 1px solid var(--glass-border);
+  border-bottom: 1px solid var(--glass-border);
+  background: var(--bg-secondary);
+}
+
+.proof-bar .container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: 2rem 3rem;
+}
+
+.proof-item {
+  text-align: center;
+}
+
+.proof-item .number {
+  font-size: 1.5rem;
+  font-weight: 700;
+  background: var(--gradient-text);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.proof-item .label {
+  font-size: 0.8rem;
+  color: var(--text-tertiary);
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  margin-top: 0.25rem;
+}
+
+/* =======================
+   FEATURES - BENTO GRID
+   ======================= */
+.features {
+  padding: 5rem 0;
+  background: var(--bg-primary);
+}
+
+.features .section-header {
+  text-align: center;
+  margin-bottom: 3.5rem;
+}
+
+.features .section-subtitle {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.features-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1rem;
+}
+
+@media (min-width: 640px) {
+  .features-grid { grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (min-width: 1024px) {
+  .features-grid { grid-template-columns: repeat(3, 1fr); }
+}
+
+.feature-card {
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  border-radius: var(--radius-lg);
+  padding: 1.75rem;
+  transition: var(--transition);
+  position: relative;
+  overflow: hidden;
+}
+
+.feature-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: linear-gradient(90deg, transparent, var(--accent), var(--accent-cyan), transparent);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.feature-card:hover {
+  background: var(--glass-hover);
+  border-color: var(--glass-border-hover);
+  transform: translateY(-2px);
+  box-shadow: var(--glow-sm);
+}
+
+.feature-card:hover::before {
+  opacity: 1;
+}
+
+.feature-icon {
+  width: 44px;
+  height: 44px;
+  border-radius: 10px;
+  background: var(--gradient);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 1.25rem;
+  font-size: 1.1rem;
+  color: white;
+  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.25);
+}
+
+.feature-card h3 {
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.5rem;
+}
+
+.feature-card p {
+  font-size: 0.9rem;
+  color: var(--text-secondary);
+  line-height: 1.5;
+}
+
+/* =======================
+   HOW IT WORKS
+   ======================= */
+.how-it-works {
+  padding: 5rem 0;
+  background: var(--bg-secondary);
+}
+
+.how-it-works .section-header {
+  text-align: center;
+  margin-bottom: 3.5rem;
+}
+
+.how-it-works .section-subtitle {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.steps-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1.5rem;
+}
+
+@media (min-width: 768px) {
+  .steps-grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
+}
+
+.step-card {
+  text-align: center;
+  padding: 2rem 1.5rem;
+  position: relative;
+}
+
+.step-number {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.1rem;
+  font-weight: 700;
+  background: var(--gradient-text);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  margin: 0 auto 1.25rem;
+}
+
+.step-number-ring {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  border: 1px solid var(--glass-border);
+  background: var(--glass);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 1.25rem;
+}
+
+.step-card h3 {
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.5rem;
+}
+
+.step-card p {
+  font-size: 0.9rem;
+  color: var(--text-secondary);
+  line-height: 1.5;
+}
+
+@media (min-width: 768px) {
+  .step-card:not(:last-child)::after {
+    content: '';
+    position: absolute;
+    top: 3.5rem;
+    right: -1rem;
+    width: 2rem;
+    height: 1px;
+    background: var(--glass-border);
+  }
+}
+
+/* =======================
+   ROADMAP / DEV STATUS
+   ======================= */
+.roadmap {
+  padding: 5rem 0;
+  background: var(--bg-primary);
+}
+
+.roadmap .section-header {
+  text-align: center;
+  margin-bottom: 3.5rem;
+}
+
+.roadmap .section-subtitle {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.timeline {
+  max-width: 640px;
+  margin: 0 auto;
+  position: relative;
+}
+
+.timeline::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 18px;
+  width: 1px;
+  height: 100%;
+  background: linear-gradient(to bottom, var(--accent), var(--accent-cyan), var(--glass-border));
+}
+
+@media (min-width: 768px) {
+  .timeline::before { left: 22px; }
+}
+
+.timeline-item {
+  position: relative;
+  padding-left: 52px;
+  padding-bottom: 2rem;
+}
+
+@media (min-width: 768px) {
+  .timeline-item { padding-left: 60px; }
+}
+
+.timeline-item:last-child { padding-bottom: 0; }
+
+.timeline-dot {
+  position: absolute;
+  left: 10px;
+  top: 4px;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  border: 2px solid var(--glass-border);
+  background: var(--bg-primary);
+}
+
+@media (min-width: 768px) {
+  .timeline-dot { left: 14px; }
+}
+
+.timeline-item.live .timeline-dot {
+  border-color: var(--accent-green);
+  background: var(--accent-green);
+  box-shadow: 0 0 12px rgba(34, 197, 94, 0.4);
+}
+
+.timeline-item.in-progress .timeline-dot {
+  border-color: var(--accent-amber);
+  background: var(--accent-amber);
+  box-shadow: 0 0 12px rgba(245, 158, 11, 0.3);
+}
+
+.timeline-item.planned .timeline-dot {
+  border-color: var(--text-tertiary);
+  background: var(--bg-tertiary);
+}
+
+.timeline-badge {
+  display: inline-block;
+  padding: 0.2rem 0.6rem;
+  border-radius: 50px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 0.35rem;
+}
+
+.timeline-item.live .timeline-badge {
+  background: rgba(34, 197, 94, 0.1);
+  color: var(--accent-green);
+  border: 1px solid rgba(34, 197, 94, 0.2);
+}
+
+.timeline-item.in-progress .timeline-badge {
+  background: rgba(245, 158, 11, 0.1);
+  color: var(--accent-amber);
+  border: 1px solid rgba(245, 158, 11, 0.2);
+}
+
+.timeline-item.planned .timeline-badge {
+  background: rgba(113, 113, 122, 0.1);
+  color: var(--text-tertiary);
+  border: 1px solid rgba(113, 113, 122, 0.2);
+}
+
+.timeline-item h4 {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.25rem;
+}
+
+.timeline-item p {
+  font-size: 0.85rem;
+  color: var(--text-secondary);
+}
+
+/* =======================
+   CTA SECTION
+   ======================= */
+.cta-section {
+  padding: 5rem 0;
+  background: var(--bg-secondary);
+}
+
+.cta-card {
+  max-width: 640px;
+  margin: 0 auto;
+  padding: 3rem 2rem;
+  text-align: center;
+  border-radius: var(--radius-xl);
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  position: relative;
+  overflow: hidden;
+}
+
+.cta-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: var(--gradient);
+}
+
+.cta-card h2 {
+  font-size: clamp(1.5rem, 3.5vw, 2rem);
+  font-weight: 700;
+  margin-bottom: 0.75rem;
+  color: var(--text-primary);
+}
+
+.cta-card p {
+  color: var(--text-secondary);
+  margin-bottom: 2rem;
+  font-size: 1rem;
+}
+
+.cta-card .hero-cta {
+  max-width: 400px;
+}
+
+/* =======================
+   PAGE HEADER (ABOUT, CONTACT, NEWSLETTERS)
+   ======================= */
+.page-hero {
+  padding: calc(var(--navbar-height) + 4rem) 0 3rem;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+}
+
+.page-hero::before {
+  content: '';
+  position: absolute;
+  top: -20%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 600px;
+  height: 400px;
+  background: radial-gradient(circle, rgba(99, 102, 241, 0.1) 0%, transparent 60%);
+  pointer-events: none;
+}
+
+.page-hero h1 {
+  font-size: clamp(2rem, 5vw, 3rem);
+  font-weight: 800;
+  color: var(--text-primary);
+  margin-bottom: 0.75rem;
+  letter-spacing: -0.02em;
+  position: relative;
+}
+
+.page-hero > p {
+  font-size: 1.1rem;
+  color: var(--text-secondary);
+  position: relative;
+}
+
+/* =======================
+   ABOUT PAGE
+   ======================= */
+.about-mission {
+  padding: 4rem 0;
+}
+
+.about-mission .container {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 2.5rem;
+  align-items: center;
+}
+
+@media (min-width: 768px) {
+  .about-mission .container {
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+  }
+}
+
+.mission-text h2 {
+  font-size: 1.75rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 1.25rem;
+}
+
+.mission-text p {
+  color: var(--text-secondary);
+  margin-bottom: 1rem;
+  line-height: 1.7;
+}
+
+.mission-text ul {
+  list-style: none;
+  margin-top: 1.5rem;
+}
+
+.mission-text ul li {
+  padding: 0.5rem 0;
+  color: var(--text-secondary);
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.mission-text ul li::before {
+  content: '';
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--accent);
+  flex-shrink: 0;
+}
+
+.mission-visual {
+  width: 100%;
+  height: 320px;
+  border-radius: var(--radius-xl);
+  background: var(--gradient);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 4rem;
+  position: relative;
+  overflow: hidden;
+}
+
+@media (min-width: 768px) {
+  .mission-visual { height: 400px; }
+}
+
+.values-section {
+  padding: 4rem 0;
+  background: var(--bg-secondary);
+}
+
+.values-section .section-header {
+  text-align: center;
+  margin-bottom: 3rem;
+}
+
+.values-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1rem;
+}
+
+@media (min-width: 640px) {
+  .values-grid { grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (min-width: 1024px) {
+  .values-grid { grid-template-columns: repeat(3, 1fr); }
+}
+
+.value-card {
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  border-radius: var(--radius-lg);
+  padding: 1.75rem;
+  transition: var(--transition);
+}
+
+.value-card:hover {
+  background: var(--glass-hover);
+  border-color: var(--glass-border-hover);
+}
+
+.value-icon {
+  width: 44px;
+  height: 44px;
+  border-radius: 10px;
+  background: var(--gradient);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 1rem;
+  font-size: 1.1rem;
+  color: white;
+}
+
+.value-card h3 {
+  font-size: 1.05rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.5rem;
+}
+
+.value-card p {
+  font-size: 0.9rem;
+  color: var(--text-secondary);
+  line-height: 1.5;
+}
+
+/* Team */
+.team-section {
+  padding: 4rem 0;
+}
+
+.team-section .section-header,
+.team-header {
+  text-align: center;
+  margin-bottom: 3rem;
+}
+
+.team-header h2 {
+  font-size: clamp(1.5rem, 3vw, 2rem);
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 0.5rem;
+}
+
+.team-header p {
+  color: var(--text-secondary);
+}
+
+.team-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1rem;
+  max-width: 900px;
+  margin: 0 auto;
+}
+
+@media (min-width: 768px) {
+  .team-grid { grid-template-columns: repeat(3, 1fr); }
+}
+
+.team-member {
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  border-radius: var(--radius-lg);
+  padding: 2rem 1.5rem;
+  text-align: center;
+  transition: var(--transition);
+}
+
+.team-member:hover {
+  background: var(--glass-hover);
+  border-color: var(--glass-border-hover);
+}
+
+.team-member-image {
+  font-size: 3rem;
+  color: var(--text-tertiary);
+  margin-bottom: 1rem;
+}
+
+.team-member-info h3 {
+  font-size: 1.05rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.25rem;
+}
+
+.team-member-info > p {
+  font-size: 0.85rem;
+  color: var(--accent-light);
+  margin-bottom: 0.75rem;
+}
+
+.bio {
+  font-size: 0.85rem;
+  color: var(--text-secondary);
+  line-height: 1.5;
+}
+
+/* Stats */
+.stats-section {
+  padding: 4rem 0;
+  background: var(--bg-secondary);
+}
+
+.stats-section .section-header {
+  text-align: center;
+  margin-bottom: 3rem;
+}
+
+.stats-section .section-header h2 {
+  font-size: clamp(1.5rem, 3vw, 2rem);
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 0.5rem;
+}
+
+.stats-section .section-header p {
+  color: var(--text-secondary);
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
+  max-width: 700px;
+  margin: 0 auto;
+}
+
+@media (min-width: 640px) {
+  .stats-grid { grid-template-columns: repeat(4, 1fr); }
+}
+
+.stat-box {
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  border-radius: var(--radius-lg);
+  padding: 1.75rem 1rem;
+  text-align: center;
+}
+
+.stat-box .stat-number {
+  font-size: 1.5rem;
+  font-weight: 800;
+  background: var(--gradient-text);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  margin-bottom: 0.25rem;
+}
+
+.stat-box .stat-label {
+  font-size: 0.8rem;
+  color: var(--text-tertiary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+/* FAQ */
+.faq-section {
+  padding: 4rem 0;
+}
+
+.faq-section .section-header {
+  text-align: center;
+  margin-bottom: 2.5rem;
+}
+
+.faq-section .section-header h2 {
+  font-size: clamp(1.5rem, 3vw, 2rem);
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.faq-container {
+  max-width: 700px;
+  margin: 0 auto;
+}
+
+.faq-item {
+  border-bottom: 1px solid var(--glass-border);
+}
+
+.faq-question {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1.25rem 0;
+  cursor: pointer;
+  gap: 1rem;
+}
+
+.faq-question h3 {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.faq-question i {
+  color: var(--text-tertiary);
+  font-size: 0.8rem;
+  transition: transform 0.3s ease;
+  flex-shrink: 0;
+}
+
+.faq-item.open .faq-question i {
+  transform: rotate(180deg);
+}
+
+.faq-answer {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.3s ease, padding 0.3s ease;
+}
+
+.faq-item.open .faq-answer {
+  max-height: 300px;
+  padding-bottom: 1.25rem;
+}
+
+.faq-answer p {
+  font-size: 0.9rem;
+  color: var(--text-secondary);
+  line-height: 1.6;
+}
+
+/* =======================
+   CONTACT PAGE
+   ======================= */
+.contact-layout {
+  padding: 2rem 0 4rem;
+}
+
+.contact-layout .container {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 2.5rem;
+}
+
+@media (min-width: 768px) {
+  .contact-layout .container {
+    grid-template-columns: 1fr 1fr;
+    gap: 3rem;
+  }
+}
+
+.contact-info-side h2 {
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 1rem;
+}
+
+.contact-info-side > p {
+  color: var(--text-secondary);
+  margin-bottom: 1.5rem;
+  line-height: 1.6;
+}
+
+.contact-info-side ul {
+  list-style: none;
+  margin-bottom: 2rem;
+}
+
+.contact-info-side ul li {
+  padding: 0.4rem 0;
+  color: var(--text-secondary);
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  font-size: 0.9rem;
+}
+
+.contact-info-side ul li::before {
+  content: '';
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--accent);
+  flex-shrink: 0;
+}
+
+.contact-info {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  margin-top: 1rem;
+}
+
+.info-card {
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  border-radius: var(--radius);
+  padding: 1.25rem;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  transition: var(--transition);
+}
+
+.info-card:hover {
+  background: var(--glass-hover);
+  border-color: var(--glass-border-hover);
+}
+
+.info-card-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 10px;
+  background: var(--gradient);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 0.9rem;
+  flex-shrink: 0;
+}
+
+.info-card h3 {
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.15rem;
+}
+
+.info-card p {
+  font-size: 0.85rem;
+  color: var(--text-secondary);
+  line-height: 1.4;
+}
+
+.info-card a {
+  color: var(--accent-light);
+  text-decoration: none;
+}
+
+.info-card a:hover {
+  text-decoration: underline;
+}
+
+/* Contact Form */
+.contact-form {
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  border-radius: var(--radius-lg);
+  padding: 2rem;
+}
+
+.contact-form h2 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 1.5rem;
+}
+
+.form-group {
+  margin-bottom: 1.25rem;
+}
+
+.form-group label {
+  display: block;
+  font-size: 0.85rem;
+  font-weight: 500;
+  color: var(--text-secondary);
+  margin-bottom: 0.5rem;
+}
+
+.required {
+  color: var(--accent-light);
+}
+
+.form-group input,
+.form-group textarea,
+.form-group select {
+  width: 100%;
+  padding: 0.75rem 1rem;
+  background: var(--bg-primary);
+  border: 1px solid var(--glass-border);
+  border-radius: var(--radius);
+  color: var(--text-primary);
+  font-family: inherit;
+  font-size: 0.9rem;
+  outline: none;
+  transition: var(--transition);
+}
+
+.form-group input::placeholder,
+.form-group textarea::placeholder {
+  color: var(--text-tertiary);
+}
+
+.form-group input:focus,
+.form-group textarea:focus,
+.form-group select:focus {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
+}
+
+.form-group select {
+  cursor: pointer;
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 1rem center;
+}
+
+.form-group select option {
+  background: var(--bg-primary);
+  color: var(--text-primary);
+}
+
+.form-group textarea {
+  min-height: 120px;
+  resize: vertical;
+}
+
+.form-group small {
+  display: block;
+  margin-top: 0.35rem;
+  font-size: 0.75rem;
+  color: var(--text-tertiary);
+}
+
+.newsletter-opt-in {
+  margin-bottom: 1.25rem;
+}
+
+.checkbox-label {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
+  cursor: pointer;
+}
+
+.checkbox-input {
+  width: 18px;
+  height: 18px;
+  margin-top: 2px;
+  accent-color: var(--accent);
+  flex-shrink: 0;
+}
+
+.checkbox-text {
+  font-size: 0.85rem;
+  color: var(--text-secondary);
+}
+
+.checkbox-text i {
+  color: var(--accent-light);
+  margin-right: 0.25rem;
+}
+
+.form-submit {
+  width: 100%;
+  padding: 0.85rem 1.5rem;
+  background: var(--gradient);
+  color: white;
+  border: none;
+  border-radius: var(--radius);
+  font-weight: 600;
+  font-size: 0.95rem;
+  cursor: pointer;
+  transition: var(--transition);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.25);
+}
+
+.form-submit:hover {
+  box-shadow: 0 6px 24px rgba(99, 102, 241, 0.35);
+  transform: translateY(-1px);
+}
+
+.form-success {
+  display: none;
+  padding: 1rem;
+  background: rgba(34, 197, 94, 0.1);
+  border: 1px solid rgba(34, 197, 94, 0.2);
+  border-radius: var(--radius);
+  color: var(--accent-green);
+  font-size: 0.9rem;
+  margin-bottom: 1.5rem;
+}
+
+.form-success.show {
+  display: block;
+}
+
+/* =======================
+   NEWSLETTERS
+   ======================= */
+.page-header {
+  padding: calc(var(--navbar-height) + 4rem) 0 3rem;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+}
+
+.page-header::before {
+  content: '';
+  position: absolute;
+  top: -20%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 600px;
+  height: 400px;
+  background: radial-gradient(circle, rgba(99, 102, 241, 0.1) 0%, transparent 60%);
+  pointer-events: none;
+}
+
+.page-header-content {
+  position: relative;
+}
+
+.header-icon {
+  font-size: 2.5rem;
+  background: var(--gradient-text);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  margin-bottom: 1rem;
+}
+
+.page-header h1 {
+  font-size: clamp(2rem, 5vw, 3rem);
+  font-weight: 800;
+  color: var(--text-primary);
+  margin-bottom: 0.75rem;
+  letter-spacing: -0.02em;
+}
+
+.page-header p {
+  font-size: 1.05rem;
+  color: var(--text-secondary);
+  max-width: 540px;
+  margin: 0 auto;
+}
+
+.main-content {
+  padding: 0 1.25rem 4rem;
+  max-width: var(--max-width);
+  margin: 0 auto;
+}
+
+@media (min-width: 768px) {
+  .main-content { padding: 0 2rem 4rem; }
+}
+
+.newsletters-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1rem;
+}
+
+@media (min-width: 640px) {
+  .newsletters-grid { grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (min-width: 1024px) {
+  .newsletters-grid { grid-template-columns: repeat(3, 1fr); }
+}
+
+.newsletter-card {
+  background: var(--glass);
+  border: 1px solid var(--glass-border);
+  border-radius: var(--radius-lg);
+  padding: 1.75rem;
+  transition: var(--transition);
+  display: flex;
+  flex-direction: column;
+}
+
+.newsletter-card:hover {
+  background: var(--glass-hover);
+  border-color: var(--glass-border-hover);
+  transform: translateY(-2px);
+}
+
+.newsletter-header {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
+  margin-bottom: 1rem;
+}
+
+.newsletter-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 10px;
+  background: var(--gradient);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 0.9rem;
+  flex-shrink: 0;
+}
+
+.newsletter-info h2 {
+  font-size: 1.05rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.newsletter-info h2 a {
+  color: var(--text-primary);
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+.newsletter-info h2 a:hover {
+  color: var(--accent-light);
+}
+
+.newsletter-date {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.8rem;
+  color: var(--text-tertiary);
+  margin-bottom: 0.75rem;
+}
+
+.newsletter-excerpt {
+  font-size: 0.85rem;
+  color: var(--text-secondary);
+  line-height: 1.5;
+  margin-bottom: 1.25rem;
+  flex-grow: 1;
+}
+
+.read-more-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: var(--accent-light);
+  text-decoration: none;
+  transition: gap 0.2s ease;
+}
+
+.read-more-btn:hover {
+  gap: 0.75rem;
+}
+
+/* Empty state */
+.empty-state {
+  text-align: center;
+  padding: 4rem 1rem;
+}
+
+.empty-icon {
+  font-size: 3rem;
+  color: var(--text-tertiary);
+  margin-bottom: 1.5rem;
+}
+
+.empty-state h3 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.75rem;
+}
+
+.empty-state p {
+  color: var(--text-secondary);
+  max-width: 420px;
+  margin: 0 auto 1.5rem;
+}
+
+.subscribe-prompt {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.75rem 1.5rem;
+  background: var(--gradient);
+  color: white;
+  text-decoration: none;
+  border-radius: 50px;
+  font-weight: 600;
+  font-size: 0.9rem;
+  transition: var(--transition);
+}
+
+.subscribe-prompt:hover {
+  box-shadow: 0 8px 24px rgba(99, 102, 241, 0.3);
+}
+
+/* =======================
+   NEWSLETTER DETAIL / ARTICLE
+   ======================= */
+.article-wrap {
+  display: flex;
+  flex-direction: column;
+  max-width: var(--max-width);
+  margin: 0 auto;
+  padding: calc(var(--navbar-height) + 2rem) 1.25rem 4rem;
+  gap: 2rem;
+}
+
+@media (min-width: 900px) {
+  .article-wrap {
+    flex-direction: row;
+    padding-top: calc(var(--navbar-height) + 3rem);
+    gap: 3rem;
+  }
+}
+
+.article-aside {
+  flex-shrink: 0;
+}
+
+@media (min-width: 900px) {
+  .article-aside {
+    width: 260px;
+    position: sticky;
+    top: calc(var(--navbar-height) + 2rem);
+    max-height: calc(100vh - var(--navbar-height) - 4rem);
+    overflow-y: auto;
+  }
+}
+
+.back-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.85rem;
+  color: var(--text-secondary);
+  text-decoration: none;
+  margin-bottom: 1.5rem;
+  transition: color 0.2s ease;
+}
+
+.back-link:hover {
+  color: var(--accent-light);
+}
+
+.article-meta {
+  margin-bottom: 1.5rem;
+}
+
+.article-title {
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.75rem;
+  line-height: 1.3;
+}
+
+.meta-row {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.8rem;
+  color: var(--text-tertiary);
+}
+
+.toc {
+  padding-top: 1rem;
+  border-top: 1px solid var(--glass-border);
+}
+
+.toc-title {
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  color: var(--text-tertiary);
+  margin-bottom: 0.75rem;
+}
+
+#toc-list {
+  list-style: none;
+  padding-left: 0;
+}
+
+#toc-list li {
+  margin-bottom: 0.4rem;
+}
+
+#toc-list li a {
+  font-size: 0.8rem;
+  color: var(--text-secondary);
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+#toc-list li a:hover {
+  color: var(--accent-light);
+}
+
+.toc-h3 {
+  padding-left: 1rem;
+}
+
+.article-main {
+  flex: 1;
+  min-width: 0;
+}
+
+.article-hero {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-bottom: 2rem;
+  padding-bottom: 1.5rem;
+  border-bottom: 1px solid var(--glass-border);
+}
+
+.article-hero h1 {
+  font-size: clamp(1.5rem, 3vw, 2rem);
+  font-weight: 700;
+  color: var(--text-primary);
+  line-height: 1.2;
+}
+
+.newsletter-content {
+  color: var(--text-secondary);
+  line-height: 1.8;
+  font-size: 0.95rem;
+}
+
+.newsletter-content h2 {
+  font-size: 1.35rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin: 2rem 0 1rem;
+}
+
+.newsletter-content h3 {
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin: 1.5rem 0 0.75rem;
+}
+
+.newsletter-content p {
+  margin-bottom: 1rem;
+}
+
+.newsletter-content a {
+  color: var(--accent-light);
+  text-decoration: underline;
+  text-decoration-color: rgba(129, 140, 248, 0.3);
+  text-underline-offset: 2px;
+}
+
+.newsletter-content a:hover {
+  text-decoration-color: var(--accent-light);
+}
+
+.newsletter-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  margin-top: 2.5rem;
+  padding-top: 2rem;
+  border-top: 1px solid var(--glass-border);
+}
+
+.action-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.65rem 1.25rem;
+  border-radius: var(--radius);
+  font-size: 0.85rem;
+  font-weight: 600;
+  text-decoration: none;
+  cursor: pointer;
+  transition: var(--transition);
+  border: none;
+  font-family: inherit;
+}
+
+.action-btn.primary {
+  background: var(--gradient);
+  color: white;
+  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.2);
+}
+
+.action-btn.primary:hover {
+  box-shadow: 0 6px 24px rgba(99, 102, 241, 0.3);
+}
+
+.action-btn.secondary {
+  background: var(--glass);
+  color: var(--text-secondary);
+  border: 1px solid var(--glass-border);
+}
+
+.action-btn.secondary:hover {
+  background: var(--glass-hover);
+  color: var(--text-primary);
+  border-color: var(--glass-border-hover);
+}
+
+/* =======================
+   FOOTER
+   ======================= */
+.footer {
+  padding: 2rem 0;
+  border-top: 1px solid var(--glass-border);
+  text-align: center;
+}
+
+.footer p {
+  font-size: 0.8rem;
+  color: var(--text-tertiary);
+}
+
+/* =======================
+   ANIMATIONS & A11Y
+   ======================= */
+.fade-in {
+  opacity: 0;
+  transform: translateY(20px);
+  transition: opacity 0.6s ease, transform 0.6s ease;
+}
+
+.fade-in.is-visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+  .fade-in { opacity: 1; transform: none; }
+  html { scroll-behavior: auto; }
+}
+
+/* Scroll margin for fixed navbar */
+[id] {
+  scroll-margin-top: calc(var(--navbar-height) + 1rem);
+}
diff --git a/wwwroot/js/countdown.js b/wwwroot/js/countdown.js
new file mode 100644
index 0000000..57409f7
--- /dev/null
+++ b/wwwroot/js/countdown.js
@@ -0,0 +1,25 @@
+// Countdown timer
+const targetDate = new Date("2025-12-31T00:00:00Z");
+
+function updateCountdown() {
+    const now = new Date();
+    const difference = targetDate - now;
+    
+    if (difference < 0) {
+        document.getElementById("countdown").innerHTML = "<p style='color: white; font-size: 1.5rem;'>We're Live!</p>";
+        return;
+    }
+    
+    const days = Math.floor(difference / (1000 * 60 * 60 * 24));
+    const hours = Math.floor((difference / (1000 * 60 * 60)) % 24);
+    const minutes = Math.floor((difference / (1000 * 60)) % 60);
+    const seconds = Math.floor((difference / 1000) % 60);
+    
+    document.getElementById("days").textContent = days.toString().padStart(2, "0");
+    document.getElementById("hours").textContent = hours.toString().padStart(2, "0");
+    document.getElementById("minutes").textContent = minutes.toString().padStart(2, "0");
+    document.getElementById("seconds").textContent = seconds.toString().padStart(2, "0");
+}
+
+setInterval(updateCountdown, 1000);
+updateCountdown(); // Run immediately
diff --git a/wwwroot/js/main.js b/wwwroot/js/main.js
new file mode 100644
index 0000000..a733aba
--- /dev/null
+++ b/wwwroot/js/main.js
@@ -0,0 +1,186 @@
+(() => {
+  'use strict';
+
+  const navbar = document.querySelector('.navbar');
+  const emailInput = document.getElementById('email-input');
+  const notifyBtn = document.getElementById('notify-button');
+  const emailRE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+  // Smooth scroll for anchor links
+  document.addEventListener(
+    'click',
+    (e) => {
+      const a = e.target.closest('a[href^="#"]');
+      if (!a) return;
+
+      const href = a.getAttribute('href');
+      if (!href || href === '#') return;
+
+      const target = document.querySelector(href);
+      if (!target) return;
+
+      e.preventDefault();
+      target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    },
+    { passive: false }
+  );
+
+  // Intersection Observer for fade-in animations
+  if ('IntersectionObserver' in window) {
+    const observer = new IntersectionObserver(
+      (entries, obs) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            entry.target.classList.add('is-visible');
+            obs.unobserve(entry.target);
+          }
+        }
+      },
+      { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }
+    );
+
+    document.querySelectorAll('.fade-in').forEach((el) => {
+      observer.observe(el);
+    });
+  } else {
+    document.querySelectorAll('.fade-in').forEach((el) => el.classList.add('is-visible'));
+  }
+
+  // Newsletter card animations on load
+  window.addEventListener('load', () => {
+    document
+      .querySelectorAll('.newsletter-header, .newsletter-content')
+      .forEach((el, i) => {
+        el.style.transitionDelay = `${i * 0.2}s`;
+        el.classList.add('is-visible');
+      });
+
+    document.querySelectorAll('.newsletter-card').forEach((card, i) => {
+      card.style.transitionDelay = `${i * 0.1}s`;
+      card.classList.add('is-visible');
+    });
+  });
+
+  // Navbar scroll effect
+  let lastY = 0;
+  let ticking = false;
+
+  function onScroll() {
+    lastY = window.scrollY || window.pageYOffset;
+    if (!ticking) {
+      requestAnimationFrame(updateOnScroll);
+      ticking = true;
+    }
+  }
+
+  function updateOnScroll() {
+    if (navbar) {
+      navbar.classList.toggle('scrolled', lastY > 50);
+    }
+
+    const progressBar = document.querySelector('.reading-progress');
+    if (progressBar) {
+      const max = document.body.scrollHeight - window.innerHeight;
+      const progress = max > 0 ? Math.min(Math.max(lastY / max, 0), 1) : 0;
+      progressBar.style.width = `${progress * 100}%`;
+    }
+
+    ticking = false;
+  }
+
+  window.addEventListener('scroll', onScroll, { passive: true });
+  updateOnScroll();
+
+  // Subscribe handler (hero + CTA)
+  function setupSubscribe(inputEl, btnEl) {
+    if (!btnEl || !inputEl) return;
+
+    let inFlight = false;
+    const controller = new AbortController();
+
+    btnEl.addEventListener('click', async () => {
+      const email = inputEl.value.trim();
+      if (!emailRE.test(email)) {
+        alert('Please enter a valid email address.');
+        inputEl.focus();
+        return;
+      }
+      if (inFlight) return;
+
+      inFlight = true;
+      btnEl.disabled = true;
+
+      try {
+        const res = await fetch('/subscribe', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ email }),
+          signal: controller.signal,
+        });
+
+        let message = 'Thank you for subscribing!';
+        if (res.ok) {
+          const data = await res.json().catch(() => ({}));
+          message = data.message || message;
+        } else {
+          message = "Thanks! We'll notify you when we launch.";
+        }
+
+        alert(message);
+        inputEl.value = '';
+      } catch (err) {
+        console.error('Subscribe error:', err);
+        alert("Thanks! We'll notify you when we launch.");
+        inputEl.value = '';
+      } finally {
+        btnEl.disabled = false;
+        inFlight = false;
+      }
+    });
+
+    window.addEventListener('beforeunload', () => controller.abort(), {
+      passive: true,
+    });
+  }
+
+  // Setup both hero and CTA subscribe forms
+  setupSubscribe(emailInput, notifyBtn);
+  setupSubscribe(
+    document.getElementById('cta-email-input'),
+    document.getElementById('cta-notify-button')
+  );
+
+  // Share newsletter utility
+  window.shareNewsletter = async function shareNewsletter() {
+    try {
+      if (navigator.share) {
+        await navigator.share({
+          title: document.title,
+          text: 'Check out this newsletter from RideAware',
+          url: location.href,
+        });
+        return;
+      }
+    } catch (err) {
+      console.warn('navigator.share error/cancel:', err);
+    }
+
+    if (navigator.clipboard && window.isSecureContext) {
+      try {
+        await navigator.clipboard.writeText(location.href);
+        alert('Newsletter URL copied to clipboard!');
+        return;
+      } catch {
+        /* fall through */
+      }
+    }
+
+    const tmp = document.createElement('input');
+    tmp.value = location.href;
+    document.body.appendChild(tmp);
+    tmp.select();
+    document.execCommand('copy');
+    document.body.removeChild(tmp);
+    alert('Newsletter URL copied to clipboard!');
+  };
+})();
diff --git a/wwwroot/js/main.min.js b/wwwroot/js/main.min.js
new file mode 100644
index 0000000..a733aba
--- /dev/null
+++ b/wwwroot/js/main.min.js
@@ -0,0 +1,186 @@
+(() => {
+  'use strict';
+
+  const navbar = document.querySelector('.navbar');
+  const emailInput = document.getElementById('email-input');
+  const notifyBtn = document.getElementById('notify-button');
+  const emailRE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+  // Smooth scroll for anchor links
+  document.addEventListener(
+    'click',
+    (e) => {
+      const a = e.target.closest('a[href^="#"]');
+      if (!a) return;
+
+      const href = a.getAttribute('href');
+      if (!href || href === '#') return;
+
+      const target = document.querySelector(href);
+      if (!target) return;
+
+      e.preventDefault();
+      target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    },
+    { passive: false }
+  );
+
+  // Intersection Observer for fade-in animations
+  if ('IntersectionObserver' in window) {
+    const observer = new IntersectionObserver(
+      (entries, obs) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            entry.target.classList.add('is-visible');
+            obs.unobserve(entry.target);
+          }
+        }
+      },
+      { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }
+    );
+
+    document.querySelectorAll('.fade-in').forEach((el) => {
+      observer.observe(el);
+    });
+  } else {
+    document.querySelectorAll('.fade-in').forEach((el) => el.classList.add('is-visible'));
+  }
+
+  // Newsletter card animations on load
+  window.addEventListener('load', () => {
+    document
+      .querySelectorAll('.newsletter-header, .newsletter-content')
+      .forEach((el, i) => {
+        el.style.transitionDelay = `${i * 0.2}s`;
+        el.classList.add('is-visible');
+      });
+
+    document.querySelectorAll('.newsletter-card').forEach((card, i) => {
+      card.style.transitionDelay = `${i * 0.1}s`;
+      card.classList.add('is-visible');
+    });
+  });
+
+  // Navbar scroll effect
+  let lastY = 0;
+  let ticking = false;
+
+  function onScroll() {
+    lastY = window.scrollY || window.pageYOffset;
+    if (!ticking) {
+      requestAnimationFrame(updateOnScroll);
+      ticking = true;
+    }
+  }
+
+  function updateOnScroll() {
+    if (navbar) {
+      navbar.classList.toggle('scrolled', lastY > 50);
+    }
+
+    const progressBar = document.querySelector('.reading-progress');
+    if (progressBar) {
+      const max = document.body.scrollHeight - window.innerHeight;
+      const progress = max > 0 ? Math.min(Math.max(lastY / max, 0), 1) : 0;
+      progressBar.style.width = `${progress * 100}%`;
+    }
+
+    ticking = false;
+  }
+
+  window.addEventListener('scroll', onScroll, { passive: true });
+  updateOnScroll();
+
+  // Subscribe handler (hero + CTA)
+  function setupSubscribe(inputEl, btnEl) {
+    if (!btnEl || !inputEl) return;
+
+    let inFlight = false;
+    const controller = new AbortController();
+
+    btnEl.addEventListener('click', async () => {
+      const email = inputEl.value.trim();
+      if (!emailRE.test(email)) {
+        alert('Please enter a valid email address.');
+        inputEl.focus();
+        return;
+      }
+      if (inFlight) return;
+
+      inFlight = true;
+      btnEl.disabled = true;
+
+      try {
+        const res = await fetch('/subscribe', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ email }),
+          signal: controller.signal,
+        });
+
+        let message = 'Thank you for subscribing!';
+        if (res.ok) {
+          const data = await res.json().catch(() => ({}));
+          message = data.message || message;
+        } else {
+          message = "Thanks! We'll notify you when we launch.";
+        }
+
+        alert(message);
+        inputEl.value = '';
+      } catch (err) {
+        console.error('Subscribe error:', err);
+        alert("Thanks! We'll notify you when we launch.");
+        inputEl.value = '';
+      } finally {
+        btnEl.disabled = false;
+        inFlight = false;
+      }
+    });
+
+    window.addEventListener('beforeunload', () => controller.abort(), {
+      passive: true,
+    });
+  }
+
+  // Setup both hero and CTA subscribe forms
+  setupSubscribe(emailInput, notifyBtn);
+  setupSubscribe(
+    document.getElementById('cta-email-input'),
+    document.getElementById('cta-notify-button')
+  );
+
+  // Share newsletter utility
+  window.shareNewsletter = async function shareNewsletter() {
+    try {
+      if (navigator.share) {
+        await navigator.share({
+          title: document.title,
+          text: 'Check out this newsletter from RideAware',
+          url: location.href,
+        });
+        return;
+      }
+    } catch (err) {
+      console.warn('navigator.share error/cancel:', err);
+    }
+
+    if (navigator.clipboard && window.isSecureContext) {
+      try {
+        await navigator.clipboard.writeText(location.href);
+        alert('Newsletter URL copied to clipboard!');
+        return;
+      } catch {
+        /* fall through */
+      }
+    }
+
+    const tmp = document.createElement('input');
+    tmp.value = location.href;
+    document.body.appendChild(tmp);
+    tmp.select();
+    document.execCommand('copy');
+    document.body.removeChild(tmp);
+    alert('Newsletter URL copied to clipboard!');
+  };
+})();