Worked on Products page - made changes + added links, created sections

jackbouncy7 · Oct 21, 2024 · 6849103 · 6849103
1 parent 9c997e1
commit 6849103
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 22 deletions.
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
@@ -17,10 +17,10 @@ const Footer = () => {
  <div className="col-lg-2 col-md-4 col-sm-6 col-6">
  <h5>Helpful Links</h5>
  <ul className="footer-nav">
- <li><a href="#"><i className="fa fa-angle-right"></i><span>Our Work</span></a></li>
+ <li><a href="#"><i className="fa fa-angle-right"></i><span>Products</span></a></li>
  <li><a href="#"><i className="fa fa-angle-right"></i><span>About Us</span></a></li>
  <li><a href="#"><i className="fa fa-angle-right"></i><span>Services</span></a></li>
- <li><a href="#"><i className="fa fa-angle-right"></i><span>Blog</span></a></li>
+ {/* <li><a href="#"><i className="fa fa-angle-right"></i><span>Blog</span></a></li> */}
  <li><a href="#"><i className="fa fa-angle-right"></i><span>Contact</span></a></li>
  </ul>
  </div>
@@ -52,7 +52,7 @@ const Footer = () => {
  </div>
  <div className="row">
  <div className="col-lg-12">
- <p className="copyright">© 2021 Beapp. All Rights Reserved.</p>
+ <p className="copyright">© 2024 Zbekz group. All Rights Reserved.</p>
  </div>
  </div>
  </div>

diff --git a/src/pages/AboutUs/AboutUs.jsx b/src/pages/AboutUs/AboutUs.jsx
@@ -89,7 +89,7 @@ const AboutUs = () => {
  <div className="col-lg-12">
  <div className="info">
  <p>We design and develop <span>mobile apps</span> that delight your users and grow your business.</p>
- <a className="btn-white-line" href="#">Contact Us</a>
+ <Link className="btn-white-line" to="/contact">Contact Us</Link>
  </div>
  </div>
  </div>

diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
@@ -1,4 +1,5 @@
 import { lazy } from "react";
+import { Link } from "react-router-dom";
 const Header = lazy(() => import("@components/Header/Header"));
 const Footer = lazy(() => import("@components/Footer/Footer"));
 const Team = lazy(() => import("@components/Team/Team"));
@@ -46,9 +47,9 @@ const Home = () => {
  grow your business. Enterprise-grade development combined with
  outstanding design.
  </p>
- <a className="btn-white-line" href="#">
+ <Link className="btn-white-line" to="/products">
  ALL WORKS
- </a>
+ </Link>
  </div>
  <div className="offset-lg-1 col-lg-5 col-md-12 align-self-center">
  <div className="apps">
@@ -146,9 +147,9 @@ const Home = () => {
  Praesent tortor nulla, ullamcorper.
  </p>
  </div>
- <a href="#" className="btn-primary-line">
+ <Link to="/services" className="btn-primary-line">
  SERVICES
- </a>
+ </Link>
  </div>
  {/* <!-- ***** Home About End ***** --> */}
 

diff --git a/src/pages/Products/Products.jsx b/src/pages/Products/Products.jsx
@@ -23,20 +23,6 @@ const Products = () => {
  </div>
  </div>
  </Link>
-
- <Link to='/'>
- <div className='products__box'>
- <div className='products__content'>
- <h3 className='products__title--content'>FDA-compliant software for stroke patients with telemedicine features to facilitate remote care</h3>
- <span className='products__devices'>IOS & Android, Web</span>
- <span className='products__category'>Healthcare</span>
- <span className='products__country'>US</span>
- <div className='products__button-link'>
- <Link className='products__link' to='/'>Explore more <i className="fa fa-arrow-right"></i> </Link>
- </div>
- </div>
- </div>
- </Link>
  </div>
  </section>
  </>