TireTargetsWeb/Components/Pages/Home.razor

178 lines
6.1 KiB
Plaintext

@page "/"
@inject NavigationManager navigationManager
<head>
<!-- Document Title
============================================= -->
<title>Home | TireTargets</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Slider
============================================= -->
<section id="slider" class="slider-element min-vh-100 include-header" style="background: url('demos/crowdfunding/images/hero.svg') no-repeat center bottom / cover;">
<div class="slider-inner">
<div class="vertical-middle">
<div class="container py-5">
<div class="row">
<div class="col-lg-6 col-md-8">
<div class="slider-title">
<h1 class="fw-semibold">Great Offers Start Here</h1>
<p class="text-muted">With TireTargets, you can quickly and easily spread the word about great tire offers at your business!</p>
</div>
<a href="#modal-register" data-lightbox="inline" class="button button-large fw-semibold button-rounded ls-0 text-transform-none ms-0">Start A Campaign</a>
</div>
</div>
</div>
</div>
<img src="demos/crowdfunding/images/hero-img.svg" alt="Parallax Image" class="slider-img parallax" data-start="margin-top: 0px;" data-400="margin-top: 50px;">
</div>
</section><!-- #Slider End -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap p-0">
<div class="section bg-transparent mb-0 pb-0 border-0">
<div class="container bg-color-light border-0 rounded-3 p-4 p-md-5">
<div class="row justify-content-between align-items-center mb-4">
<div class="col-lg-7 col-sm-7">
<div class="heading-block border-bottom-0 mb-3">
<h2>How It Works</h2>
</div>
<p class="text-muted mb-0">We are TireTargets know how busy the industry gets, so our goal is to make it as quick and easy as possible to get your deals up and running!</p>
</div>
<div class="col-lg-3 col-sm-5 mt-4 mt-sm-0">
<div class="bg-white text-center px-5 py-3 border">
<div class="counter counter-large color fw-bold"><span data-from="0" data-to="650" data-refresh-interval="10" data-speed="1500"></span>%</div>
<div class="line my-2"></div>
<h5 class="fw-normal mb-1">Average Return on Investment</h5>
</div>
</div>
</div>
<div class="clear"></div>
<div class="row justify-content-around">
<div class="col-lg-3 col-md-4 mt-5">
<div class="feature-text">
<div class="fbox-text color">1.</div>
<h3>Register Your Account.</h3>
</div>
<p>Securely sign in with one of our supported systems and get connected with your business</p>
</div>
<div class="col-lg-3 col-md-4 mt-5">
<div class="feature-text">
<div class="fbox-text color">2.</div>
<h3>Choose your Offers.</h3>
</div>
<p>Choose from a list of Tire and Service deals to offer to your customers.</p>
</div>
<div class="col-lg-3 col-md-4 mt-5">
<div class="feature-text">
<div class="fbox-text color">3.</div>
<h3>Send them out!</h3>
</div>
<p>TireTargets will send out your selections to all of your customers.</p>
</div>
</div>
</div>
</div>
<div class="section border-0 bg-transparent mb-1">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-lg-7 text-center">
<div class="heading-block">
<h3 class="text-transform-none mb-3 fw-semibold ls-0">Still Not Convinced?</h3>
<span class="text-black-50">Here's how we can energize your business:</span>
</div>
</div>
<div class="col-lg-8">
<div class="row align-items-center">
<div class="col-sm-6">
<img src="assets/mobile.png" alt="mobile">
</div>
<div class="col-sm-6">
<h3>Targeted SMS Campaigns Designed to Move Inventory.</h3>
<p class="mb-2">Our campaigns help break through to those tricky customers and get them through your door.</p>
</div>
</div>
<div class="row align-items-center mt-5">
<div class="col-sm-6 mb-4 mb-sm-0">
<h3>Decades of Experience</h3>
<p class="mb-2">Our team has decades of experience in helping shops like yours deliver excellence through precise marketing.</p>
</div>
<div class="col-sm-6">
<img src="assets/experience.png" alt="experience">
</div>
</div>
<div class="row align-items-center mt-5">
<div class="col-sm-6">
<img src="assets/growth.png" alt="growth">
</div>
<div class="col-sm-6">
<h3>Historically High Return on Investment</h3>
<p class="mb-2">Our campaigns have historically maintained a staggeringly high RoI, generating a significant amount of revenue per campaign.</p>
</div>
</div>
</div>
</div>
<br />
<div class="col-lg-4 col-sm-6 mb-4">
</div>
<!-- Row 2 -->
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark" style="background-color: #373D52">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap pb-4">
<p class="fw-light text-white-50 mt-4">
</p>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-6">
Copyrights &copy; 2025 All Rights Reserved by TireTargets.
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="bi-arrow-up"></div>
</body>