New theme and home page layout

NumberSearch.Mvc/Controllers/AddonsController.cs

@@ -0,0 +1,23 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+
+using Microsoft.AspNetCore.Mvc;
+
+namespace NumberSearch.Mvc.Controllers
+{
+    [ApiExplorerSettings(IgnoreApi = true)]
+    public class AddonsController : Controller
+    {
+        [HttpGet]
+        [ResponseCache(VaryByHeader = "User-Agent", Duration = 30, Location = ResponseCacheLocation.Any)]
+        public async Task<IActionResult> IndexAsync()
+        {
+            await HttpContext.Session.LoadAsync().ConfigureAwait(false);
+            var cart = Cart.GetFromSession(HttpContext.Session);
+
+            return View("Index", cart);
+        }
+    }
+}

NumberSearch.Mvc/Controllers/PricingController.cs

@@ -0,0 +1,23 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+
+using Microsoft.AspNetCore.Mvc;
+
+namespace NumberSearch.Mvc.Controllers
+{
+    [ApiExplorerSettings(IgnoreApi = true)]
+    public class PricingController : Controller
+    {
+        [HttpGet]
+        [ResponseCache(VaryByHeader = "User-Agent", Duration = 30, Location = ResponseCacheLocation.Any)]
+        public async Task<IActionResult> IndexAsync()
+        {
+            await HttpContext.Session.LoadAsync().ConfigureAwait(false);
+            var cart = Cart.GetFromSession(HttpContext.Session);
+
+            return View("Index", cart);
+        }
+    }
+}

NumberSearch.Mvc/Views/Addons/Index.cshtml

@@ -0,0 +1,70 @@
+@model Cart
+
+@{
+    ViewData["Title"] = "Addons";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<!-- Page scroll indicator-->
+<div class="progress sticky-top" style="height: 0.2rem">
+  <div class="progress-bar bg-primary" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="scrollIndicator"></div>
+</div>
+<!-- Navbar (Solid background)-->
+<header class="navbar navbar-expand-lg navbar-light bg-light navbar-sticky navbar-shadow" data-scroll-header data-fixed-element>
+  <div class="container px-0 px-xl-3"><a class="navbar-brand flex-shrink-0 order-lg-1 ms-lg-0 pe-lg-2 me-lg-4" href="/"><img class="d-none d-lg-block" src="img/logo/logo-dark.png" alt="Accelerate Networks" width="153"><img class="d-lg-none" src="/images/scaled/favicon-194x194.png" alt="Accelerate Networks" width="58"></a>
+    <div class="d-flex align-items-center order-lg-3 ms-lg-auto"><a class="nav-link-style fs-sm text-nowrap d-none d-lg-inline-block" href="tel:12068588757">Talk to an expert: <strong>(206) 858-8757</strong></a><a class="d-md-none text-reset" href="tel:12068588757"><i class="ai-phone fs-xl me-2 align-middle"></i></a></div>
+  </div>
+</header>
+
+<!-- Page content-->
+<section class="bg-secondary">
+  <div class="container py-3">
+    <nav class="my-3" aria-label="breadcrumb">
+      <ol class="breadcrumb justify-content-center">
+        <li class="breadcrumb-item h6 mb-0"><a class="d-flex align-items-center" href="/hardware"><span class="me-2 ai-number-fill1 fs-3"></span><span class="d-none d-md-block">Select Phones</span></a></li>
+        <li class="breadcrumb-item h6 mb-0"><a class="d-flex align-items-center" href="/numbers"><span class="me-2 ai-number-fill2 fs-3"></span><span class="d-none d-md-block">Choose Numbers</span></a></li>
+        <li class="breadcrumb-item h6 mb-0 active text-primary d-flex align-items-center" aria-current="page"><span class="me-2 ai-number-fill3 fs-3"></span><span class="d-none d-md-block">Add Services</span></li>
+        <li class="breadcrumb-item h6 mb-0"><a class="d-flex align-items-center" href="/checkout"><span class="me-2 ai-number4 fs-3"></span><span class="d-none d-md-block">Complete Checkout</span></a></li>
+      </ol>
+    </nav>
+  </div>
+</section>
+<section class="container py-5">
+  <div class="col-8 mx-auto">
+    <h2 class="text-center">Add Extra Services</h2>
+    <p class="text-center">Extend your phone system with optional add-on services like LTE backup, fax servers, and more.</p>
+    <div class="d-flex justify-content-center py-3"><a class="btn btn-outline-secondary me-2" href="/numbers" style="min-width: 200px">Choose Numbers</a><a class="btn btn-brand-secondary ml-2" href="/checkout" style="min-width: 200px">Complete Checkout</a></div>
+  </div>
+  <div class="row justify-content-center">
+    <div class="col-lg-10 col-md-11">
+      <div class="d-sm-flex align-items-start justify-content-between align-items-center border-bottom py-4 py-sm-5">
+        <div class="ms-4 ms-sm-0 py-2" style="max-width: 20rem;">
+          <h4 class="mb-2">High-volume SMS</h4>
+          <div class="fs-xs">Unlimited SMS and MMS messages above the standard 10,000 messages included with all plans</div>
+        </div>
+        <div class="d-flex align-items-end py-3 py-sm-2 px-4"><span class="h2 fw-normal text-muted mb-1 me-2">$</span><span class="price display-2 fw-normal text-primary px-1 me-2">10</span><span class="h3 fs-lg fw-medium text-muted mb-2">per<br>month</span></div><button class="btn btn-outline-primary" onclick="AddToCart('Service','86a8576f-15e4-4547-8705-7c98dbe5e58d', 1, this)">Add to cart</button>
+      </div>
+      <div class="d-sm-flex align-items-start justify-content-between align-items-center border-bottom py-4 py-sm-5">
+        <div class="ms-4 ms-sm-0 py-2" style="max-width: 20rem;">
+          <h4 class="mb-2">LTE Backup</h4>
+          <div class="fs-xs">Stay connected, even when the internet goes down. No overages, no worries.</div>
+        </div>
+        <div class="d-flex align-items-end py-3 py-sm-2 px-4"><span class="h2 fw-normal text-muted mb-1 me-2">$</span><span class="price display-2 fw-normal text-primary px-1 me-2">30</span><span class="h3 fs-lg fw-medium text-muted mb-2">per<br>month</span></div><button class="btn btn-outline-primary" onclick="AddToCart('Service', 'c7c26e73-a4bd-4c4f-9651-1f4cdc598c7c', 1, this)">Add to cart</button>
+      </div>
+      <div class="d-sm-flex align-items-start justify-content-between align-items-center border-bottom py-4 py-sm-5">
+        <div class="ms-4 ms-sm-0 py-2" style="max-width: 20rem;">
+          <h4 class="mb-2">Fax Server</h4>
+          <div class="fs-xs">Forward faxes to your email, or send them from the web. Includes an extra phone number.</div>
+        </div>
+        <div class="d-flex align-items-end py-3 py-sm-2 px-4"><span class="h2 fw-normal text-muted mb-1 me-2">$</span><span class="price display-2 fw-normal text-primary px-1 me-2">10</span><span class="h3 fs-lg fw-medium text-muted mb-2">per<br>month</span></div><button class="btn btn-outline-primary" onclick="AddToCart('Service', '1133e9ab-50f1-4eb6-a756-6b705dcbd6e5', 1, this)">Add to cart</button>
+      </div>
+      <div class="d-sm-flex align-items-start justify-content-between align-items-center py-4 py-sm-5">
+        <div class="ms-4 ms-sm-0 py-2" style="max-width: 20rem;">
+          <h4 class="mb-2">Toll-Free Number</h4>
+          <div class="fs-xs">National number and free for customers to call. Includes SMS & MMS support.</div>
+        </div>
+        <div class="d-flex align-items-end py-3 py-sm-2 px-4"><span class="h2 fw-normal text-muted mb-1 me-2">$</span><span class="price display-2 fw-normal text-primary px-1 me-2">10</span><span class="h3 fs-lg fw-medium text-muted mb-2">per<br>month</span></div><button class="btn btn-outline-primary" onclick="AddToCart('Service', '07a7ef6b-eb30-4a81-bc86-be193ef03aa0', 1, this)">Add to cart</button>
+      </div>
+    </div>
+  </div>
+</section>

NumberSearch.Mvc/Views/Cart/Index.cshtml

@@ -1,10 +1,21 @@
 @model NumberSearch.Mvc.CartResult;
 
 @{
-    ViewData["Title"] = "Index";
+    ViewData["Title"] = "Cart";
     Layout = "~/Views/Shared/_Layout.cshtml";
 }
 
+<!-- Page scroll indicator-->
+<div class="progress sticky-top" style="height: 0.2rem">
+  <div class="progress-bar bg-primary" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="scrollIndicator"></div>
+</div>
+<!-- Navbar (Solid background)-->
+<header class="navbar navbar-expand-lg navbar-light bg-light navbar-sticky navbar-shadow" data-scroll-header data-fixed-element>
+  <div class="container px-0 px-xl-3"><a class="navbar-brand flex-shrink-0 order-lg-1 ms-lg-0 pe-lg-2 me-lg-4" href="/"><img class="d-none d-lg-block" src="img/logo/logo-dark.png" alt="Accelerate Networks" width="153"><img class="d-lg-none" src="/images/scaled/favicon-194x194.png" alt="Accelerate Networks" width="58"></a>
+    <div class="d-flex align-items-center order-lg-3 ms-lg-auto"><a class="nav-link-style fs-sm text-nowrap d-none d-lg-inline-block" href="tel:12068588757">Talk to an expert: <strong>(206) 858-8757</strong></a><a class="d-md-none text-reset" href="tel:12068588757"><i class="ai-phone fs-xl me-2 align-middle"></i></a></div>
+  </div>
+</header>
+
 <div class="container">
     <br />
     <div class="pricing-header mx-auto p-2 text-center">
@@ -237,4 +248,4 @@
             <br />
         }
     }
-</div>
+</div>

NumberSearch.Mvc/Views/Cart/Order.cshtml

@@ -1,7 +1,7 @@
 @model NumberSearch.Mvc.Cart;
 
 @{
-    ViewData["Title"] = "Order";
+    ViewData["Title"] = "Checkout";
     Layout = "~/Views/Shared/_Layout.cshtml";
 
     var numbers = Model?.PhoneNumbers?.ToArray();
@@ -65,6 +65,18 @@
     }
 </script>
 
+<!-- Page scroll indicator-->
+<div class="progress sticky-top" style="height: 0.2rem">
+  <div class="progress-bar bg-primary" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="scrollIndicator"></div>
+</div>
+<header class="navbar navbar-expand-lg navbar-light bg-light navbar-sticky navbar-shadow" data-scroll-header data-fixed-element>
+  <div class="container px-0 px-xl-3"><a class="navbar-brand flex-shrink-0 order-lg-1 ms-lg-0 pe-lg-2 me-lg-4" href="/"><img class="d-none d-lg-block" src="img/logo/logo-dark.png" alt="Accelerate Networks" width="153"><img class="d-lg-none" src="/images/scaled/favicon-194x194.png" alt="Accelerate Networks" width="58"></a>
+    <div class="d-flex align-items-center order-lg-3 ms-lg-auto"><a class="nav-link-style fs-sm text-nowrap d-none d-lg-inline-block" href="tel:12068588757">Talk to an expert: <strong>(206) 858-8757</strong></a><a class="d-md-none text-reset" href="tel:12068588757"><i class="ai-phone fs-xl me-2 align-middle"></i></a></div>
+  </div>
+</header>
+
+<!-- Page content-->
+
 <div class="container">
     <br />
     <div class="pricing-header mx-auto p-2 text-center">
@@ -674,4 +686,4 @@
             </form>
         </div>
     </div>
-</div>
+</div>