From 31640f97b4012ad4acad492507f9c020e3f6cda9 Mon Sep 17 00:00:00 2001
From: Fahad Mehboob <fahad.fakky@hotmail.com>
Date: Thu, 31 Aug 2023 08:35:52 +0500
Subject: [PATCH] changes till footer phase 1 complete

---
 index.html | 184 +++++++++++++++++++++++++----------------------------
 1 file changed, 87 insertions(+), 97 deletions(-)

diff --git a/index.html b/index.html
index fa2a077..97de041 100644
--- a/index.html
+++ b/index.html
@@ -483,7 +483,7 @@ <h2 class=" title    wow fadeInUp" data-wow-delay=".2s"><span class='hollow-text
 					<!--First Plan-->
 					<div class="col-12  col-md-6 col-xl-3  mx-auto price-plan ">
 						<div class="plan    wow fadeInUp  " data-wow-delay=".1s ">
-							<div class="plan-head"><i class="flaticon-nft-1 plan-icon"></i>
+							<div class="plan-head"><i class="fas fa-shield-alt plan-icon"></i>
 								<h4 class="plane-name">Basic plan</h4>
 								<div class="plan-price">
 									<h3 class="price">30<sup class="currency-symbol">$</sup></h3><span class="per">Monthly</span>
@@ -492,13 +492,13 @@ <h3 class="price">30<sup class="currency-symbol">$</sup></h3><span class="per">M
 
 							<div class="plan-details">
 								<ul class="plan-list">
-									<li class="plan-feat "> <span class="feat-text">Unlimited Users. </span></li>
-									<li class="plan-feat "> <span class="feat-text">Email integration (Microsoft and Gmail). </span></li>
-									<li class="plan-feat "> <span class="feat-text">Post-showing feedback from renters.</span></li>
-									<li class="plan-feat "> <span class="feat-text">PM Software Integration.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Follow-up email and SMS.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Public website with chatbot.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Two-way calendar sync..</span></li>
+									<li class="plan-feat "> <span class="feat-text">Unlimited Athlete Profiles. </span></li>
+									<li class="plan-feat "> <span class="feat-text">AI-Powered Scouting Reports. </span></li>
+									<li class="plan-feat "> <span class="feat-text">Performance Data Analysis.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Basic Support.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Performance Benchmarking.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Customizable Alerts.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Talent Exploration Tools.</span></li>
 								</ul>
 							</div>
 							<div class="plan-cta"><a class="cta-btn btn-outline " href="#0">select plan  </a></div>
@@ -507,8 +507,8 @@ <h3 class="price">30<sup class="currency-symbol">$</sup></h3><span class="per">M
 					<!--Second-plan-->
 					<div class="col-12  col-md-6 col-xl-3  mx-auto price-plan ">
 						<div class="plan    wow fadeInUp  " data-wow-delay=".3s ">
-							<div class="plan-head"><i class="flaticon-virtual-reality plan-icon"></i>
-								<h4 class="plane-name">standerd plan</h4>
+							<div class="plan-head"><i class="fas fa-medal plan-icon"></i>
+								<h4 class="plane-name">standard plan</h4>
 								<div class="plan-price">
 									<h3 class="price">60<sup class="currency-symbol">$</sup></h3><span class="per">Monthly</span>
 								</div>
@@ -516,13 +516,13 @@ <h3 class="price">60<sup class="currency-symbol">$</sup></h3><span class="per">M
 
 							<div class="plan-details">
 								<ul class="plan-list">
-									<li class="plan-feat "> <span class="feat-text">Everything included in Basic, plus: </span></li>
-									<li class="plan-feat "> <span class="feat-text">Notify current tenant of showings.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Schedule owner reports.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Send custom rental application link. </span></li>
-									<li class="plan-feat "> <span class="feat-text">Custom pre-qualification questions.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Marketing message.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Add River chatbot to your website (beta).</span></li>
+									<li class="plan-feat "> <span class="feat-text">Advanced Athlete Profiles.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Comprehensive Scouting Reports.</span></li>
+									<li class="plan-feat "> <span class="feat-text">In-Depth Performance Analysis.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Priority Support. </span></li>
+									<li class="plan-feat "> <span class="feat-text">Real-time Insights.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Customized Alerts.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Enhanced Talent Exploration Tools.</span></li>
 								</ul>
 							</div>
 							<div class="plan-cta"><a class="cta-btn btn-outline " href="#0">select plan  </a></div>
@@ -531,7 +531,7 @@ <h3 class="price">60<sup class="currency-symbol">$</sup></h3><span class="per">M
 					<!--Third-plan-->
 					<div class="col-12  col-md-6 col-xl-3  mx-auto price-plan ">
 						<div class="plan   featured  wow fadeInUp  " data-wow-delay=".5s ">
-							<div class="plan-head"><i class="flaticon-box plan-icon"></i>
+							<div class="plan-head"><i class="fas fa-gem plan-icon"></i>
 								<h4 class="plane-name">pro plan</h4>
 								<div class="plan-price">
 									<h3 class="price">100<sup class="currency-symbol">$</sup></h3><span class="per">Monthly</span>
@@ -540,16 +540,16 @@ <h3 class="price">100<sup class="currency-symbol">$</sup></h3><span class="per">
 
 							<div class="plan-details">
 								<ul class="plan-list">
-									<li class="plan-feat "> <span class="feat-text">Everything in Basic & Standard.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Open house scheduling.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Auto-assign agents to showings (beta).</span></li>
-									<li class="plan-feat "> <span class="feat-text">Zapier integration.</span></li>
-									<li class="plan-feat "> <span class="feat-text">ROI reports.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Bulk email prospects./span></li>
-									<li class="plan-feat "> <span class="feat-text">Capture leads from contact forms.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Connect multiple calendars.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Dedicated account management.</span></li>
-									<li class="plan-feat "> <span class="feat-text">Feature request access. Early access to beta features & so much more.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Full Access to Basic & Standard Features: Plus.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Comprehensive Athlete Insights.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Advanced Scouting Analytics.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Enhanced Performance Assessment.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Priority Support and Assistance.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Real-Time Performance Analytics.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Advanced Talent Profiling Tools.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Strategic Insights: Workshops.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Exclusive Beta Access and Insights.</span></li>
+									<li class="plan-feat "> <span class="feat-text">Early Feature Access & More</span></li>
 								</ul>
 							</div>
 							<div class="plan-cta"><a class="cta-btn btn-outline " href="#0">select plan  </a></div>
@@ -580,14 +580,14 @@ <h2 class=" title    wow fadeInUp" data-wow-delay=".4s">customers <span class='h
 											<div class="customer-testimonial">
 												<div class="content">
 													<p class="testimonial-text ">
-														Responding to leads while you are sleeping. I love it how SmartLet responds to leads while you are sleeping.
+														"AI sports recruitment has transformed the way we discover talent. It's like having a dedicated scout at your fingertips."
 													</p>
 												</div>
 											</div>
 											<div class="customer-info ">
 												<div class="customer-details">
-													<p class="customer-name">Dainel Kristan</p>
-													<p class="customer-role">Property Manager</p>
+													<p class="customer-name">Alex Chen</p>
+													<p class="customer-role">Sports Manager</p>
 												</div>
 											</div>
 										</div>
@@ -601,14 +601,14 @@ <h2 class=" title    wow fadeInUp" data-wow-delay=".4s">customers <span class='h
 											<div class="customer-testimonial">
 												<div class="content">
 													<p class="testimonial-text ">
-														My inbox have been freed up significantly.
+														"As a coach, SmartRecruit has been a game-changer. Finding talent has never been easier"
 													</p>
 												</div>
 											</div>
 											<div class="customer-info ">
 												<div class="customer-details">
-													<p class="customer-name">Kathy Henry</p>
-													<p class="customer-role">Leasing Agent</p>
+													<p class="customer-name">Sarah Johnson</p>
+													<p class="customer-role">Sports Coach</p>
 												</div>
 											</div>
 										</div>
@@ -622,14 +622,14 @@ <h2 class=" title    wow fadeInUp" data-wow-delay=".4s">customers <span class='h
 											<div class="customer-testimonial">
 												<div class="content">
 													<p class="testimonial-text ">
-														SmartLet has definitely been helpful with scheduling.
+														"I never thought finding talented athletes could be this efficient. SmartRecruit made the process a breeze."
 													</p>
 												</div>
 											</div>
 											<div class="customer-info ">
 												<div class="customer-details">
-													<p class="customer-name">Marshal Hofman</p>
-													<p class="customer-role">Real Estate Broker</p>
+													<p class="customer-name">John Mitchell</p>
+													<p class="customer-role">Sports Enthusiast</p>
 												</div>
 											</div>
 										</div>
@@ -669,56 +669,56 @@ <h2 class=" title    wow fadeInUp" data-wow-delay=".2s"><span class='hollow-text
 							</div>
 						</div>
 						<!--Start Accordion List For FAQ-->
-						<div class="faq-accordion " id="accordion">
+						<div class="faq-accordion" id="accordion">
 							<div class="card mb-2">
-								<div class="card-header " id="heading-1">
+								<div class="card-header" id="heading-1">
 									<h5 class="mb-0 faq-title">
-										<button class="btn btn-link  faq-btn  collapsed" data-bs-toggle="collapse" 
-											data-bs-target="#collapse-1" aria-expanded="true" aria-controls="collapse-1">are your service easy to use?</button>
+										<button class="btn btn-link faq-btn collapsed" data-bs-toggle="collapse" 
+											data-bs-target="#collapse-1" aria-expanded="true" aria-controls="collapse-1">Is your AI recruitment service user-friendly?</button>
 									</h5>
 								</div>
-								<div class="collapse " id="collapse-1" aria-labelledby="collapse-1" data-bs-parent="#accordion">
+								<div class="collapse" id="collapse-1" aria-labelledby="collapse-1" data-bs-parent="#accordion">
 									<div class="card-body">
-										<p class="faq-answer">FAQ COMING SOON</p>
+										<p class="faq-answer">Our AI sports recruitment platform is designed to be intuitive and user-friendly, making the talent discovery process easy and efficient.</p>
 									</div>
 								</div>
 							</div>
 							<div class="card mb-2">
-								<div class="card-header " id="heading-2">
+								<div class="card-header" id="heading-2">
 									<h5 class="mb-0 faq-title">
-										<button class="btn btn-link  faq-btn  collapsed " 
-											data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="true" aria-controls="collapse-2">will i receive future updates?</button>
+										<button class="btn btn-link faq-btn collapsed" 
+											data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="true" aria-controls="collapse-2">Will I receive updates in the future?</button>
 									</h5>
 								</div>
-								<div class="collapse " id="collapse-2" aria-labelledby="collapse-2" data-bs-parent="#accordion">
+								<div class="collapse" id="collapse-2" aria-labelledby="collapse-2" data-bs-parent="#accordion">
 									<div class="card-body">
-										<p class="faq-answer">FAQ COMING SOON</p>
+										<p class="faq-answer">Yes, we're committed to continuous improvement. You'll receive regular updates with new features and enhancements to elevate your recruitment experience.</p>
 									</div>
 								</div>
 							</div>
 							<div class="card mb-2">
-								<div class="card-header " id="heading-3">
+								<div class="card-header" id="heading-3">
 									<h5 class="mb-0 faq-title">
-										<button class="btn btn-link  faq-btn  collapsed " data-bs-toggle="collapse" 
-											data-bs-target="#collapse-3" aria-expanded="true" aria-controls="collapse-3">is this services work in my country?</button>
+										<button class="btn btn-link faq-btn collapsed" data-bs-toggle="collapse" 
+											data-bs-target="#collapse-3" aria-expanded="true" aria-controls="collapse-3">Does your service work in my country?</button>
 									</h5>
 								</div>
-								<div class="collapse " id="collapse-3" aria-labelledby="collapse-3" data-bs-parent="#accordion">
+								<div class="collapse" id="collapse-3" aria-labelledby="collapse-3" data-bs-parent="#accordion">
 									<div class="card-body">
-										<p class="faq-answer">FAQ COMING SOON </p>
+										<p class="faq-answer">Yes, our AI sports recruitment service is available globally, ensuring that talented athletes from around the world can benefit from our platform.</p>
 									</div>
 								</div>
 							</div>
 							<div class="card mb-2">
-								<div class="card-header " id="heading-4">
+								<div class="card-header" id="heading-4">
 									<h5 class="mb-0 faq-title">
-										<button class="btn btn-link  faq-btn  collapsed " data-bs-toggle="collapse" 
-											data-bs-target="#collapse-4" aria-expanded="true" aria-controls="collapse-4">How much I will pay?</button>
+										<button class="btn btn-link faq-btn collapsed" data-bs-toggle="collapse" 
+											data-bs-target="#collapse-4" aria-expanded="true" aria-controls="collapse-4">How much will I need to pay?</button>
 									</h5>
 								</div>
-								<div class="collapse " id="collapse-4" aria-labelledby="collapse-4" data-bs-parent="#accordion">
+								<div class="collapse" id="collapse-4" aria-labelledby="collapse-4" data-bs-parent="#accordion">
 									<div class="card-body">
-										<p class="faq-answer">FAQ COMING SOON</p>
+										<p class="faq-answer">For detailed pricing information, please refer to our plans page. We offer flexible plans to cater to different needs and budgets.</p>
 									</div>
 								</div>
 							</div>
@@ -818,21 +818,19 @@ <h6 class="content-title">phone:</h6><a class="tel link" href="tel:0123456789">+
 			<div class="overlay-photo-image-bg" data-bg-img="assets/images/sections-bg-images/footer-bg-1.jpg" data-bg-opacity=".25"></div>
 			<div class="container">
 				<div class="row footer-cols">
-					<div class="col-12 col-md-8 col-lg-4  footer-col ">
+					<div class="col-12 col-md-8 col-lg-4 footer-col">
 						<img class="img-fluid footer-logo" loading="lazy" src="assets/images/logo/logo-dark.png" alt="logo"/>
 						<div class="footer-col-content-wrapper">        
 							<p class="footer-text-about-us">
-								Investing in SmartLet means investing in the future of property management – a future where AI
-								 sets new standards and opens unprecedented avenues for growth. Join us in shaping this exciting
-								  evolution and reap the rewards of pioneering excellence.
+								Elevate your sports recruitment journey with AI2BC. Our innovative platform empowers athletes, coaches, and teams to discover and nurture talent effectively.
 							</p>
 						</div>
-						<div class="form-area ">
-							<div class="mailchimp-form ">
+						<div class="form-area">
+							<div class="mailchimp-form">
 								<form class="one-field-form" method="post" action="#0">
-									<div class="field-group ">
+									<div class="field-group">
 										<label class="email-label" for="email-input"> Subscribe to our newsletter</label>
-										<input class="email-input " type="email" value="" name="EMAIL" id="email-input" placeholder="Email Address" autocomplete="off"/>
+										<input class="email-input" type="email" value="" name="EMAIL" id="email-input" placeholder="Email Address" autocomplete="off"/>
 										<div class="cta-area">
 											<input class="btn-solid subscribe-btn" type="submit" value="Subscribe" name="subscribe"/>
 										</div>
@@ -841,48 +839,39 @@ <h6 class="content-title">phone:</h6><a class="tel link" href="tel:0123456789">+
 							</div>
 						</div>
 					</div>
-					<div class="col-6 col-lg-2  footer-col ">
-						<h2 class=" footer-col-title    ">useful links</h2>
+					<div class="col-6 col-lg-2 footer-col">
+						<h2 class="footer-col-title">Useful Links</h2>
 						<div class="footer-col-content-wrapper">
-							<ul class="footer-menu ">
-								<li class="footer-menu-item"><i class="bi bi-arrow-right icon "></i><a class="footer-menu-link" href="#0">Google</a>
-								</li>
-								<li class="footer-menu-item"><i class="bi bi-arrow-right icon "></i><a class="footer-menu-link" href="#0">Dribbble</a>
-								</li>
-								<li class="footer-menu-item"><i class="bi bi-arrow-right icon "></i><a class="footer-menu-link" href="#0">linkedIn</a>
-								</li>
+							<ul class="footer-menu">
+								<li class="footer-menu-item"><i class="bi bi-arrow-right icon"></i><a class="footer-menu-link" href="#0">About Us</a></li>
+								<li class="footer-menu-item"><i class="bi bi-arrow-right icon"></i><a class="footer-menu-link" href="#0">Features</a></li>
+								<li class="footer-menu-item"><i class="bi bi-arrow-right icon"></i><a class="footer-menu-link" href="#0">Contact</a></li>
 							</ul>
 						</div>
 					</div>
-					<div class="col-6 col-lg-2 footer-col ">
-						<h2 class=" footer-col-title    ">Resources</h2>
+					<div class="col-6 col-lg-2 footer-col">
+						<h2 class="footer-col-title">Resources</h2>
 						<div class="footer-col-content-wrapper">
 							<ul class="footer-menu">
-								<li class="footer-menu-item"><i class="bi bi-arrow-right icon "></i><a class="footer-menu-link" href="#0">support</a>
-								</li>
-								<li class="footer-menu-item"><i class="bi bi-arrow-right icon "></i><a class="footer-menu-link" href="#0">dashboard</a>
-								</li>
-								<li class="footer-menu-item"><i class="bi bi-arrow-right icon "></i><a class="footer-menu-link" href="#0">drivers</a>
-								</li>
-								<li class="footer-menu-item"><i class="bi bi-arrow-right icon "></i><a class="footer-menu-link" href="#0">projects</a>
-								</li>
+								<li class="footer-menu-item"><i class="bi bi-arrow-right icon"></i><a class="footer-menu-link" href="#0">Support</a></li>
+								<li class="footer-menu-item"><i class="bi bi-arrow-right icon"></i><a class="footer-menu-link" href="#0">FAQ</a></li>
 							</ul>
 						</div>
 					</div>
-					<div class="col-12 col-lg-4 footer-col ">
-						<h2 class=" footer-col-title">contact information</h2>
+					<div class="col-12 col-lg-4 footer-col">
+						<h2 class="footer-col-title">Contact Information</h2>
 						<div class="footer-col-content-wrapper">
-							<div class="contact-info-card"><i class="bi bi-envelope icon"></i><a class="text-lowercase  info" href="mailto:example@support.com">example@support.com</a></div>
+							<div class="contact-info-card"><i class="bi bi-envelope icon"></i><a class="text-lowercase info" href="mailto:contact@ai2bc.com">contact@ai2bc.com</a></div>
 							<div class="contact-info-card"><i class="bi bi-geo-alt icon"></i><span class="info">AI2BC Organization</span></div>
-							<div class="contact-info-card"><i class="bi bi-phone icon"></i><a class="info" href="tel:+20123456789">+20123456789  </a></div>
+							<div class="contact-info-card"><i class="bi bi-phone icon"></i><a class="info" href="tel:+1234567890">+123-456-7890</a></div>
 							<div class="contact-info-card">
 								<div class="social-icons">
 									<div class="sc-wrapper dir-row sc-size-32">
 										<ul class="sc-list">
-											<li class="sc-item " title="Facebook"><a class="sc-link" href="#0" title="social media icon"><i class="fab fa-facebook-f sc-icon"></i></a></li>
-											<li class="sc-item " title="youtube"><a class="sc-link" href="#0" title="social media icon"><i class="fab fa-youtube sc-icon"></i></a></li>
-											<li class="sc-item " title="instagram"><a class="sc-link" href="#0" title="social media icon"><i class="fab fa-instagram sc-icon"></i></a></li>
-											<li class="sc-item " title="twitter"><a class="sc-link" href="#0" title="social media icon"><i class="fab fa-twitter sc-icon"></i></a></li>
+											<li class="sc-item" title="Facebook"><a class="sc-link" href="#0"><i class="fab fa-facebook-f sc-icon"></i></a></li>
+											<li class="sc-item" title="YouTube"><a class="sc-link" href="#0"><i class="fab fa-youtube sc-icon"></i></a></li>
+											<li class="sc-item" title="Instagram"><a class="sc-link" href="#0"><i class="fab fa-instagram sc-icon"></i></a></li>
+											<li class="sc-item" title="Twitter"><a class="sc-link" href="#0"><i class="fab fa-twitter sc-icon"></i></a></li>
 										</ul>
 									</div>
 								</div>
@@ -891,25 +880,26 @@ <h2 class=" footer-col-title">contact information</h2>
 					</div>
 				</div>
 			</div>
-			<div class="copyrights ">
+			<div class="copyrights">
 				<div class="container">
 					<div class="row">
 						<div class="col-12 col-md-6 d-flex justify-content-start">
 							<p class="credits">
 								&copy; 2023
 								All rights reserved to
-													 <a class="link" href="#0">AI2BC - SmartLet Property Management</a>
+								<a class="link" href="#0">AI2BC - Elevating Sports Recruitment</a>
 							</p>
 						</div>
 						<div class="col-12 col-md-6 d-flex justify-content-end">
-							<div class="terms-links"><a href="#0">Terms of Use </a>
-								| <a href="#0">Privacy Policy</a>
+							<div class="terms-links">
+								<a href="#0">Terms of Use</a> | <a href="#0">Privacy Policy</a>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</footer>
+		
 		<!-- End  page-footer Section-->
 		<!-- Start loading-screen Component-->
 		<div class="loading-screen" id="loading-screen"><span class="bar top-bar"></span><span class="bar down-bar"></span><span class="progress-line"></span><span class="loading-counter"> </span></div>