mate-academy · MykolaButylkov · Jul 26, 2023 · Jul 28, 2023 · Jul 28, 2023 · Jul 28, 2023
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,22 +7,28 @@
   "license": "GPL-3.0",
   "dependencies": {
     "@cypress/react": "^5.12.4",
+    "@reduxjs/toolkit": "^1.9.5",
+    "@types/react-redux": "^7.1.25",
     "bulma": "^0.9.3",
+    "classnames": "^2.3.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-redux": "^8.1.1",
+    "react-router-dom": "^6.14.2",
     "react-scripts": "^4.0.3"
   },
   "devDependencies": {
     "@cypress/webpack-dev-server": "^1.8.4",
     "@mate-academy/cypress-tools": "^1.0.4",
     "@mate-academy/eslint-config-react": "*",
     "@mate-academy/eslint-config-react-typescript": "*",
-    "@mate-academy/scripts": "^1.2.1",
+    "@mate-academy/scripts": "^1.2.8",
     "@mate-academy/students-ts-config": "*",
     "@mate-academy/stylelint-config": "*",
     "@types/node": "^17.0.23",
     "@types/react": "^17.0.43",
-    "@types/react-dom": "^17.0.14",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-slick": "^0.23.10",
     "cypress": "^9.5.3",
     "eslint": "^7.32.0",
     "eslint-plugin-cypress": "^2.11.2",

diff --git a/public/images/banner-accessories.png b/public/images/banner-accessories.png
diff --git a/public/images/banner-phones.png b/public/images/banner-phones.png
diff --git a/public/images/banner-tablets.png b/public/images/banner-tablets.png
diff --git a/public/images/icons/ArrowDown.svg b/public/images/icons/ArrowDown.svg
diff --git a/public/images/icons/ArrowLeft-dark.svg b/public/images/icons/ArrowLeft-dark.svg
diff --git a/public/images/icons/ArrowLeft.svg b/public/images/icons/ArrowLeft.svg
diff --git a/public/images/icons/ArrowRight.svg b/public/images/icons/ArrowRight.svg
diff --git a/public/images/icons/ArrowUp.svg b/public/images/icons/ArrowUp.svg
diff --git a/public/images/icons/ArrowUpDark.svg b/public/images/icons/ArrowUpDark.svg
diff --git a/public/images/icons/CloseButton.svg b/public/images/icons/CloseButton.svg
diff --git a/public/images/icons/CloseButtonDark.svg b/public/images/icons/CloseButtonDark.svg
diff --git a/public/images/icons/HeartLike.svg b/public/images/icons/HeartLike.svg
diff --git a/public/images/icons/HeartLikeFilled.svg b/public/images/icons/HeartLikeFilled.svg
diff --git a/public/images/icons/Home.svg b/public/images/icons/Home.svg
diff --git a/public/images/icons/Search.svg b/public/images/icons/Search.svg
diff --git a/public/images/icons/ShoppingbagCart.svg b/public/images/icons/ShoppingbagCart.svg
diff --git a/public/images/icons/icon-burger-menu-hover.svg b/public/images/icons/icon-burger-menu-hover.svg
diff --git a/public/images/icons/icon-burger-menu.svg b/public/images/icons/icon-burger-menu.svg
diff --git a/public/images/icons/icon-close.svg b/public/images/icons/icon-close.svg
diff --git a/public/images/logo.jpg b/public/images/logo.jpg
diff --git a/public/images/preview-category-accessories.png b/public/images/preview-category-accessories.png
diff --git a/public/images/preview-category-phone.png b/public/images/preview-category-phone.png
diff --git a/public/images/preview-category-tablets.png b/public/images/preview-category-tablets.png
diff --git a/public/images/product-card-img.png b/public/images/product-card-img.png
diff --git a/public/img/category-accessories.png b/public/img/category-accessories.png
diff --git a/public/img/category-phones.png b/public/img/category-phones.png
diff --git a/public/img/category-tablets.png b/public/img/category-tablets.png
diff --git a/public/img/phones/apple-iphone-11-pro-max/gold/00.jpg b/public/img/phones/apple-iphone-11-pro-max/gold/00.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/gold/01.jpg b/public/img/phones/apple-iphone-11-pro-max/gold/01.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/gold/02.jpg b/public/img/phones/apple-iphone-11-pro-max/gold/02.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg b/public/img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/midnightgreen/01.jpg b/public/img/phones/apple-iphone-11-pro-max/midnightgreen/01.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/midnightgreen/02.jpg b/public/img/phones/apple-iphone-11-pro-max/midnightgreen/02.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/midnightgreen/03.jpg b/public/img/phones/apple-iphone-11-pro-max/midnightgreen/03.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/silver/00.jpg b/public/img/phones/apple-iphone-11-pro-max/silver/00.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/silver/01.jpg b/public/img/phones/apple-iphone-11-pro-max/silver/01.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/silver/02.jpg b/public/img/phones/apple-iphone-11-pro-max/silver/02.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/spacegray/00.jpg b/public/img/phones/apple-iphone-11-pro-max/spacegray/00.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/spacegray/01.jpg b/public/img/phones/apple-iphone-11-pro-max/spacegray/01.jpg
diff --git a/public/img/phones/apple-iphone-11-pro-max/spacegray/02.jpg b/public/img/phones/apple-iphone-11-pro-max/spacegray/02.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/gold/00.jpg b/public/img/phones/apple-iphone-11-pro/gold/00.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/gold/01.jpg b/public/img/phones/apple-iphone-11-pro/gold/01.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/gold/02.jpg b/public/img/phones/apple-iphone-11-pro/gold/02.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/midnightgreen/00.jpg b/public/img/phones/apple-iphone-11-pro/midnightgreen/00.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/midnightgreen/01.jpg b/public/img/phones/apple-iphone-11-pro/midnightgreen/01.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/midnightgreen/02.jpg b/public/img/phones/apple-iphone-11-pro/midnightgreen/02.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/midnightgreen/03.jpg b/public/img/phones/apple-iphone-11-pro/midnightgreen/03.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/silver/00.jpg b/public/img/phones/apple-iphone-11-pro/silver/00.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/silver/01.jpg b/public/img/phones/apple-iphone-11-pro/silver/01.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/silver/02.jpg b/public/img/phones/apple-iphone-11-pro/silver/02.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/spacegray/00.jpg b/public/img/phones/apple-iphone-11-pro/spacegray/00.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/spacegray/01.jpg b/public/img/phones/apple-iphone-11-pro/spacegray/01.jpg
diff --git a/public/img/phones/apple-iphone-11-pro/spacegray/02.jpg b/public/img/phones/apple-iphone-11-pro/spacegray/02.jpg
diff --git a/public/img/phones/apple-iphone-11/black/00.jpg b/public/img/phones/apple-iphone-11/black/00.jpg
diff --git a/public/img/phones/apple-iphone-11/black/01.jpg b/public/img/phones/apple-iphone-11/black/01.jpg
diff --git a/public/img/phones/apple-iphone-11/black/02.jpg b/public/img/phones/apple-iphone-11/black/02.jpg
diff --git a/public/img/phones/apple-iphone-11/black/03.jpg b/public/img/phones/apple-iphone-11/black/03.jpg
diff --git a/public/img/phones/apple-iphone-11/black/04.jpg b/public/img/phones/apple-iphone-11/black/04.jpg
diff --git a/public/img/phones/apple-iphone-11/green/00.jpg b/public/img/phones/apple-iphone-11/green/00.jpg
diff --git a/public/img/phones/apple-iphone-11/green/01.jpg b/public/img/phones/apple-iphone-11/green/01.jpg
diff --git a/public/img/phones/apple-iphone-11/green/02.jpg b/public/img/phones/apple-iphone-11/green/02.jpg
diff --git a/public/img/phones/apple-iphone-11/green/03.jpg b/public/img/phones/apple-iphone-11/green/03.jpg
diff --git a/public/img/phones/apple-iphone-11/green/04.jpg b/public/img/phones/apple-iphone-11/green/04.jpg
diff --git a/public/img/phones/apple-iphone-11/purple/00.jpg b/public/img/phones/apple-iphone-11/purple/00.jpg
diff --git a/public/img/phones/apple-iphone-11/purple/01.jpg b/public/img/phones/apple-iphone-11/purple/01.jpg
diff --git a/public/img/phones/apple-iphone-11/purple/02.jpg b/public/img/phones/apple-iphone-11/purple/02.jpg
diff --git a/public/img/phones/apple-iphone-11/purple/03.jpg b/public/img/phones/apple-iphone-11/purple/03.jpg
diff --git a/public/img/phones/apple-iphone-11/purple/04.jpg b/public/img/phones/apple-iphone-11/purple/04.jpg
diff --git a/public/img/phones/apple-iphone-11/red/00.jpg b/public/img/phones/apple-iphone-11/red/00.jpg
diff --git a/public/img/phones/apple-iphone-11/red/01.jpg b/public/img/phones/apple-iphone-11/red/01.jpg
diff --git a/public/img/phones/apple-iphone-11/red/02.jpg b/public/img/phones/apple-iphone-11/red/02.jpg
diff --git a/public/img/phones/apple-iphone-11/red/03.jpg b/public/img/phones/apple-iphone-11/red/03.jpg
diff --git a/public/img/phones/apple-iphone-11/red/04.jpg b/public/img/phones/apple-iphone-11/red/04.jpg
diff --git a/public/img/phones/apple-iphone-11/white/00.jpg b/public/img/phones/apple-iphone-11/white/00.jpg
diff --git a/public/img/phones/apple-iphone-11/white/01.jpg b/public/img/phones/apple-iphone-11/white/01.jpg
diff --git a/public/img/phones/apple-iphone-11/white/02.jpg b/public/img/phones/apple-iphone-11/white/02.jpg
diff --git a/public/img/phones/apple-iphone-11/white/03.jpg b/public/img/phones/apple-iphone-11/white/03.jpg
diff --git a/public/img/phones/apple-iphone-11/white/04.jpg b/public/img/phones/apple-iphone-11/white/04.jpg
diff --git a/public/img/phones/apple-iphone-11/yellow/00.jpg b/public/img/phones/apple-iphone-11/yellow/00.jpg
diff --git a/public/img/phones/apple-iphone-11/yellow/01.jpg b/public/img/phones/apple-iphone-11/yellow/01.jpg
diff --git a/public/img/phones/apple-iphone-11/yellow/02.jpg b/public/img/phones/apple-iphone-11/yellow/02.jpg
diff --git a/public/img/phones/apple-iphone-11/yellow/03.jpg b/public/img/phones/apple-iphone-11/yellow/03.jpg
diff --git a/public/img/phones/apple-iphone-11/yellow/04.jpg b/public/img/phones/apple-iphone-11/yellow/04.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/black/00.jpg b/public/img/phones/apple-iphone-7-plus/black/00.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/black/01.jpg b/public/img/phones/apple-iphone-7-plus/black/01.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/black/02.jpg b/public/img/phones/apple-iphone-7-plus/black/02.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/black/03.jpg b/public/img/phones/apple-iphone-7-plus/black/03.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/black/04.jpg b/public/img/phones/apple-iphone-7-plus/black/04.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/gold/00.jpg b/public/img/phones/apple-iphone-7-plus/gold/00.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/gold/01.jpg b/public/img/phones/apple-iphone-7-plus/gold/01.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/gold/02.jpg b/public/img/phones/apple-iphone-7-plus/gold/02.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/gold/03.jpg b/public/img/phones/apple-iphone-7-plus/gold/03.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/gold/04.jpg b/public/img/phones/apple-iphone-7-plus/gold/04.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/rosegold/00.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/00.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/rosegold/01.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/01.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/rosegold/02.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/02.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/rosegold/03.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/03.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/rosegold/04.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/04.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/silver/00.jpg b/public/img/phones/apple-iphone-7-plus/silver/00.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/silver/01.jpg b/public/img/phones/apple-iphone-7-plus/silver/01.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/silver/02.jpg b/public/img/phones/apple-iphone-7-plus/silver/02.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/silver/03.jpg b/public/img/phones/apple-iphone-7-plus/silver/03.jpg
diff --git a/public/img/phones/apple-iphone-7-plus/silver/04.jpg b/public/img/phones/apple-iphone-7-plus/silver/04.jpg
diff --git a/public/img/phones/apple-iphone-7/black/00.jpg b/public/img/phones/apple-iphone-7/black/00.jpg
diff --git a/public/img/phones/apple-iphone-7/black/01.jpg b/public/img/phones/apple-iphone-7/black/01.jpg
diff --git a/public/img/phones/apple-iphone-7/black/02.jpg b/public/img/phones/apple-iphone-7/black/02.jpg
diff --git a/public/img/phones/apple-iphone-7/black/03.jpg b/public/img/phones/apple-iphone-7/black/03.jpg
diff --git a/public/img/phones/apple-iphone-7/black/04.jpg b/public/img/phones/apple-iphone-7/black/04.jpg
diff --git a/public/img/phones/apple-iphone-7/gold/00.jpg b/public/img/phones/apple-iphone-7/gold/00.jpg
diff --git a/public/img/phones/apple-iphone-7/gold/01.jpg b/public/img/phones/apple-iphone-7/gold/01.jpg
diff --git a/public/img/phones/apple-iphone-7/gold/02.jpg b/public/img/phones/apple-iphone-7/gold/02.jpg
diff --git a/public/img/phones/apple-iphone-7/gold/03.jpg b/public/img/phones/apple-iphone-7/gold/03.jpg
diff --git a/public/img/phones/apple-iphone-7/gold/04.jpg b/public/img/phones/apple-iphone-7/gold/04.jpg
diff --git a/public/img/phones/apple-iphone-7/rosegold/00.jpg b/public/img/phones/apple-iphone-7/rosegold/00.jpg
diff --git a/public/img/phones/apple-iphone-7/rosegold/01.jpg b/public/img/phones/apple-iphone-7/rosegold/01.jpg
diff --git a/public/img/phones/apple-iphone-7/rosegold/02.jpg b/public/img/phones/apple-iphone-7/rosegold/02.jpg
diff --git a/public/img/phones/apple-iphone-7/rosegold/03.jpg b/public/img/phones/apple-iphone-7/rosegold/03.jpg
diff --git a/public/img/phones/apple-iphone-7/rosegold/04.jpg b/public/img/phones/apple-iphone-7/rosegold/04.jpg
diff --git a/public/img/phones/apple-iphone-7/silver/00.jpg b/public/img/phones/apple-iphone-7/silver/00.jpg
diff --git a/public/img/phones/apple-iphone-7/silver/01.jpg b/public/img/phones/apple-iphone-7/silver/01.jpg
diff --git a/public/img/phones/apple-iphone-7/silver/02.jpg b/public/img/phones/apple-iphone-7/silver/02.jpg
diff --git a/public/img/phones/apple-iphone-7/silver/03.jpg b/public/img/phones/apple-iphone-7/silver/03.jpg
diff --git a/public/img/phones/apple-iphone-7/silver/04.jpg b/public/img/phones/apple-iphone-7/silver/04.jpg
diff --git a/public/img/phones/apple-iphone-8/gold/00.jpg b/public/img/phones/apple-iphone-8/gold/00.jpg
diff --git a/public/img/phones/apple-iphone-8/gold/01.jpg b/public/img/phones/apple-iphone-8/gold/01.jpg
diff --git a/public/img/phones/apple-iphone-8/gold/02.jpg b/public/img/phones/apple-iphone-8/gold/02.jpg
diff --git a/public/img/phones/apple-iphone-8/gold/03.jpg b/public/img/phones/apple-iphone-8/gold/03.jpg
diff --git a/public/img/phones/apple-iphone-8/silver/00.jpg b/public/img/phones/apple-iphone-8/silver/00.jpg
diff --git a/public/img/phones/apple-iphone-8/silver/01.jpg b/public/img/phones/apple-iphone-8/silver/01.jpg
diff --git a/public/img/phones/apple-iphone-8/silver/02.jpg b/public/img/phones/apple-iphone-8/silver/02.jpg
diff --git a/public/img/phones/apple-iphone-8/silver/03.jpg b/public/img/phones/apple-iphone-8/silver/03.jpg
diff --git a/public/img/phones/apple-iphone-8/spacegray/00.jpg b/public/img/phones/apple-iphone-8/spacegray/00.jpg
diff --git a/public/img/phones/apple-iphone-8/spacegray/01.jpg b/public/img/phones/apple-iphone-8/spacegray/01.jpg
diff --git a/public/img/phones/apple-iphone-8/spacegray/02.jpg b/public/img/phones/apple-iphone-8/spacegray/02.jpg
diff --git a/public/img/phones/apple-iphone-8/spacegray/03.jpg b/public/img/phones/apple-iphone-8/spacegray/03.jpg
diff --git a/public/img/phones/apple-iphone-xr/coral/00.jpg b/public/img/phones/apple-iphone-xr/coral/00.jpg
diff --git a/public/img/phones/apple-iphone-xr/coral/01.jpg b/public/img/phones/apple-iphone-xr/coral/01.jpg
diff --git a/public/img/phones/apple-iphone-xr/coral/02.jpg b/public/img/phones/apple-iphone-xr/coral/02.jpg
diff --git a/public/img/phones/apple-iphone-xr/red/00.jpg b/public/img/phones/apple-iphone-xr/red/00.jpg
diff --git a/public/img/phones/apple-iphone-xr/red/01.jpg b/public/img/phones/apple-iphone-xr/red/01.jpg
diff --git a/public/img/phones/apple-iphone-xr/red/02.jpg b/public/img/phones/apple-iphone-xr/red/02.jpg
diff --git a/public/img/phones/apple-iphone-xr/red/03.jpg b/public/img/phones/apple-iphone-xr/red/03.jpg
diff --git a/public/img/phones/apple-iphone-xr/red/04.jpg b/public/img/phones/apple-iphone-xr/red/04.jpg
diff --git a/public/img/phones/apple-iphone-xr/white/00.jpg b/public/img/phones/apple-iphone-xr/white/00.jpg
diff --git a/public/img/phones/apple-iphone-xr/white/01.jpg b/public/img/phones/apple-iphone-xr/white/01.jpg
diff --git a/public/img/phones/apple-iphone-xr/white/02.jpg b/public/img/phones/apple-iphone-xr/white/02.jpg
diff --git a/public/img/phones/apple-iphone-xr/white/03.jpg b/public/img/phones/apple-iphone-xr/white/03.jpg
diff --git a/public/img/phones/apple-iphone-xr/yellow/00.jpg b/public/img/phones/apple-iphone-xr/yellow/00.jpg
diff --git a/public/img/phones/apple-iphone-xr/yellow/01.jpg b/public/img/phones/apple-iphone-xr/yellow/01.jpg
diff --git a/public/img/phones/apple-iphone-xr/yellow/02.jpg b/public/img/phones/apple-iphone-xr/yellow/02.jpg
diff --git a/public/img/phones/apple-iphone-xr/yellow/03.jpg b/public/img/phones/apple-iphone-xr/yellow/03.jpg
diff --git a/public/img/phones/apple-iphone-xr/yellow/04.jpg b/public/img/phones/apple-iphone-xr/yellow/04.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/gold/00.jpg b/public/img/phones/apple-iphone-xs-max/gold/00.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/gold/01.jpg b/public/img/phones/apple-iphone-xs-max/gold/01.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/gold/02.jpg b/public/img/phones/apple-iphone-xs-max/gold/02.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/gold/03.jpg b/public/img/phones/apple-iphone-xs-max/gold/03.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/gold/04.jpg b/public/img/phones/apple-iphone-xs-max/gold/04.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/silver/00.jpg b/public/img/phones/apple-iphone-xs-max/silver/00.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/silver/01.jpg b/public/img/phones/apple-iphone-xs-max/silver/01.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/silver/02.jpg b/public/img/phones/apple-iphone-xs-max/silver/02.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/silver/03.jpg b/public/img/phones/apple-iphone-xs-max/silver/03.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/silver/04.jpg b/public/img/phones/apple-iphone-xs-max/silver/04.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/spacegray/00.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/00.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/spacegray/01.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/01.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/spacegray/02.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/02.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/spacegray/03.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/03.jpg
diff --git a/public/img/phones/apple-iphone-xs-max/spacegray/04.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/04.jpg
diff --git a/public/img/phones/apple-iphone-xs/gold/00.jpg b/public/img/phones/apple-iphone-xs/gold/00.jpg
diff --git a/public/img/phones/apple-iphone-xs/gold/01.jpg b/public/img/phones/apple-iphone-xs/gold/01.jpg
diff --git a/public/img/phones/apple-iphone-xs/gold/02.jpg b/public/img/phones/apple-iphone-xs/gold/02.jpg
diff --git a/public/img/phones/apple-iphone-xs/gold/03.jpg b/public/img/phones/apple-iphone-xs/gold/03.jpg
diff --git a/public/img/phones/apple-iphone-xs/gold/04.jpg b/public/img/phones/apple-iphone-xs/gold/04.jpg
diff --git a/public/img/phones/apple-iphone-xs/spacegray/00.jpg b/public/img/phones/apple-iphone-xs/spacegray/00.jpg
diff --git a/public/img/phones/apple-iphone-xs/spacegray/01.jpg b/public/img/phones/apple-iphone-xs/spacegray/01.jpg
diff --git a/public/img/phones/apple-iphone-xs/spacegray/02.jpg b/public/img/phones/apple-iphone-xs/spacegray/02.jpg
diff --git a/public/img/phones/apple-iphone-xs/spacegray/03.jpg b/public/img/phones/apple-iphone-xs/spacegray/03.jpg
diff --git a/public/img/phones/apple-iphone-xs/spacegray/04.jpg b/public/img/phones/apple-iphone-xs/spacegray/04.jpg
diff --git a/public/img/products/dell-streak-7.0.jpg → public/img/phones/dell-streak-7.0.jpg b/public/img/products/dell-streak-7.0.jpg → public/img/phones/dell-streak-7.0.jpg
diff --git a/public/img/products/dell-streak-7.1.jpg → public/img/phones/dell-streak-7.1.jpg b/public/img/products/dell-streak-7.1.jpg → public/img/phones/dell-streak-7.1.jpg
diff --git a/public/img/products/dell-streak-7.2.jpg → public/img/phones/dell-streak-7.2.jpg b/public/img/products/dell-streak-7.2.jpg → public/img/phones/dell-streak-7.2.jpg
diff --git a/public/img/products/dell-streak-7.3.jpg → public/img/phones/dell-streak-7.3.jpg b/public/img/products/dell-streak-7.3.jpg → public/img/phones/dell-streak-7.3.jpg
diff --git a/public/img/products/dell-streak-7.4.jpg → public/img/phones/dell-streak-7.4.jpg b/public/img/products/dell-streak-7.4.jpg → public/img/phones/dell-streak-7.4.jpg
diff --git a/public/img/products/dell-venue.0.jpg → public/img/phones/dell-venue.0.jpg b/public/img/products/dell-venue.0.jpg → public/img/phones/dell-venue.0.jpg
diff --git a/public/img/products/dell-venue.1.jpg → public/img/phones/dell-venue.1.jpg b/public/img/products/dell-venue.1.jpg → public/img/phones/dell-venue.1.jpg
diff --git a/public/img/products/dell-venue.2.jpg → public/img/phones/dell-venue.2.jpg b/public/img/products/dell-venue.2.jpg → public/img/phones/dell-venue.2.jpg
diff --git a/public/img/products/dell-venue.3.jpg → public/img/phones/dell-venue.3.jpg b/public/img/products/dell-venue.3.jpg → public/img/phones/dell-venue.3.jpg
diff --git a/public/img/products/dell-venue.4.jpg → public/img/phones/dell-venue.4.jpg b/public/img/products/dell-venue.4.jpg → public/img/phones/dell-venue.4.jpg
diff --git a/public/img/products/dell-venue.5.jpg → public/img/phones/dell-venue.5.jpg b/public/img/products/dell-venue.5.jpg → public/img/phones/dell-venue.5.jpg
diff --git a/...products/droid-2-global-by-motorola.0.jpg → ...g/phones/droid-2-global-by-motorola.0.jpg b/...products/droid-2-global-by-motorola.0.jpg → ...g/phones/droid-2-global-by-motorola.0.jpg
diff --git a/...products/droid-2-global-by-motorola.1.jpg → ...g/phones/droid-2-global-by-motorola.1.jpg b/...products/droid-2-global-by-motorola.1.jpg → ...g/phones/droid-2-global-by-motorola.1.jpg
diff --git a/...products/droid-2-global-by-motorola.2.jpg → ...g/phones/droid-2-global-by-motorola.2.jpg b/...products/droid-2-global-by-motorola.2.jpg → ...g/phones/droid-2-global-by-motorola.2.jpg
diff --git a/.../img/products/droid-pro-by-motorola.0.jpg → ...ic/img/phones/droid-pro-by-motorola.0.jpg b/.../img/products/droid-pro-by-motorola.0.jpg → ...ic/img/phones/droid-pro-by-motorola.0.jpg
diff --git a/.../img/products/droid-pro-by-motorola.1.jpg → ...ic/img/phones/droid-pro-by-motorola.1.jpg b/.../img/products/droid-pro-by-motorola.1.jpg → ...ic/img/phones/droid-pro-by-motorola.1.jpg
diff --git a/public/img/products/lg-axis.0.jpg → public/img/phones/lg-axis.0.jpg b/public/img/products/lg-axis.0.jpg → public/img/phones/lg-axis.0.jpg
diff --git a/public/img/products/lg-axis.1.jpg → public/img/phones/lg-axis.1.jpg b/public/img/products/lg-axis.1.jpg → public/img/phones/lg-axis.1.jpg
diff --git a/public/img/products/lg-axis.2.jpg → public/img/phones/lg-axis.2.jpg b/public/img/products/lg-axis.2.jpg → public/img/phones/lg-axis.2.jpg
diff --git a/public/img/products/motorola-atrix-4g.0.jpg → public/img/phones/motorola-atrix-4g.0.jpg b/public/img/products/motorola-atrix-4g.0.jpg → public/img/phones/motorola-atrix-4g.0.jpg
diff --git a/public/img/products/motorola-atrix-4g.1.jpg → public/img/phones/motorola-atrix-4g.1.jpg b/public/img/products/motorola-atrix-4g.1.jpg → public/img/phones/motorola-atrix-4g.1.jpg
diff --git a/public/img/products/motorola-atrix-4g.2.jpg → public/img/phones/motorola-atrix-4g.2.jpg b/public/img/products/motorola-atrix-4g.2.jpg → public/img/phones/motorola-atrix-4g.2.jpg
diff --git a/public/img/products/motorola-atrix-4g.3.jpg → public/img/phones/motorola-atrix-4g.3.jpg b/public/img/products/motorola-atrix-4g.3.jpg → public/img/phones/motorola-atrix-4g.3.jpg
diff --git a/...oducts/motorola-bravo-with-motoblur.0.jpg → ...phones/motorola-bravo-with-motoblur.0.jpg b/...oducts/motorola-bravo-with-motoblur.0.jpg → ...phones/motorola-bravo-with-motoblur.0.jpg
diff --git a/...oducts/motorola-bravo-with-motoblur.1.jpg → ...phones/motorola-bravo-with-motoblur.1.jpg b/...oducts/motorola-bravo-with-motoblur.1.jpg → ...phones/motorola-bravo-with-motoblur.1.jpg
diff --git a/...oducts/motorola-bravo-with-motoblur.2.jpg → ...phones/motorola-bravo-with-motoblur.2.jpg b/...oducts/motorola-bravo-with-motoblur.2.jpg → ...phones/motorola-bravo-with-motoblur.2.jpg
diff --git a/...oducts/motorola-charm-with-motoblur.0.jpg → ...phones/motorola-charm-with-motoblur.0.jpg b/...oducts/motorola-charm-with-motoblur.0.jpg → ...phones/motorola-charm-with-motoblur.0.jpg
diff --git a/...oducts/motorola-charm-with-motoblur.1.jpg → ...phones/motorola-charm-with-motoblur.1.jpg b/...oducts/motorola-charm-with-motoblur.1.jpg → ...phones/motorola-charm-with-motoblur.1.jpg
diff --git a/...oducts/motorola-charm-with-motoblur.2.jpg → ...phones/motorola-charm-with-motoblur.2.jpg b/...oducts/motorola-charm-with-motoblur.2.jpg → ...phones/motorola-charm-with-motoblur.2.jpg
diff --git a/...roducts/motorola-defy-with-motoblur.0.jpg → .../phones/motorola-defy-with-motoblur.0.jpg b/...roducts/motorola-defy-with-motoblur.0.jpg → .../phones/motorola-defy-with-motoblur.0.jpg
diff --git a/...roducts/motorola-defy-with-motoblur.1.jpg → .../phones/motorola-defy-with-motoblur.1.jpg b/...roducts/motorola-defy-with-motoblur.1.jpg → .../phones/motorola-defy-with-motoblur.1.jpg
diff --git a/...roducts/motorola-defy-with-motoblur.2.jpg → .../phones/motorola-defy-with-motoblur.2.jpg b/...roducts/motorola-defy-with-motoblur.2.jpg → .../phones/motorola-defy-with-motoblur.2.jpg
diff --git a/...g/products/motorola-xoom-with-wi-fi.0.jpg → ...img/phones/motorola-xoom-with-wi-fi.0.jpg b/...g/products/motorola-xoom-with-wi-fi.0.jpg → ...img/phones/motorola-xoom-with-wi-fi.0.jpg
diff --git a/...g/products/motorola-xoom-with-wi-fi.1.jpg → ...img/phones/motorola-xoom-with-wi-fi.1.jpg b/...g/products/motorola-xoom-with-wi-fi.1.jpg → ...img/phones/motorola-xoom-with-wi-fi.1.jpg
diff --git a/...g/products/motorola-xoom-with-wi-fi.2.jpg → ...img/phones/motorola-xoom-with-wi-fi.2.jpg b/...g/products/motorola-xoom-with-wi-fi.2.jpg → ...img/phones/motorola-xoom-with-wi-fi.2.jpg
diff --git a/...g/products/motorola-xoom-with-wi-fi.3.jpg → ...img/phones/motorola-xoom-with-wi-fi.3.jpg b/...g/products/motorola-xoom-with-wi-fi.3.jpg → ...img/phones/motorola-xoom-with-wi-fi.3.jpg
diff --git a/...g/products/motorola-xoom-with-wi-fi.4.jpg → ...img/phones/motorola-xoom-with-wi-fi.4.jpg b/...g/products/motorola-xoom-with-wi-fi.4.jpg → ...img/phones/motorola-xoom-with-wi-fi.4.jpg
diff --git a/...g/products/motorola-xoom-with-wi-fi.5.jpg → ...img/phones/motorola-xoom-with-wi-fi.5.jpg b/...g/products/motorola-xoom-with-wi-fi.5.jpg → ...img/phones/motorola-xoom-with-wi-fi.5.jpg
diff --git a/public/img/products/motorola-xoom.0.jpg → public/img/phones/motorola-xoom.0.jpg b/public/img/products/motorola-xoom.0.jpg → public/img/phones/motorola-xoom.0.jpg
diff --git a/public/img/products/motorola-xoom.1.jpg → public/img/phones/motorola-xoom.1.jpg b/public/img/products/motorola-xoom.1.jpg → public/img/phones/motorola-xoom.1.jpg
diff --git a/public/img/products/motorola-xoom.2.jpg → public/img/phones/motorola-xoom.2.jpg b/public/img/products/motorola-xoom.2.jpg → public/img/phones/motorola-xoom.2.jpg
diff --git a/public/img/products/nexus-s.0.jpg → public/img/phones/nexus-s.0.jpg b/public/img/products/nexus-s.0.jpg → public/img/phones/nexus-s.0.jpg
diff --git a/public/img/products/nexus-s.1.jpg → public/img/phones/nexus-s.1.jpg b/public/img/products/nexus-s.1.jpg → public/img/phones/nexus-s.1.jpg
diff --git a/public/img/products/nexus-s.2.jpg → public/img/phones/nexus-s.2.jpg b/public/img/products/nexus-s.2.jpg → public/img/phones/nexus-s.2.jpg
diff --git a/public/img/products/nexus-s.3.jpg → public/img/phones/nexus-s.3.jpg b/public/img/products/nexus-s.3.jpg → public/img/phones/nexus-s.3.jpg
diff --git a/public/img/products/samsung-galaxy-tab.0.jpg → public/img/phones/samsung-galaxy-tab.0.jpg b/public/img/products/samsung-galaxy-tab.0.jpg → public/img/phones/samsung-galaxy-tab.0.jpg
diff --git a/public/img/products/samsung-galaxy-tab.1.jpg → public/img/phones/samsung-galaxy-tab.1.jpg b/public/img/products/samsung-galaxy-tab.1.jpg → public/img/phones/samsung-galaxy-tab.1.jpg
diff --git a/public/img/products/samsung-galaxy-tab.2.jpg → public/img/phones/samsung-galaxy-tab.2.jpg b/public/img/products/samsung-galaxy-tab.2.jpg → public/img/phones/samsung-galaxy-tab.2.jpg
diff --git a/public/img/products/samsung-galaxy-tab.3.jpg → public/img/phones/samsung-galaxy-tab.3.jpg b/public/img/products/samsung-galaxy-tab.3.jpg → public/img/phones/samsung-galaxy-tab.3.jpg
diff --git a/public/img/products/samsung-galaxy-tab.4.jpg → public/img/phones/samsung-galaxy-tab.4.jpg b/public/img/products/samsung-galaxy-tab.4.jpg → public/img/phones/samsung-galaxy-tab.4.jpg
diff --git a/public/img/products/samsung-galaxy-tab.5.jpg → public/img/phones/samsung-galaxy-tab.5.jpg b/public/img/products/samsung-galaxy-tab.5.jpg → public/img/phones/samsung-galaxy-tab.5.jpg
diff --git a/public/img/products/samsung-galaxy-tab.6.jpg → public/img/phones/samsung-galaxy-tab.6.jpg b/public/img/products/samsung-galaxy-tab.6.jpg → public/img/phones/samsung-galaxy-tab.6.jpg
diff --git a/public/img/products/samsung-gem.0.jpg → public/img/phones/samsung-gem.0.jpg b/public/img/products/samsung-gem.0.jpg → public/img/phones/samsung-gem.0.jpg
diff --git a/public/img/products/samsung-gem.1.jpg → public/img/phones/samsung-gem.1.jpg b/public/img/products/samsung-gem.1.jpg → public/img/phones/samsung-gem.1.jpg
diff --git a/public/img/products/samsung-gem.2.jpg → public/img/phones/samsung-gem.2.jpg b/public/img/products/samsung-gem.2.jpg → public/img/phones/samsung-gem.2.jpg
diff --git a/.../samsung-mesmerize-a-galaxy-s-phone.0.jpg → .../samsung-mesmerize-a-galaxy-s-phone.0.jpg b/.../samsung-mesmerize-a-galaxy-s-phone.0.jpg → .../samsung-mesmerize-a-galaxy-s-phone.0.jpg
diff --git a/.../samsung-mesmerize-a-galaxy-s-phone.1.jpg → .../samsung-mesmerize-a-galaxy-s-phone.1.jpg b/.../samsung-mesmerize-a-galaxy-s-phone.1.jpg → .../samsung-mesmerize-a-galaxy-s-phone.1.jpg
diff --git a/.../samsung-mesmerize-a-galaxy-s-phone.2.jpg → .../samsung-mesmerize-a-galaxy-s-phone.2.jpg b/.../samsung-mesmerize-a-galaxy-s-phone.2.jpg → .../samsung-mesmerize-a-galaxy-s-phone.2.jpg
diff --git a/.../samsung-mesmerize-a-galaxy-s-phone.3.jpg → .../samsung-mesmerize-a-galaxy-s-phone.3.jpg b/.../samsung-mesmerize-a-galaxy-s-phone.3.jpg → .../samsung-mesmerize-a-galaxy-s-phone.3.jpg
diff --git a/...s/samsung-showcase-a-galaxy-s-phone.0.jpg → ...s/samsung-showcase-a-galaxy-s-phone.0.jpg b/...s/samsung-showcase-a-galaxy-s-phone.0.jpg → ...s/samsung-showcase-a-galaxy-s-phone.0.jpg
diff --git a/...s/samsung-showcase-a-galaxy-s-phone.1.jpg → ...s/samsung-showcase-a-galaxy-s-phone.1.jpg b/...s/samsung-showcase-a-galaxy-s-phone.1.jpg → ...s/samsung-showcase-a-galaxy-s-phone.1.jpg
diff --git a/...s/samsung-showcase-a-galaxy-s-phone.2.jpg → ...s/samsung-showcase-a-galaxy-s-phone.2.jpg b/...s/samsung-showcase-a-galaxy-s-phone.2.jpg → ...s/samsung-showcase-a-galaxy-s-phone.2.jpg
diff --git a/public/img/products/samsung-transform.0.jpg → public/img/phones/samsung-transform.0.jpg b/public/img/products/samsung-transform.0.jpg → public/img/phones/samsung-transform.0.jpg
diff --git a/public/img/products/samsung-transform.1.jpg → public/img/phones/samsung-transform.1.jpg b/public/img/products/samsung-transform.1.jpg → public/img/phones/samsung-transform.1.jpg
diff --git a/public/img/products/samsung-transform.2.jpg → public/img/phones/samsung-transform.2.jpg b/public/img/products/samsung-transform.2.jpg → public/img/phones/samsung-transform.2.jpg
diff --git a/public/img/products/samsung-transform.3.jpg → public/img/phones/samsung-transform.3.jpg b/public/img/products/samsung-transform.3.jpg → public/img/phones/samsung-transform.3.jpg
diff --git a/public/img/products/samsung-transform.4.jpg → public/img/phones/samsung-transform.4.jpg b/public/img/products/samsung-transform.4.jpg → public/img/phones/samsung-transform.4.jpg
diff --git a/public/img/products/sanyo-zio.0.jpg → public/img/phones/sanyo-zio.0.jpg b/public/img/products/sanyo-zio.0.jpg → public/img/phones/sanyo-zio.0.jpg
diff --git a/public/img/products/sanyo-zio.1.jpg → public/img/phones/sanyo-zio.1.jpg b/public/img/products/sanyo-zio.1.jpg → public/img/phones/sanyo-zio.1.jpg
diff --git a/public/img/products/sanyo-zio.2.jpg → public/img/phones/sanyo-zio.2.jpg b/public/img/products/sanyo-zio.2.jpg → public/img/phones/sanyo-zio.2.jpg
diff --git a/public/img/products/t-mobile-g2.0.jpg → public/img/phones/t-mobile-g2.0.jpg b/public/img/products/t-mobile-g2.0.jpg → public/img/phones/t-mobile-g2.0.jpg
diff --git a/public/img/products/t-mobile-g2.1.jpg → public/img/phones/t-mobile-g2.1.jpg b/public/img/products/t-mobile-g2.1.jpg → public/img/phones/t-mobile-g2.1.jpg
diff --git a/public/img/products/t-mobile-g2.2.jpg → public/img/phones/t-mobile-g2.2.jpg b/public/img/products/t-mobile-g2.2.jpg → public/img/phones/t-mobile-g2.2.jpg
diff --git a/...ic/img/products/t-mobile-mytouch-4g.0.jpg → public/img/phones/t-mobile-mytouch-4g.0.jpg b/...ic/img/products/t-mobile-mytouch-4g.0.jpg → public/img/phones/t-mobile-mytouch-4g.0.jpg
diff --git a/...ic/img/products/t-mobile-mytouch-4g.1.jpg → public/img/phones/t-mobile-mytouch-4g.1.jpg b/...ic/img/products/t-mobile-mytouch-4g.1.jpg → public/img/phones/t-mobile-mytouch-4g.1.jpg
diff --git a/...ic/img/products/t-mobile-mytouch-4g.2.jpg → public/img/phones/t-mobile-mytouch-4g.2.jpg b/...ic/img/products/t-mobile-mytouch-4g.2.jpg → public/img/phones/t-mobile-mytouch-4g.2.jpg
diff --git a/...ic/img/products/t-mobile-mytouch-4g.3.jpg → public/img/phones/t-mobile-mytouch-4g.3.jpg b/...ic/img/products/t-mobile-mytouch-4g.3.jpg → public/img/phones/t-mobile-mytouch-4g.3.jpg
diff --git a/...ic/img/products/t-mobile-mytouch-4g.4.jpg → public/img/phones/t-mobile-mytouch-4g.4.jpg b/...ic/img/products/t-mobile-mytouch-4g.4.jpg → public/img/phones/t-mobile-mytouch-4g.4.jpg
diff --git a/...ic/img/products/t-mobile-mytouch-4g.5.jpg → public/img/phones/t-mobile-mytouch-4g.5.jpg b/...ic/img/products/t-mobile-mytouch-4g.5.jpg → public/img/phones/t-mobile-mytouch-4g.5.jpg
diff --git a/public/img/picthree.bdd2e0fc.png b/public/img/picthree.bdd2e0fc.png
diff --git a/public/index.html b/public/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" href="images/banner-phones.png" />
     <title>Phone catalog</title>
   </head>
   <body>

diff --git a/src/App.scss b/src/App.scss
@@ -1 +1,30 @@
-// not empty
+@font-face {
+  font-family: Mont-Regular;
+  src: url("../src/fonts/Mont-Regular.otf")  format("truetype");
+}
+@font-face {
+  font-family: Mont-SemiBold;
+  src: url("../src/fonts/Mont-SemiBold.otf")  format("truetype");
+}
+@font-face {
+  font-family: Mont-Bold;
+  src: url("../src/fonts/Mont-Bold.otf")  format("truetype");
+}
+
+html,
+body {
+  margin: 0;
+  scroll-behavior: smooth;
+}
+
+button {
+  cursor: pointer;
+}
+
+.App {
+  font-family: Mont-Regular, Arial, Helvetica, sans-serif;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,9 +1,147 @@
+import { FC, useEffect } from 'react';
+import {
+  Navigate, Route, Routes, useLocation,
+} from 'react-router-dom';
 import './App.scss';
 
-const App = () => (
-  <div className="App">
-    <h1>React Phone Catalog</h1>
-  </div>
-);
+import { Header } from './pages/components/Header';
+import { HomePage } from './pages/HomePage';
+import { PhonesPage } from './pages/PhonesPage';
+import { Footer } from './pages/components/Footer';
+import { ProductDetailsPage } from './pages/ProductDetailsPage';
+import { useAppDispatch, useAppSelector } from './app/hooks';
+import { incrementAsync as loadedPhones } from './features/phones/phonesSlice';
+import { FavoritesPage } from './pages/FavoritesPage';
+import { CardPage } from './pages/CardPage';
+import { TabletsPage } from './pages/TabletsPage';
+import {
+  incrementAsync as loadedProducts,
+} from './features/products/productsSlice';
+import { AccessoriesPage } from './pages/AccessoriesPage';
+import { searchBarSelector } from './app/selector';
+import { unsetSearchingValue } from './features/SearchBar/searchBarSlice';
 
-export default App;
+export const App: FC = () => {
+  const dispatch = useAppDispatch();
+  const locationPathName = useLocation().pathname;
+  const searchBarValue = useAppSelector(searchBarSelector);
+
+  useEffect(() => {
+    if (searchBarValue) {
+      dispatch(unsetSearchingValue());
+    }
+  }, [locationPathName]);
+
+  useEffect(() => {
+    dispatch(loadedPhones());
+    dispatch(loadedProducts());
+  }, []);
+
+  return (
+    <div className="App">
+      <Routes>
+        <Route
+          path="/"
+          element={(
+            <>
+              <Header />
+              <HomePage />
+              <Footer />
+            </>
+          )}
+        />
+        <Route path="home" element={<Navigate to="/" replace />} />
+        <Route path="phones">
+          <Route
+            index
+            element={(
+              <>
+                <Header />
+                <PhonesPage />
+                <Footer />
+              </>
+            )}
+          />
+          <Route
+            path="/phones/:productId"
+            element={(
+              <>
+                <Header />
+                <ProductDetailsPage />
+                <Footer />
+              </>
+            )}
+          />
+        </Route>
+        <Route path="tablets">
+          <Route
+            index
+            element={(
+              <>
+                <Header />
+                <TabletsPage />
+                <Footer />
+              </>
+            )}
+          />
+          <Route
+            path="/tablets/:productId"
+            element={(
+              <>
+                <Header />
+                <ProductDetailsPage />
+                <Footer />
+              </>
+            )}
+          />
+        </Route>
+        <Route path="accessories">
+          <Route
+            index
+            element={(
+              <>
+                <Header />
+                <AccessoriesPage />
+                <Footer />
+              </>
+            )}
+          />
+          <Route
+            path="/accessories/:productId"
+            element={(
+              <>
+                <Header />
+                <ProductDetailsPage />
+                <Footer />
+              </>
+            )}
+          />
+        </Route>
+        <Route
+          path="favorites"
+          element={(
+            <>
+              <Header />
+              <FavoritesPage />
+              <Footer />
+            </>
+          )}
+        />
+        <Route
+          path="card"
+          element={(
+            <>
+              <Header />
+              <CardPage />
+              <Footer />
+            </>
+          )}
+        />
+        <Route
+          path="*"
+          element={<h1 className="title">Page not found</h1>}
+        />
+      </Routes>
+    </div>
+  );
+};