diff --git a/Components/Pages/About.razor b/Components/Pages/About.razor
index b2b1103..0c5b812 100644
--- a/Components/Pages/About.razor
+++ b/Components/Pages/About.razor
@@ -1,5 +1,17 @@
 ﻿@page "/about"
 
+<!--
+TODO:
+
+	- Replace Image and description
+	- Replace background map with a map of the US, and a list of states operated in
+	- Replace metrics with relevant metricsa
+	- Grab the values from keymotive.net and replace the paragraph with a combination of the values
+	- Replace the image near this section
+	- Replace the highlights (same as Index)
+
+
+-->
 
 <head>
 
@@ -31,7 +43,7 @@
 
 	<!-- Document Title
 	============================================= -->
-	<title>Company - Movers Demo | Canvas</title>
+	<title>About Us</title>
 
 </head>
 
@@ -66,7 +78,7 @@
 							<!-- Header Buttons
 							============================================= -->
 							<div class="header-buttons d-none d-sm-inline-block">
-								<a href="#slider" data-scrollto="#slider" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
+								<a href="contact" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
 							</div>
 
 						</div>
@@ -280,7 +292,7 @@
 									<h2 class="fw-semibold ls-0 text-transform-none mb-3" style="font-size: 44px; line-height: 1.3">Contact Our Marketing Professionals</h2>
 									<p></p>
 								</div>
-								<a href="demo-movers-contact.html" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
+								<a href="contact" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
 							</div>
 
 						</div>
@@ -292,117 +304,6 @@
 		============================================= -->
 		<footer id="footer" class="bg-transparent border-0">
 
-			<div class="container">
-
-				<!-- Footer Widgets
-				============================================= -->
-				<div class="footer-widgets-wrap pb-4">
-
-					<div class="row">
-
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Features</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Help Center</a></li>
-									<li class="mb-2"><a href="#">Paid with Moblie</a></li>
-									<li class="mb-2"><a href="#">Status</a></li>
-									<li class="mb-2"><a href="#">Changelog</a></li>
-									<li class="mb-2"><a href="#">Contact Support</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Support</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Home</a></li>
-									<li class="mb-2"><a href="demo-movers-company.html">About</a></li>
-									<li class="mb-2"><a href="demo-movers-faqs.html">FAQs</a></li>
-									<li class="mb-2"><a href="#">Support</a></li>
-									<li class="mb-2"><a href="demo-movers-contact.html">Contact</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Trending</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Shop</a></li>
-									<li class="mb-2"><a href="#">Portfolio</a></li>
-									<li class="mb-2"><a href="#">Blog</a></li>
-									<li class="mb-2"><a href="#">Events</a></li>
-									<li class="mb-2"><a href="#">Forums</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Get to Know us</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Corporate</a></li>
-									<li class="mb-2"><a href="#">Agency</a></li>
-									<li class="mb-2"><a href="#">eCommerce</a></li>
-									<li class="mb-2"><a href="#">Personal</a></li>
-									<li class="mb-2"><a href="#">OnePage</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-4 col-md-4 text-md-end">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Headquarters:</h4>
-
-								<div>
-									<address>
-										795 Folsom Ave, Suite 600<br>
-										San Francisco, CA 94107<br>
-									</address>
-									<h3 class="mb-3"><a href="tel:+111-22-33-44"><i class="fa-solid fa-phone me-1" style="font-size: 22px;"></i> +111 22-33-44</a></h3>
-									<div class="d-flex justify-content-md-end">
-										<a href="#" class="social-icon si-small text-white bg-facebook" title="Facebook">
-											<i class="fa-brands fa-facebook-f"></i>
-											<i class="fa-brands fa-facebook-f"></i>
-										</a>
-
-										<a href="#" class="social-icon si-small text-white bg-instagram" title="instagram">
-											<i class="bi-instagram"></i>
-											<i class="bi-instagram"></i>
-										</a>
-
-										<a href="#" class="social-icon si-small text-white bg-paypal" title="Paypal">
-											<i class="fa-brands fa-paypal"></i>
-											<i class="fa-brands fa-paypal"></i>
-										</a>
-
-										<a href="#" class="social-icon si-small text-white bg-wikipedia me-0" title="Apple Pay">
-											<i class="fa-brands fa-apple-pay"></i>
-											<i class="fa-brands fa-apple-pay"></i>
-										</a>
-									</div>
-								</div>
-
-							</div>
-						</div>
-
-					</div>
-
-				</div><!-- .footer-widgets-wrap end -->
-
-			</div>
-
 			<!-- Copyrights
 			============================================= -->
 			<div id="copyrights" class="bg-transparent">
@@ -411,13 +312,7 @@
 
 					<div class="row justify-content-between align-items-center">
 						<div class="col-md-6 text-black-50">
-							Copyrights &copy; 2023 All Rights Reserved by Canvas Inc.
-						</div>
-
-						<div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0">
-							<div class="copyrights-menu copyright-links text-black-50">
-								<a href="demo-movers-company.html">About</a>/<a href="demo-movers-rates.html">Rates</a>/<a href="demo-movers-faqs.html">FAQs</a>/<a href="demo-movers-contact.html">Contact</a>
-							</div>
+							Copyrights &copy; 2024 All Rights Reserved by KeyMotive LLC.
 						</div>
 					</div>
 
diff --git a/Components/Pages/Contact.razor b/Components/Pages/Contact.razor
new file mode 100644
index 0000000..e0e7264
--- /dev/null
+++ b/Components/Pages/Contact.razor
@@ -0,0 +1,253 @@
+﻿@page "/contact"
+
+<!--
+TODO:
+	- replace canvas logo with ours
+-->
+
+<!DOCTYPE html>
+<html dir="ltr" lang="en-US">
+<head>
+
+	<meta http-equiv="content-type" content="text/html; charset=utf-8">
+	<meta http-equiv="x-ua-compatible" content="IE=edge">
+	<meta name="author" content="SemiColonWeb">
+	<meta name="description" content="Create Packers, Movers &amp; Shipping Websites with Canvas Template. Get Canvas to build powerful websites easily with the Highly Customizable &amp; Best Selling Bootstrap Template, today.">
+
+	<!-- Font Imports -->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+
+	<!-- Core Style -->
+	<link rel="stylesheet" href="style.css">
+
+	<!-- Font Icons -->
+	<link rel="stylesheet" href="css/font-icons.css">
+
+	<!-- Plugins/Components CSS -->
+	<link rel="stylesheet" href="css/components/datepicker.css">
+
+	<!-- Niche Demos -->
+	<link rel="stylesheet" href="demos/movers/movers.css">
+
+	<!-- Custom CSS -->
+	<link rel="stylesheet" href="css/custom.css">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<!-- Document Title
+	============================================= -->
+	<title>Contact Us</title>
+
+</head>
+
+<body class="stretched is-expanded-menu">
+
+	<!-- Document Wrapper
+	============================================= -->
+	<div id="wrapper">
+
+		<!-- Header
+		============================================= -->
+		<header id="header" class="dark header-size-sm" data-sticky-shrink="false">
+			<div class="container">
+				<div class="header-row">
+
+					<!-- Logo
+					============================================= -->
+					<div id="logo" class="ms-auto ms-md-0">
+						<a>
+							<img class="logo-default" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
+							<img class="logo-dark" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
+						</a>
+					</div><!-- #logo end -->
+
+				</div>
+			</div>
+
+			<div id="header-wrap">
+				<div class="container">
+					<div class="header-row justify-content-between flex-row-reverse flex-lg-row">
+
+						<div class="header-misc">
+
+							<!-- Header Buttons
+							============================================= -->
+							<div class="header-buttons d-none d-sm-inline-block">
+								<a href="contact" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
+							</div>
+
+						</div>
+
+						<div class="primary-menu-trigger">
+							<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
+								<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
+							</button>
+						</div>
+
+						<!-- Primary Navigation
+						============================================= -->
+						<nav class="primary-menu with-arrows">
+
+							<ul class="menu-container">
+								<li class="menu-item"><a class="menu-link" href=""><div>Home</div></a></li>
+								<li class="menu-item"><a class="menu-link" href="about"><div>About Us</div></a></li>
+								<li class="menu-item"><a class="menu-link" href="privacy"><div>Privacy</div></a></li>
+							</ul>
+
+						</nav><!-- #primary-menu end -->
+
+					</div>
+				</div>
+			</div>
+			<div class="header-wrap-clone"></div>
+		</header><!-- #header end -->
+		<!-- Page Title
+		============================================= -->
+		<section class="page-title bg-color dark py-6">
+			<div class="container">
+				<div class="page-title-row">
+
+					<div class="page-title-content">
+						<h1>Contact Us</h1>
+						<span>Get In Touch</span>
+					</div>
+
+				</div>
+			</div>
+		</section><!-- .page-title end -->
+		<!-- Content
+		============================================= -->
+		<section id="content">
+
+			<div class="content-wrap pb-0">
+
+				<div class="container mb-5">
+					<div class="row justify-content-between">
+						<div class="col-lg-4 mb-5 mb-lg-0">
+							<h3>Send us an Email</h3>
+
+							<div class="form-widget">
+
+								<div class="form-result"></div>
+
+								<form class="mb-0" id="template-contactform" name="template-contactform" action="include/form.php" method="post">
+
+									<div class="form-process">
+										<div class="css3-spinner">
+											<div class="css3-spinner-scaler"></div>
+										</div>
+									</div>
+
+									<div class="row">
+										<div class="col-12 form-group">
+											<label for="template-contactform-name">Name <small>*</small></label>
+											<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="form-control required">
+										</div>
+
+										<div class="col-12 form-group">
+											<label for="template-contactform-email">Email <small>*</small></label>
+											<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email form-control">
+										</div>
+
+										<div class="col-12 form-group">
+											<label for="template-contactform-phone">Phone</label>
+											<input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="form-control">
+										</div>
+
+										<div class="col-12 form-group">
+											<label for="template-contactform-service">Services</label>
+											<select id="template-contactform-service" name="template-contactform-service" class="form-select">
+												<option value="">-- Select One --</option>
+												<option value="Sales">Sales</option>
+												<option value="Billing">Billing</option>
+												<option value="Support">Support</option>
+												<option value="Would Like More Info">Would Like More Info</option>
+											</select>
+										</div>
+
+										<div class="col-12 form-group">
+											<label for="template-contactform-message">Message <small>*</small></label>
+											<textarea class="required form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"></textarea>
+										</div>
+
+										<div class="col-12 form-group d-none">
+											<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="form-control">
+										</div>
+
+										<div class="col-12 form-group">
+											<button class="button button-rounded m-0 w-100 button-large" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send Message</button>
+										</div>
+									</div>
+
+									<input type="hidden" name="prefix" value="template-contactform-">
+
+								</form>
+							</div>
+						</div>
+						<div class="col-lg-7">
+							<h3>Contact Us</h3>
+							<div class="row">
+								<div class="col-md-4 col-6 text-smaller">
+									<h5 class="fw-semibold mb-2">KeyMail Specials</h5>
+									<address class="mb-2">
+										c/o KeyMotive LLC<br>
+										40503 Koppernick Rd, Canton MI 48187<br>
+									</address>
+									Phone: <a href="#" class="text-dark">(734) 217-4940</a><br>
+								</div>
+							</div>
+							<div class="line my-5"></div>
+						</div>
+					</div>
+				</div>
+
+				<div class="clear"></div>
+
+
+				<div class="section dark pt-0 mb-0 bg-color" style="background: url('demos/movers/images/bg-2.png') no-repeat center bottom / 100%; overflow: visible">
+					<svg viewBox="0 0 1960 206.8" class="bg-white">
+						<path class="svg-themecolor" style="opacity:0.2;" d="M0,142.8A2337.49,2337.49,0,0,1,297.5,56.3C569.33-3.53,783.89.22,849.5,2.3c215.78,6.86,382.12,45.39,503.25,73.45,158.87,36.8,283.09,79.13,458.75,54.55A816.49,816.49,0,0,0,1983,86.8v110H0Z"></path>
+						<path class="svg-themecolor" d="M.5,152.8s498-177,849-150,1031,238,1134,94v110H.5Z"></path>
+					</svg>
+					<div class="container">
+						<div class="row align-items-center justify-content-center text-center my-4">
+
+							<div class="col-sm-8">
+								<div class="heading-block border-bottom-0 mb-4">
+								</div>
+							</div>
+
+						</div>
+					</div>
+				</div>
+			</div>
+		</section><!-- #content end -->
+		<!-- Footer
+		============================================= -->
+		<footer id="footer" class="bg-transparent border-0">
+
+			<!-- Copyrights
+			============================================= -->
+			<div id="copyrights" class="bg-transparent">
+
+				<div class="container">
+
+					<div class="row justify-content-between align-items-center">
+						<div class="col-md-6 text-black-50">
+							Copyrights &copy; 2024 All Rights Reserved by KeyMotive LLC.
+						</div>
+					</div>
+
+				</div>
+
+			</div><!-- #copyrights end -->
+
+		</footer><!-- #footer end -->
+
+	</div><!-- #wrapper end -->
+	<!-- Go To Top
+	============================================= -->
+	<div id="gotoTop" class="uil uil-angle-up"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/Components/Pages/Index.razor b/Components/Pages/Index.razor
index a5c406d..5af9b3c 100644
--- a/Components/Pages/Index.razor
+++ b/Components/Pages/Index.razor
@@ -3,10 +3,8 @@
 <!--
 TODO:
 	- fill out trust section
-	- fill out highlights section
-	- polish footer
+	- fill out highlights section (same as About page)
 	- replace canvas logo with ours
-	- replace Get In Touch link with contact page when done
 -->
 
 <!DOCTYPE html>
@@ -77,7 +75,7 @@ TODO:
 							<!-- Header Buttons
 							============================================= -->
 							<div class="header-buttons d-none d-sm-inline-block">
-								<a href="#slider" data-scrollto="#slider" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
+								<a href="contact" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
 							</div>
 
 						</div>
@@ -295,9 +293,9 @@ TODO:
 
 				<div class="clear"></div>
 
-				<div class="section p-0 dark mb-0" style="background: linear-gradient(to right, rgba(25,102,221,0.2), rgba(25,102,221,0.5)), url('demos/movers/images/section/bg.jpg') no-repeat center center / cover; min-height: 400px">
+				<div class="section p-0 dark mb-0" style="background: linear-gradient(to right, rgba(25,102,221,0.2), rgba(25,102,221,0.5)), url('demos/movers/images/section/backdrop.jpg') no-repeat center center / cover; min-height: 400px">
 					<div class="container">
-						<div class="row justify-content-between mb-4" style="padding: 160px 0 90px;">
+						<div class="row justify-content-between mb-4" style="padding: 160px 0 40px;">
 							<div class="col-lg-5 col-md-6 offset-lg-1 pt-3">								
 								<h2 class="display-4 fw-bold text-white mt-6">Why Trust Us?</h2>
 							</div>
@@ -330,6 +328,8 @@ TODO:
 					<div class="clear"></div>
 				</div>
 				
+				<br />
+				<br />
 				<div class="section section-features bg-transparent mt-0 p-0">
 					<div class="container">
 						<div class="row col-mb-50 col-mb-lg-80">
@@ -421,7 +421,7 @@ TODO:
 									<h2 class="fw-semibold ls-0 text-transform-none mb-3" style="font-size: 44px; line-height: 1.3">Contact Our Marketing Professionals</h2>
 									<p></p>
 								</div>
-								<a href="demo-movers-contact.html" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
+								<a href="contact" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
 							</div>
 
 						</div>
@@ -434,82 +434,6 @@ TODO:
 		============================================= -->
 		<footer id="footer" class="bg-transparent border-0">
 
-			<div class="container">
-
-				<!-- Footer Widgets
-				============================================= -->
-				<div class="footer-widgets-wrap pb-4">
-
-					<div class="row">
-
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Features</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Help Center</a></li>
-									<li class="mb-2"><a href="#">Paid with Moblie</a></li>
-									<li class="mb-2"><a href="#">Status</a></li>
-									<li class="mb-2"><a href="#">Changelog</a></li>
-									<li class="mb-2"><a href="#">Contact Support</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Support</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Home</a></li>
-									<li class="mb-2"><a href="demo-movers-company.html">About</a></li>
-									<li class="mb-2"><a href="demo-movers-faqs.html">FAQs</a></li>
-									<li class="mb-2"><a href="#">Support</a></li>
-									<li class="mb-2"><a href="demo-movers-contact.html">Contact</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Trending</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Shop</a></li>
-									<li class="mb-2"><a href="#">Portfolio</a></li>
-									<li class="mb-2"><a href="#">Blog</a></li>
-									<li class="mb-2"><a href="#">Events</a></li>
-									<li class="mb-2"><a href="#">Forums</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-2 col-md-2 col-6">
-							<!-- empty div to maintain spacing of hq -->
-						</div>
-						<div class="col-lg-4 col-md-4 text-md-end">
-							<div class="widget">
-								<h4 class="ls-0 mb-4 text-transform-none">Headquarters:</h4>
-								<div>
-									<address>
-										40503 Koppernick Rd<br>
-										Canton, MI 48187<br>
-									</address>
-									<h3 class="mb-3"><a href="tel:+1734-217-4940"><i class="fa-solid fa-phone me-1" style="font-size: 22px;"></i> (734)-217-4940</a></h3>
-								</div>
-
-							</div>
-						</div>
-
-					</div>
-
-				</div><!-- .footer-widgets-wrap end -->
-
-			</div>
-
 			<!-- Copyrights
 			============================================= -->
 			<div id="copyrights" class="bg-transparent">
@@ -520,12 +444,6 @@ TODO:
 						<div class="col-md-6 text-black-50">
 							Copyrights &copy; 2024 All Rights Reserved by KeyMotive LLC.
 						</div>
-
-						<div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0">
-							<div class="copyrights-menu copyright-links text-black-50">
-								<a href="demo-movers-company.html">About</a>/<a href="demo-movers-rates.html">Rates</a>/<a href="demo-movers-faqs.html">FAQs</a>/<a href="demo-movers-contact.html">Contact</a>
-							</div>
-						</div>
 					</div>
 
 				</div>
diff --git a/Components/Pages/Privacy.razor b/Components/Pages/Privacy.razor
index a016d7c..a209076 100644
--- a/Components/Pages/Privacy.razor
+++ b/Components/Pages/Privacy.razor
@@ -2,9 +2,7 @@
 
 <!--
 TODO:
-	- polish footer
 	- replace canvas logo with ours
-	- replace Get In Touch link with contact page when done
 -->
 
 <!DOCTYPE html>
@@ -75,7 +73,7 @@ TODO:
 							<!-- Header Buttons
 							============================================= -->
 							<div class="header-buttons d-none d-sm-inline-block">
-								<a href="#slider" data-scrollto="#slider" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
+								<a href="contact" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
 							</div>
 
 						</div>
@@ -91,7 +89,7 @@ TODO:
 						<nav class="primary-menu with-arrows">
 
 							<ul class="menu-container">
-								<li class="menu-item"><a class="menu-link"><div>Home</div></a></li>
+								<li class="menu-item"><a class="menu-link" href=""><div>Home</div></a></li>
 								<li class="menu-item"><a class="menu-link" href="about"><div>About Us</div></a></li>
 								<li class="menu-item current"><a class="menu-link" href="privacy"><div>Privacy</div></a></li>
 							</ul>
@@ -280,7 +278,7 @@ TODO:
 									<h2 class="fw-semibold ls-0 text-transform-none mb-3" style="font-size: 44px; line-height: 1.3">Contact Our Marketing Professionals</h2>
 									<p></p>
 								</div>
-								<a href="demo-movers-contact.html" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
+								<a href="contact" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
 							</div>
 
 						</div>
@@ -292,117 +290,6 @@ TODO:
 		============================================= -->
 		<footer id="footer" class="bg-transparent border-0">
 
-			<div class="container">
-
-				<!-- Footer Widgets
-				============================================= -->
-				<div class="footer-widgets-wrap pb-4">
-
-					<div class="row">
-
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Features</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Help Center</a></li>
-									<li class="mb-2"><a href="#">Paid with Moblie</a></li>
-									<li class="mb-2"><a href="#">Status</a></li>
-									<li class="mb-2"><a href="#">Changelog</a></li>
-									<li class="mb-2"><a href="#">Contact Support</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Support</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Home</a></li>
-									<li class="mb-2"><a href="demo-movers-company.html">About</a></li>
-									<li class="mb-2"><a href="demo-movers-faqs.html">FAQs</a></li>
-									<li class="mb-2"><a href="#">Support</a></li>
-									<li class="mb-2"><a href="demo-movers-contact.html">Contact</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Trending</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Shop</a></li>
-									<li class="mb-2"><a href="#">Portfolio</a></li>
-									<li class="mb-2"><a href="#">Blog</a></li>
-									<li class="mb-2"><a href="#">Events</a></li>
-									<li class="mb-2"><a href="#">Forums</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-2 col-md-2 col-6">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Get to Know us</h4>
-
-								<ul class="list-unstyled iconlist ms-0">
-									<li class="mb-2"><a href="#">Corporate</a></li>
-									<li class="mb-2"><a href="#">Agency</a></li>
-									<li class="mb-2"><a href="#">eCommerce</a></li>
-									<li class="mb-2"><a href="#">Personal</a></li>
-									<li class="mb-2"><a href="#">OnePage</a></li>
-								</ul>
-
-							</div>
-						</div>
-						<div class="col-lg-4 col-md-4 text-md-end">
-							<div class="widget">
-
-								<h4 class="ls-0 mb-4 text-transform-none">Headquarters:</h4>
-
-								<div>
-									<address>
-										795 Folsom Ave, Suite 600<br>
-										San Francisco, CA 94107<br>
-									</address>
-									<h3 class="mb-3"><a href="tel:+111-22-33-44"><i class="fa-solid fa-phone me-1" style="font-size: 22px;"></i> +111 22-33-44</a></h3>
-									<div class="d-flex justify-content-md-end">
-										<a href="#" class="social-icon si-small text-white bg-facebook" title="Facebook">
-											<i class="fa-brands fa-facebook-f"></i>
-											<i class="fa-brands fa-facebook-f"></i>
-										</a>
-
-										<a href="#" class="social-icon si-small text-white bg-instagram" title="instagram">
-											<i class="bi-instagram"></i>
-											<i class="bi-instagram"></i>
-										</a>
-
-										<a href="#" class="social-icon si-small text-white bg-paypal" title="Paypal">
-											<i class="fa-brands fa-paypal"></i>
-											<i class="fa-brands fa-paypal"></i>
-										</a>
-
-										<a href="#" class="social-icon si-small text-white bg-wikipedi me-0" title="Apple Pay">
-											<i class="fa-brands fa-apple-pay"></i>
-											<i class="fa-brands fa-apple-pay"></i>
-										</a>
-									</div>
-								</div>
-
-							</div>
-						</div>
-
-					</div>
-
-				</div><!-- .footer-widgets-wrap end -->
-
-			</div>
-
 			<!-- Copyrights
 			============================================= -->
 			<div id="copyrights" class="bg-transparent">
@@ -411,13 +298,7 @@ TODO:
 
 					<div class="row justify-content-between align-items-center">
 						<div class="col-md-6 text-black-50">
-							Copyrights &copy; 2023 All Rights Reserved by Canvas Inc.
-						</div>
-
-						<div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0">
-							<div class="copyrights-menu copyright-links text-black-50">
-								<a href="demo-movers-company.html">About</a>/<a href="demo-movers-rates.html">Rates</a>/<a href="demo-movers-faqs.html">FAQs</a>/<a href="demo-movers-contact.html">Contact</a>
-							</div>
+							Copyrights &copy; 2024 All Rights Reserved by KeyMotive LLC.
 						</div>
 					</div>
 
diff --git a/wwwroot/demos/movers/images/section/backdrop.jpg b/wwwroot/demos/movers/images/section/backdrop.jpg
new file mode 100644
index 0000000..57d5144
Binary files /dev/null and b/wwwroot/demos/movers/images/section/backdrop.jpg differ
diff --git a/wwwroot/demos/movers/images/section/bg.jpg b/wwwroot/demos/movers/images/section/bg.jpg
deleted file mode 100644
index 45c4b30..0000000
Binary files a/wwwroot/demos/movers/images/section/bg.jpg and /dev/null differ
