From a1c9004409125be9399d621d99fb877109e041d1 Mon Sep 17 00:00:00 2001
From: Yura <yuraplatonov2000@gmail.com>
Date: Sun, 7 Jan 2024 23:56:03 +0200
Subject: [PATCH 1/3] delete arrows on main page

---
 src/components/Main/CarouselCar/Carousel.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Main/CarouselCar/Carousel.css b/src/components/Main/CarouselCar/Carousel.css
index 0e05bb4..de52c9e 100644
--- a/src/components/Main/CarouselCar/Carousel.css
+++ b/src/components/Main/CarouselCar/Carousel.css
@@ -1,12 +1,11 @@
 
 .splide__arrow--prev {
-    left: -90px ;
-    background-color: transparent;
+  display: none;
+
   }
 
   .splide__arrow--next {
-    right: -90px ;
-    background-color: transparent;
+    display: none;
 
   }
   

From 59e6c39ee73b42787918fc17abcce1fe3e171c97 Mon Sep 17 00:00:00 2001
From: Yura <yuraplatonov2000@gmail.com>
Date: Mon, 8 Jan 2024 17:34:29 +0200
Subject: [PATCH 2/3] fix footer

---
 src/components/Footer/Footer.jsx              | 22 ++++++++++++-------
 src/components/Footer/Footer.styled.jsx       |  8 +++++++
 src/components/Main/CarouselCar/Carousel.css  |  4 ++--
 .../Main/CarouselCar/CarouselCar.jsx          |  6 ++---
 src/components/Main/Popular/Popular.styled.js |  2 +-
 5 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 67cc96b..835b7d8 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -14,20 +14,26 @@ const Footer = () => {
         <FooterContainer>
           <ListContainer>
             <ul className="footer_list">
-              <li className="footer_item">Нові</li>
-              <li className="footer_item">Вживані</li>
-              <li className="footer_item">Під Пригон</li>
-            </ul>
-            <ul className="footer_list">
-              <li className="footer_item">Партнерам</li>
-              <li className="footer_item">FAQ</li>
-              <li className="footer_item">Мій кабінет</li>
+              <li className="footer_item">
+              <NavLink to={'/search?status=New'}>Нові</NavLink>
+              </li>
+              <li className="footer_item">
+              <NavLink to={'/search?status=Used'}>Вживані</NavLink>
+              </li>
+              <li className="footer_item">
+              <NavLink to={'/search?status=Servitude'}>Під Пригон</NavLink>
+              </li>
             </ul>
             <ul className="footer_list">
               <li className="footer_item">Умови використання</li>
               <li className="footer_item">Політика конфіденційності</li>
               <li className="footer_item">Правила публікації оголошень</li>
             </ul>
+            <ul className="footer_list">
+              <li className="footer_item">FAQ</li>
+              <li className="footer_item">
+                <NavLink to={'/account'}>Мій кабінет</NavLink></li>
+            </ul>
           </ListContainer>
           <ul className="footer-contact_list">
             <li>
diff --git a/src/components/Footer/Footer.styled.jsx b/src/components/Footer/Footer.styled.jsx
index 869cfdb..f9a5384 100644
--- a/src/components/Footer/Footer.styled.jsx
+++ b/src/components/Footer/Footer.styled.jsx
@@ -30,6 +30,14 @@ export const FooterWrapper = styled.div`
     font-weight: 400;
       }
 
+  .footer_item:hover, .footer_item:focus{
+    cursor: pointer;
+    text-decoration: underline;
+    /* color: ;
+    */
+      }
+      
+
   .footer-contact_title{
     color: #F1F1F1;
     font-family: 'Roboto', sans-serif;
diff --git a/src/components/Main/CarouselCar/Carousel.css b/src/components/Main/CarouselCar/Carousel.css
index de52c9e..701a419 100644
--- a/src/components/Main/CarouselCar/Carousel.css
+++ b/src/components/Main/CarouselCar/Carousel.css
@@ -21,8 +21,8 @@ align-items: center;
 
 }
 
-.container:hover{
+/* .container:hover{
   fill: blue;
   color: blue;
  
-  }
\ No newline at end of file
+  } */
\ No newline at end of file
diff --git a/src/components/Main/CarouselCar/CarouselCar.jsx b/src/components/Main/CarouselCar/CarouselCar.jsx
index e84b42e..f9df9cf 100644
--- a/src/components/Main/CarouselCar/CarouselCar.jsx
+++ b/src/components/Main/CarouselCar/CarouselCar.jsx
@@ -10,9 +10,9 @@ export const CarouselCar =() => {
   return (
 <Splide className="splide-container" aria-label="Car logo carousel"  tag="section"  options={ {
     rewind: true,
-    width : 1080,
-    perPage: 7,
-    focus  : "center",
+    width : 1260,
+    perPage: 8,
+    focus  : "right",
     perMove: 1,
     omitEnd: false,
     autoplay: true,
diff --git a/src/components/Main/Popular/Popular.styled.js b/src/components/Main/Popular/Popular.styled.js
index ffe346f..4b8720a 100644
--- a/src/components/Main/Popular/Popular.styled.js
+++ b/src/components/Main/Popular/Popular.styled.js
@@ -32,7 +32,7 @@ export const SectionCar = styled.section`
     align-items: flex-start;
     flex-direction: column;
     border-radius: 8px;
-    background: #f1f1f1;
+    background: #F1F5FF;
   }
   .imgCar {
     width: 373px;

From 0e4cf1d6e47d5d24e95a0389e0885260968203f9 Mon Sep 17 00:00:00 2001
From: Yura <yuraplatonov2000@gmail.com>
Date: Mon, 8 Jan 2024 17:48:02 +0200
Subject: [PATCH 3/3] change bg

---
 src/components/SearchForm/SearchForm.styled.js | 2 +-
 src/components/SearchList/SearchList.styled.js | 2 +-
 src/pages/AccountPage/AccountPage.styled.jsx   | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/SearchForm/SearchForm.styled.js b/src/components/SearchForm/SearchForm.styled.js
index eafdf7e..d7062f8 100644
--- a/src/components/SearchForm/SearchForm.styled.js
+++ b/src/components/SearchForm/SearchForm.styled.js
@@ -9,7 +9,7 @@ export const Search = styled.div`
   flex-shrink: 0;
 
   border-radius: 8px;
-  background: #f1f1f1;
+  background: #F1F5FF;
 
   select {
     appearance: none;
diff --git a/src/components/SearchList/SearchList.styled.js b/src/components/SearchList/SearchList.styled.js
index 74cafad..a79bea5 100644
--- a/src/components/SearchList/SearchList.styled.js
+++ b/src/components/SearchList/SearchList.styled.js
@@ -52,7 +52,7 @@ export const SearchListDiv = styled.div`
     width: 844px;
     height: 240px;
     border-radius: 8px;
-    background: #f1f1f1;
+    background: #F1F5FF;
     position: relative;
   }
   .img {
diff --git a/src/pages/AccountPage/AccountPage.styled.jsx b/src/pages/AccountPage/AccountPage.styled.jsx
index 90afada..c0599be 100644
--- a/src/pages/AccountPage/AccountPage.styled.jsx
+++ b/src/pages/AccountPage/AccountPage.styled.jsx
@@ -53,7 +53,7 @@ export const UserContainer = styled.div`
 
     padding: 20px 15px;
     border-radius: 8px;
-    background: #f1f1f1;
+    background: #F1F5FF;
   }
 
   .user-profile_title {
@@ -75,7 +75,7 @@ export const UserContainer = styled.div`
   .user-nav_container {
     padding: 20px 15px 20px 0;
     border-radius: 8px;
-    background: #f1f1f1;
+    background: #F1F5FF;
   }
 
   .user-nav_item {