Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds authentication and pricing pages for user onboarding

Browse source 
Introduces comprehensive user authentication flow with plan selection and registration

Includes:
- Pricing page with plan details and selection
- Payment page with plan summary and card information
- Signup page for different plan tiers
- Shared authentication layout and design system improvements

Enhances user onboarding experience with clear plan information and streamlined signup process
This commit is contained in:
Janus C. H. Knudsen 2026-01-11 01:30:32 +01:00
parent cd092f8290
commit 217a9cd95c
18 changed files with 2312 additions and 165 deletions
Download patch file Download diff file Expand all files Collapse all files

83
PlanTempus.Application/Features/Accounts/Pages/Pricing.cshtml Normal file
View file

@ -0,0 +1,83 @@
@page "/pricing"
@model PlanTempus.Application.Features.Accounts.Pages.PricingModel
@{
ViewData["Title"] = "Vælg abonnement";
Layout = "/Features/_Shared/Pages/_AuthLayout.cshtml";
}
<swp-pricing-page>
<swp-pricing-header>
<swp-auth-logo>
<i class="ph ph-calendar-check"></i>
<span>PlanTempus</span>
</swp-auth-logo>
<swp-pricing-title>Vælg dit abonnement</swp-pricing-title>
<swp-pricing-subtitle>Start med 14 dages gratis prøveperiode. Ingen binding.</swp-pricing-subtitle>
</swp-pricing-header>
<swp-pricing-grid>
@foreach (var plan in Model.Plans)
{
var cardClass = plan.Key switch
{
"pro" => "popular",
"enterprise" => "enterprise",
_ => ""
};
var actionUrl = plan.RequiresPayment
? $"/payment?plan={plan.Key}"
: $"/signup?plan={plan.Key}";
var buttonText = plan.Key switch
{
"basis" => "Kom i gang gratis",
"enterprise" => "Kontakt salg",
_ => $"Vælg {plan.Name}"
};
var buttonClass = plan.IsContactSales ? "outline" : "primary";
<swp-plan-card class="@cardClass">
<swp-plan-badge class="@plan.BadgeClass">
<i class="ph @plan.BadgeIcon"></i>
@plan.BadgeText
</swp-plan-badge>
<swp-plan-name>@plan.Name</swp-plan-name>
<swp-plan-users>@plan.UserRange</swp-plan-users>
<swp-plan-price>
@if (plan.PricePerMonth.HasValue)
{
<swp-plan-price-amount>@plan.PriceDisplay</swp-plan-price-amount>
<swp-plan-price-period>kr/md</swp-plan-price-period>
}
else
{
<swp-plan-price-amount class="contact">Kontakt os</swp-plan-price-amount>
}
</swp-plan-price>
<swp-plan-features>
@foreach (var feature in plan.Features)
{
<swp-plan-feature>
<i class="ph ph-check-circle"></i>
@feature
</swp-plan-feature>
}
</swp-plan-features>
<swp-plan-action>
<a href="@actionUrl" class="swp-btn @buttonClass full-width">
@buttonText
</a>
</swp-plan-action>
</swp-plan-card>
}
</swp-pricing-grid>
<swp-pricing-footer>
<swp-pricing-footer-text>
Har du allerede en konto? <a href="/login">Log ind</a>
</swp-pricing-footer-text>
</swp-pricing-footer>
</swp-pricing-page>