diff --git a/README.md b/README.md
index efb45c226a..699e76fd7a 100644
--- a/README.md
+++ b/README.md
@@ -1,118 +1,69 @@
-# React Phone catalog
-- If you work alone follow the [React task guideline](https://github.com/mate-academy/react_task-guideline#react-tasks-guideline)
-- If you work in a team follow the [Work in a team guideline](https://github.com/mate-academy/react_task-guideline/blob/master/team-flow.md#how-to-work-in-a-team)
-
-## Description
-Implement Products catalog following [this design](https://www.figma.com/file/uEetgWenSRxk9jgiym6Yzp/Phone-catalog-redesign?node-id=1%3A2).
-
-Use [products](https://mate-academy.github.io/react_phone-catalog/api/products.json)
-and [product details](https://mate-academy.github.io/react_phone-catalog/api/products/dell-streak-7.json)
-tо fetch data (use actual `productId` as a last part of the URL before `.json`).
-
-Store the Cart in the `localStorage`
-
-## Tasks
-- Create `pages`, `components` and `helpers` folders to structure your app
-- Use `scss` files per component
-- Use component names as BEM block names with all the other BEM rules applied
-
-### App
-1. Add `<header>` with links to all the pages
-    - The `Logo` and the `Nav` are aligned left
-    - The `Favorites` and the `Cart` are aligned right
-1. Use `NavLink` to highlight current page in `Header`
-1. Add `<footer>`
-    - Footer content is limited to the same width as the page content
-    - Add the link to the Github repo
-    - (*) Implement `Back to top` button
-
-### Home page
-1. Create `HomePage` available at `/` with just a title `Home page`
-1. Fetch products from API
-    - Each product has a `type`: `phone`, `tablet` or `accessory`
-    - `price` is given before `discount`
-    - `discount` is give in percents `%`
-    - `age` is used to sort by `Newest`
-    - `id` is required to fetch product details
-1. Create `ProductsSlider` component and use it in `Hot prices` block
-    - Create `getHotPriceProducts` method fetching products with discount from API
-      sorted by absolute discount value (not percentage given in API)
-    - For now do all the filtering and sorting on client side
-    - Create `ProductCard` component to use it everywhere and add `data-cy="cardsContainer"` attribute to the container of these elements
-    - Add ability to use `<` and `>` buttons to scroll products.
-1. Add `Brand new` block using `ProductsSlider`
-    - Create `getBrandNewProducts` method fetching products without a discount from the API starting from the most expensive
-1. Add `Shop by category` block with the links to `/phones`, `/tablets` and `/accessories`. Add `data-cy="categoryLinksContainer"`
-to links container.
-1. Replace the `Home page` title with slider and use for picture element of this slider
-    - User can change pictures with buttons infinitely
-    - (*) Swipe pictures every 5 seconds
-
-### Phones page
-1. Create `PhonesPage` available at `/phones` with a `<h1>` title `Mobile phones`
-    - Create `getPhones` API call fetching the products with the `type`: `phone`
-1. Add `ProductsList` with `data-cy="productList"` attribute showing all the `phones`
-1. Implement a `Loader` to show it while waiting for the data from server
-1. Add ability to sort the products by `age` (`Newest`, `value="age"`), `name` (`Alphabetically`, `value="name"`) and `price` (`Cheapest`, `value="price"`) using `<select>` element.
-    - (*) save sort order in the URL `?sort=age` and apply it after the page reload
-1. Add `Pagination` using `data-cy="pagination"` for it's components container and `Items on page` using `<select>` element with `4`, `8`, `16` and `all` options. Add attributes `data-cy="paginationLeft"` and `data-cy="paginationRight"` to pagination buttons
-    - It should limit the products you show to the user
-    - Read [the description](https://github.com/mate-academy/react_pagination#react-pagination) for more detailed explanation
-    - Hide all the pagination elements if there are a few items (less than 1 smallest page size)
-    - (*) Save `?page=2&perPage=8` in the URL and apply them after the page reload
-
-## Tablets and accessories
-1. Create `TabletsPage` page with `<h1>` title `Tablets` available at `/tablets` working the same way as `PhonesPage`
-    - Create `getTablets` method fetching the products with `type`: `tablet`
-1. Create `AccessoriesPage` with `<h1>` title `Accessories` page available at `/accessories` working the same way as `PhonesPage`
-    - Create `getAccessories` method fetching the products with `type`: `accessory`
-    - Implement `NoResults` component displayed if there are no products available containing text `<Category name> not found`
-
-### Product details page
-1. Create `ProductDetailsPage` available at `/product/:productId`
-    - `ProductCard` should be a link to the details page
-1. Fetch phone details from API taking the `phoneId` from the URL
-    - Use `Loader` when fetching the details
-1. Show the details on the page
-    - Hide `Available colors` and `Select capacity` for now
-    - `About` section with `data-cy="productDescription"` should contain just a description (without any subheaders)
-    - Choose `Tech specs` you want to show
-1. Add ability to choose a picture
-1. Implement `You may also like` block with products chosen randomly
-    - create `getSuggestedProducts` method fetching the suggested products
-1. Add `Back` button with `data-cy="backButton"` attribute working the same way as a Browser `Back` button
-1. Add `Breadcrumbs` at the top with `data-cy="breadCrumbs"` attribute in elements container
-    - The last part is a plain text all the other ones are links
-
-### Cart
-1. Implement `CartPage` storing an array of `CartItems`
-    - Each item should have `id`, `quantity` and a `product`
-1. `Add to cart` button in `ProductCart` should add a product to the `Cart`
-1. If the product is already in the `Cart` the button should say `Added to cart`
-1. Implement `Cart` helper storing the items in memory and having all the required methods.
-  Later on it will interact with the API
-1. Add ability to remove items from the `Cart` with a `x` button. Add `data-cy="cartDeleteButton"` attribute to the `<button>` element.
-1. Add message `Your cart is empty` when there are no products in the `Cart`
-1. Add ability to change the quantity in the `Cart` with buttons containing symbols `-` and `+` around the quantity.
-1. Total amount and quantity should be calculated automatically. The element showing the quantity should have `data-cy="productQauntity"` attribute.
-1. `Checkout` button should show the message `We are sorry, but this feature is not implemented yet` after clicking.
-1. (*) Show the total quantity near the `Cart` icon in the header.
-1. (*) Save the `Cart` to the `localSotrage` on each change and read it on page load.
-
-### Favorites
-1. Create `FavoritesPage` it should show the `ProductsList` with all the favorite products
-1. Add ability to add/remove favorite products by pressing a hart and add `data-cy="addToFavorite"` attribute to this `<button>` element.
-1. (*) Show the favorites count near the `Favorites` icon in the header
-
-### Search
-1. Add a `Search` component with an input into the `<header>` to filter products
-1. It should be shown only at `/phones`, `/tablets`, `/accessories` and `/favorites` with an appropriate text
-1. The `x` sign with `data-cy="searchDelete"` attribute appears when the query is not empty and clears the search
-1. It should work with pagination and sorting
-1. (*) Add `debounce` to the search field
-1. (*) Save `Search` params in the URL using `queryParams` (`?query=moto`) and apply them on page load
-1. (*) Implement `NoSearchResults` component and show it when there are no products matching the query
-
-### Other tasks
-1. Add `NotFoundPage` containing text `Page not found` for all the other URLs with the link to `HomePage`
-1. Implement `Phone was not found` state for the `PhoneDetailsPage` if there is no phone with a given `phoneId` on the server
+# Online gadgets store
+
+A single-page application implements online store functionality. User can browse products, add them to the cart and favorites, search products, sort products, change the quantity of products in the cart, and view product details.
+
+# [DEMO](https://anastasiya145.github.io/react_phone-catalog/)
+
+# Table of contents
+
+- [Technologies used](#technologies-used)
+- [Structure](#structure)
+- [Features & Functionality](#features--functionality)
+
+# Technologies used
+
+- React.js
+- React Router(v6)
+- JSX
+- TypeScript
+- JavaScript
+- Fetch, API
+- Sass (SCSS)
+- BEM methodology
+
+# Structure
+
+App is built using functional components and React Hooks.
+Each component is abstract and fully reusable. Components are styled using Sass (SCSS).
+BEM methodology is used for naming and styling.
+
+# Features & Functionality
+
+## App
+
+- App is responsive and works on all screen sizes.
+- Navigation is implemented using React Router.
+
+## Home page
+
+- Products sliders with the ability to scroll products by clicking on the arrows. Sliders are responsive and change the number of products displayed depending on the screen size. Products are fetched from the server.
+
+## Catalog pages
+
+- Products are fetched from the server by category.
+- Ability to sort products by name, price, and age is implemented.
+- All sorting parameters are saved in the URL.
+
+- Pagination is implemented. The number of products displayed on the page can be changed by the user.
+- Search and filter products by name is implemented.
+- Debounce function is used to prevent the server from being overloaded with requests.
+
+## Product details page
+
+- Product details are fetched from the server.
+- User can pick a color and capacity of the product.
+- Photos of the product can be changed by clicking on the thumbnails.
+- User can add the product to the cart or favorites.
+
+## Cart page
+
+- User can change the quantity of products in the cart and remove products from the cart.
+- Cart items count is shown near the Cart icon in the header.
+- Total amount and quantity are calculated automatically.
+- Cart items are saved in the local storage.
+
+## Favorites page
+
+- User can add products to favorites and remove them from favorites.
+- Favorites count is shown near the Favorites icon in the header.
+- Favorites are saved in the local storage.
diff --git a/package-lock.json b/package-lock.json
index 3f3efaac38..a7fad843d1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2121,9 +2121,9 @@
       }
     },
     "@mate-academy/scripts": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@mate-academy/scripts/-/scripts-1.2.0.tgz",
-      "integrity": "sha512-tQJkIK7KlRHSXkNiI79yGoSFAocFFY765RHOvCoPjCmLjLWeKVx9MY0x2rFMnnneg83rvcvGdVg9DvvUqRXfag==",
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@mate-academy/scripts/-/scripts-1.2.8.tgz",
+      "integrity": "sha512-MqvuqrG8UUzQkRc375ZUIOd23nJ0BYqae/Nn5t01aDutSqZnz1ye65W4sLHiSuQJGIuHRO0CEyJxAO72wX1efw==",
       "dev": true,
       "requires": {
         "@octokit/rest": "^17.11.2",
@@ -2264,12 +2264,12 @@
       },
       "dependencies": {
         "@octokit/types": {
-          "version": "6.34.0",
-          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.34.0.tgz",
-          "integrity": "sha512-s1zLBjWhdEI2zwaoSgyOFoKSl109CUcVBCc7biPJ3aAf6LGLU6szDvi31JPU7bxfla2lqfhjbbg/5DdFNxOwHw==",
+          "version": "6.41.0",
+          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.41.0.tgz",
+          "integrity": "sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==",
           "dev": true,
           "requires": {
-            "@octokit/openapi-types": "^11.2.0"
+            "@octokit/openapi-types": "^12.11.0"
           }
         }
       }
@@ -2300,12 +2300,12 @@
       },
       "dependencies": {
         "@octokit/types": {
-          "version": "6.34.0",
-          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.34.0.tgz",
-          "integrity": "sha512-s1zLBjWhdEI2zwaoSgyOFoKSl109CUcVBCc7biPJ3aAf6LGLU6szDvi31JPU7bxfla2lqfhjbbg/5DdFNxOwHw==",
+          "version": "6.41.0",
+          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.41.0.tgz",
+          "integrity": "sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==",
           "dev": true,
           "requires": {
-            "@octokit/openapi-types": "^11.2.0"
+            "@octokit/openapi-types": "^12.11.0"
           }
         },
         "is-plain-object": {
@@ -2334,12 +2334,12 @@
       },
       "dependencies": {
         "@octokit/types": {
-          "version": "6.34.0",
-          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.34.0.tgz",
-          "integrity": "sha512-s1zLBjWhdEI2zwaoSgyOFoKSl109CUcVBCc7biPJ3aAf6LGLU6szDvi31JPU7bxfla2lqfhjbbg/5DdFNxOwHw==",
+          "version": "6.41.0",
+          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.41.0.tgz",
+          "integrity": "sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==",
           "dev": true,
           "requires": {
-            "@octokit/openapi-types": "^11.2.0"
+            "@octokit/openapi-types": "^12.11.0"
           }
         },
         "universal-user-agent": {
@@ -2351,27 +2351,27 @@
       }
     },
     "@octokit/openapi-types": {
-      "version": "11.2.0",
-      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-11.2.0.tgz",
-      "integrity": "sha512-PBsVO+15KSlGmiI8QAzaqvsNlZlrDlyAJYcrXBCvVUxCp7VnXjkwPoFHgjEJXx3WF9BAwkA6nfCUA7i9sODzKA==",
+      "version": "12.11.0",
+      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-12.11.0.tgz",
+      "integrity": "sha512-VsXyi8peyRq9PqIz/tpqiL2w3w80OgVMwBHltTml3LmVvXiphgeqmY9mvBw9Wu7e0QWk/fqD37ux8yP5uVekyQ==",
       "dev": true
     },
     "@octokit/plugin-paginate-rest": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-2.17.0.tgz",
-      "integrity": "sha512-tzMbrbnam2Mt4AhuyCHvpRkS0oZ5MvwwcQPYGtMv4tUa5kkzG58SVB0fcsLulOZQeRnOgdkZWkRUiyBlh0Bkyw==",
+      "version": "2.21.3",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-2.21.3.tgz",
+      "integrity": "sha512-aCZTEf0y2h3OLbrgKkrfFdjRL6eSOo8komneVQJnYecAxIej7Bafor2xhuDJOIFau4pk0i/P28/XgtbyPF0ZHw==",
       "dev": true,
       "requires": {
-        "@octokit/types": "^6.34.0"
+        "@octokit/types": "^6.40.0"
       },
       "dependencies": {
         "@octokit/types": {
-          "version": "6.34.0",
-          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.34.0.tgz",
-          "integrity": "sha512-s1zLBjWhdEI2zwaoSgyOFoKSl109CUcVBCc7biPJ3aAf6LGLU6szDvi31JPU7bxfla2lqfhjbbg/5DdFNxOwHw==",
+          "version": "6.41.0",
+          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.41.0.tgz",
+          "integrity": "sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==",
           "dev": true,
           "requires": {
-            "@octokit/openapi-types": "^11.2.0"
+            "@octokit/openapi-types": "^12.11.0"
           }
         }
       }
@@ -2418,12 +2418,12 @@
       },
       "dependencies": {
         "@octokit/types": {
-          "version": "6.34.0",
-          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.34.0.tgz",
-          "integrity": "sha512-s1zLBjWhdEI2zwaoSgyOFoKSl109CUcVBCc7biPJ3aAf6LGLU6szDvi31JPU7bxfla2lqfhjbbg/5DdFNxOwHw==",
+          "version": "6.41.0",
+          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.41.0.tgz",
+          "integrity": "sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==",
           "dev": true,
           "requires": {
-            "@octokit/openapi-types": "^11.2.0"
+            "@octokit/openapi-types": "^12.11.0"
           }
         },
         "is-plain-object": {
@@ -2452,12 +2452,12 @@
       },
       "dependencies": {
         "@octokit/types": {
-          "version": "6.34.0",
-          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.34.0.tgz",
-          "integrity": "sha512-s1zLBjWhdEI2zwaoSgyOFoKSl109CUcVBCc7biPJ3aAf6LGLU6szDvi31JPU7bxfla2lqfhjbbg/5DdFNxOwHw==",
+          "version": "6.41.0",
+          "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.41.0.tgz",
+          "integrity": "sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==",
           "dev": true,
           "requires": {
-            "@octokit/openapi-types": "^11.2.0"
+            "@octokit/openapi-types": "^12.11.0"
           }
         }
       }
@@ -2503,6 +2503,11 @@
         }
       }
     },
+    "@remix-run/router": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.7.1.tgz",
+      "integrity": "sha512-bgVQM4ZJ2u2CM8k1ey70o1ePFXsEzYVZoWghh6WjM8p59jQ7HxzbHW4SbnWFG7V9ig9chLawQxDTZ3xzOF8MkQ=="
+    },
     "@rollup/plugin-node-resolve": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz",
@@ -2569,9 +2574,9 @@
       }
     },
     "@sinonjs/text-encoding": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.1.tgz",
-      "integrity": "sha512-+iTbntw2IZPb/anVDbypzfQa+ay64MW0Zo8aJ8gZPWMMK6/OubMVb6lUPMagqjOPnmtauXnFCACVl3O7ogjeqQ==",
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.2.tgz",
+      "integrity": "sha512-sXXKG+uL9IrKqViTtao2Ws6dy0znu9sOaP1di/jKGW1M6VssO8vlpXCQcpZ+jisQ1tTFAC5Jo/EOzFbggBagFQ==",
       "dev": true
     },
     "@stylelint/postcss-css-in-js": {
@@ -2900,6 +2905,15 @@
         "@types/react": "*"
       }
     },
+    "@types/react-slick": {
+      "version": "0.23.10",
+      "resolved": "https://registry.npmjs.org/@types/react-slick/-/react-slick-0.23.10.tgz",
+      "integrity": "sha512-ZiqdencANDZy6sWOWJ54LDvebuXFEhDlHtXU9FFipQR2BcYU2QJxZhvJPW6YK7cocibUiNn+YvDTbt1HtCIBVA==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
     "@types/resolve": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -4142,9 +4156,9 @@
       }
     },
     "before-after-hook": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-2.2.2.tgz",
-      "integrity": "sha512-3pZEU3NT5BFUo/AD5ERPWOgQOCZITni6iavr5AUw5AUwQjMlI0kzu5btnyD39AF0gUEsDPwJT+oY1ORBJijPjQ==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-2.2.3.tgz",
+      "integrity": "sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==",
       "dev": true
     },
     "bfj": {
@@ -4779,6 +4793,11 @@
         }
       }
     },
+    "classnames": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
+      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
+    },
     "clean-css": {
       "version": "4.2.4",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
@@ -6506,6 +6525,11 @@
         }
       }
     },
+    "enquire.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/enquire.js/-/enquire.js-2.1.6.tgz",
+      "integrity": "sha512-/KujNpO+PT63F7Hlpu4h3pE3TokKRHN26JYmQpPyjkRD/N57R7bPDNojMXdi7uveAKjYB7yQnartCxZnFWr0Xw=="
+    },
     "enquirer": {
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
@@ -9716,6 +9740,11 @@
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
       "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ=="
     },
+    "immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
+    },
     "immer": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/immer/-/immer-8.0.1.tgz",
@@ -11998,6 +12027,14 @@
       "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
       "dev": true
     },
+    "json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "requires": {
+        "string-convert": "^0.2.0"
+      }
+    },
     "json5": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
@@ -12105,6 +12142,14 @@
         "type-check": "~0.4.0"
       }
     },
+    "lie": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz",
+      "integrity": "sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==",
+      "requires": {
+        "immediate": "~3.0.5"
+      }
+    },
     "lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
@@ -12193,6 +12238,14 @@
         "json5": "^2.1.2"
       }
     },
+    "localforage": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz",
+      "integrity": "sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==",
+      "requires": {
+        "lie": "3.1.1"
+      }
+    },
     "locate-path": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@@ -12219,7 +12272,7 @@
     "lodash.get": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
-      "integrity": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk=",
+      "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
       "dev": true
     },
     "lodash.isempty": {
@@ -12402,9 +12455,9 @@
       "integrity": "sha512-WY9wjJNQt9+PZilnLbuFKM+SwDull9+6IAguOrarOMoOHTcJ9GnXSO11+Gw6c7xtDkBkthR57OZMtZKYr+1CEw=="
     },
     "macos-release": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/macos-release/-/macos-release-2.5.0.tgz",
-      "integrity": "sha512-EIgv+QZ9r+814gjJj0Bt5vSLJLzswGmSUbUpbi9AIr/fsN2IWFBl2NucV9PAiek+U1STK468tEkxmVYUtuAN3g==",
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/macos-release/-/macos-release-2.5.1.tgz",
+      "integrity": "sha512-DXqXhEM7gW59OjZO8NIjBCz9AQ1BEMrfiOAl4AYByHCtVHRF4KoGNO8mqQeM8lRCtQe/UnJ4imO/d2HdkKsd+A==",
       "dev": true
     },
     "magic-string": {
@@ -12458,6 +12511,15 @@
         "object-visit": "^1.0.0"
       }
     },
+    "match-sorter": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/match-sorter/-/match-sorter-6.3.1.tgz",
+      "integrity": "sha512-mxybbo3pPNuA+ZuCUhm5bwNkXrJTbsk5VWbR5wiwz/GC6LIiegBGn2w3O08UG/jdbYLinw51fSQ5xNU1U3MgBw==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "remove-accents": "0.4.2"
+      }
+    },
     "mathml-tag-names": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
@@ -13267,7 +13329,7 @@
         "isarray": {
           "version": "0.0.1",
           "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
           "dev": true
         },
         "path-to-regexp": {
@@ -13298,9 +13360,9 @@
       }
     },
     "node-fetch": {
-      "version": "2.6.7",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
-      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.12.tgz",
+      "integrity": "sha512-C/fGU2E8ToujUivIO0H+tpQ6HWo4eEmchoPIoXtxCrVghxdKq+QOHqEZW7tuP3KlV3bC8FRMO5nMCC7Zm1VP6g==",
       "dev": true,
       "requires": {
         "whatwg-url": "^5.0.0"
@@ -13309,19 +13371,19 @@
         "tr46": {
           "version": "0.0.3",
           "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-          "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=",
+          "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
           "dev": true
         },
         "webidl-conversions": {
           "version": "3.0.1",
           "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-          "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=",
+          "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
           "dev": true
         },
         "whatwg-url": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-          "integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
+          "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
           "dev": true,
           "requires": {
             "tr46": "~0.0.3",
@@ -13698,6 +13760,11 @@
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
       "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
     },
+    "object-path": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.6.0.tgz",
+      "integrity": "sha512-fxrwsCFi3/p+LeLOAwo/wyRMODZxdGBtUlWRzsEpsUVrisZbEfZ21arxLGfaWfcnqb8oHPNihIb4XPE8CQPN5A=="
+    },
     "object-visit": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
@@ -15808,6 +15875,23 @@
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
       "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
     },
+    "react-router": {
+      "version": "6.14.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.14.1.tgz",
+      "integrity": "sha512-U4PfgvG55LdvbQjg5Y9QRWyVxIdO1LlpYT7x+tMAxd9/vmiPuJhIwdxZuIQLN/9e3O4KFDHYfR9gzGeYMasW8g==",
+      "requires": {
+        "@remix-run/router": "1.7.1"
+      }
+    },
+    "react-router-dom": {
+      "version": "6.14.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.14.1.tgz",
+      "integrity": "sha512-ssF6M5UkQjHK70fgukCJyjlda0Dgono2QGwqGvuk7D+EDGHdacEN3Yke2LTMjkrpHuFwBfDFsEjGVXBDmL+bWw==",
+      "requires": {
+        "@remix-run/router": "1.7.1",
+        "react-router": "6.14.1"
+      }
+    },
     "react-scripts": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-4.0.3.tgz",
@@ -15901,6 +15985,23 @@
         }
       }
     },
+    "react-slick": {
+      "version": "0.29.0",
+      "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.29.0.tgz",
+      "integrity": "sha512-TGdOKE+ZkJHHeC4aaoH85m8RnFyWqdqRfAGkhd6dirmATXMZWAxOpTLmw2Ll/jPTQ3eEG7ercFr/sbzdeYCJXA==",
+      "requires": {
+        "classnames": "^2.2.5",
+        "enquire.js": "^2.1.6",
+        "json2mq": "^0.2.0",
+        "lodash.debounce": "^4.0.8",
+        "resize-observer-polyfill": "^1.5.0"
+      }
+    },
+    "react-use-localstorage": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/react-use-localstorage/-/react-use-localstorage-3.5.3.tgz",
+      "integrity": "sha512-1oNvJmo72G4v5P9ytJZZTb6ywD3UzWBiainTtfbNlb+U08hc+SOD5HqgiLTKUF0MxGcIR9JSnZGmBttNLXaQYA=="
+    },
     "read-pkg": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -16108,6 +16209,11 @@
         "mdast-util-to-markdown": "^0.6.0"
       }
     },
+    "remove-accents": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.4.2.tgz",
+      "integrity": "sha512-7pXIJqJOq5tFgG1A2Zxti3Ht8jJF337m4sowbuHsW30ZnkQFnDzy9qBNhgzX8ZLW4+UBcXiiR7SwR6pokHsxiA=="
+    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -16315,6 +16421,11 @@
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.18.1",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.18.1.tgz",
@@ -17203,6 +17314,11 @@
         }
       }
     },
+    "slick-carousel": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz",
+      "integrity": "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA=="
+    },
     "snapdragon": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
@@ -17345,6 +17461,14 @@
         }
       }
     },
+    "sort-by": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/sort-by/-/sort-by-1.2.0.tgz",
+      "integrity": "sha512-aRyW65r3xMnf4nxJRluCg0H/woJpksU1dQxRtXYzau30sNBOmf5HACpDd9MZDhKh7ALQ5FgSOfMPwZEtUmMqcg==",
+      "requires": {
+        "object-path": "0.6.0"
+      }
+    },
     "sort-keys": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
@@ -17613,6 +17737,11 @@
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
       "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
     },
+    "string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="
+    },
     "string-length": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
diff --git a/package.json b/package.json
index b554f8b8b0..9445f99b95 100755
--- a/package.json
+++ b/package.json
@@ -1,28 +1,37 @@
 {
   "name": "react_phone-catalog",
-  "homepage": ".",
+  "homepage": "https://anastasiya145.github.io/react_phone-catalog",
   "version": "0.1.0",
   "keywords": [],
-  "author": "Mate Academy",
+  "author": "Anastasiya Ivanova",
   "license": "GPL-3.0",
   "dependencies": {
     "@cypress/react": "^5.12.4",
     "bulma": "^0.9.3",
+    "classnames": "^2.3.2",
+    "localforage": "^1.10.0",
+    "match-sorter": "^6.3.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-scripts": "^4.0.3"
+    "react-router-dom": "^6.14.1",
+    "react-scripts": "^4.0.3",
+    "react-slick": "^0.29.0",
+    "react-use-localstorage": "^3.5.3",
+    "slick-carousel": "^1.8.1",
+    "sort-by": "^1.2.0"
   },
   "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-slick": "^0.23.10",
     "cypress": "^9.5.3",
     "eslint": "^7.32.0",
     "eslint-plugin-cypress": "^2.11.2",
diff --git a/public/_new/img/banner-accessories.png b/public/_new/img/banner-accessories.png
deleted file mode 100644
index 28b5c4c99a..0000000000
Binary files a/public/_new/img/banner-accessories.png and /dev/null differ
diff --git a/public/_new/img/banner-phones.png b/public/_new/img/banner-phones.png
deleted file mode 100644
index 09b0654881..0000000000
Binary files a/public/_new/img/banner-phones.png and /dev/null differ
diff --git a/public/_new/img/banner-tablets.png b/public/_new/img/banner-tablets.png
deleted file mode 100644
index 45e303b668..0000000000
Binary files a/public/_new/img/banner-tablets.png and /dev/null differ
diff --git a/public/_new/img/category-accessories.png b/public/_new/img/category-accessories.png
deleted file mode 100644
index 67c5bfdb35..0000000000
Binary files a/public/_new/img/category-accessories.png and /dev/null differ
diff --git a/public/_new/img/category-phones.png b/public/_new/img/category-phones.png
deleted file mode 100644
index fd7616042f..0000000000
Binary files a/public/_new/img/category-phones.png and /dev/null differ
diff --git a/public/_new/img/category-tablets.png b/public/_new/img/category-tablets.png
deleted file mode 100644
index 57e33c5807..0000000000
Binary files a/public/_new/img/category-tablets.png and /dev/null differ
diff --git a/public/_new/img/picthree.bdd2e0fc.png b/public/_new/img/picthree.bdd2e0fc.png
deleted file mode 100644
index 28b5c4c99a..0000000000
Binary files a/public/_new/img/picthree.bdd2e0fc.png and /dev/null differ
diff --git a/public/_new/products.json b/public/_new/products.json
deleted file mode 100644
index 32b56daa5c..0000000000
--- a/public/_new/products.json
+++ /dev/null
@@ -1,1067 +0,0 @@
-[
-  {
-    "id": "1",
-    "category": "phones",
-    "phoneId": "apple-iphone-7-32gb-black",
-    "itemId": "apple-iphone-7-32gb-black",
-    "name": "Apple iPhone 7 32GB Black",
-    "fullPrice": 400,
-    "price": 375,
-    "screen": "4.7' IPS",
-    "capacity": "32GB",
-    "color": "black",
-    "ram": "2GB",
-    "year": 2016,
-    "image": "img/phones/apple-iphone-7/black/00.jpg"
-  },
-  {
-    "id": "2",
-    "category": "phones",
-    "phoneId": "apple-iphone-7-plus-32gb-black",
-    "itemId": "apple-iphone-7-plus-32gb-black",
-    "name": "Apple iPhone 7 Plus 32GB Black",
-    "fullPrice": 540,
-    "price": 500,
-    "screen": "5.5' IPS",
-    "capacity": "32GB",
-    "color": "black",
-    "ram": "3GB",
-    "year": 2016,
-    "image": "img/phones/apple-iphone-7-plus/black/00.jpg"
-  },
-  {
-    "id": "3",
-    "category": "phones",
-    "phoneId": "apple-iphone-8-64gb-gold",
-    "itemId": "apple-iphone-8-64gb-gold",
-    "name": "Apple iPhone 8 64GB Gold",
-    "fullPrice": 600,
-    "price": 550,
-    "screen": "4.7' IPS",
-    "capacity": "64GB",
-    "color": "gold",
-    "ram": "2GB",
-    "year": 2017,
-    "image": "img/phones/apple-iphone-8/gold/00.jpg"
-  },
-  {
-    "id": "4",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-64gb-black",
-    "itemId": "apple-iphone-11-64gb-black",
-    "name": "Apple iPhone 11 64GB Black",
-    "fullPrice": 932,
-    "price": 880,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "black",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/black/00.jpg"
-  },
-  {
-    "id": "5",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-128gb-yellow",
-    "itemId": "apple-iphone-11-128gb-yellow",
-    "name": "Apple iPhone 11 128GB Yellow",
-    "fullPrice": 1100,
-    "price": 1050,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "yellow",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/yellow/00.jpg"
-  },
-  {
-    "id": "6",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-256gb-green",
-    "itemId": "apple-iphone-11-256gb-green",
-    "name": "Apple iPhone 11 256GB Green",
-    "fullPrice": 1172,
-    "price": 1115,
-    "screen": "6.1' IPS",
-    "capacity": "256GB",
-    "color": "green",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/green/00.jpg"
-  },
-  {
-    "id": "7",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-64gb-gold",
-    "itemId": "apple-iphone-11-pro-64gb-gold",
-    "name": "Apple iPhone 11 Pro 64GB Gold",
-    "fullPrice": 1312,
-    "price": 1270,
-    "screen": "5.8' OLED",
-    "capacity": "64GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/gold/00.jpg"
-  },
-  {
-    "id": "8",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-256gb-midnightgreen",
-    "itemId": "apple-iphone-11-pro-256gb-midnightgreen",
-    "name": "Apple iPhone 11 Pro 256GB Midnight green",
-    "fullPrice": 1640,
-    "price": 1570,
-    "screen": "5.8' OLED",
-    "capacity": "256GB",
-    "color": "midnightgreen",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/midnightgreen/00.jpg"
-  },
-  {
-    "id": "9",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-512gb-silver",
-    "itemId": "apple-iphone-11-pro-512gb-silver",
-    "name": "Apple iPhone 11 Pro 512GB Silver",
-    "fullPrice": 1880,
-    "price": 1780,
-    "screen": "5.8' OLED",
-    "capacity": "512GB",
-    "color": "silver",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/silver/00.jpg"
-  },
-  {
-    "id": "10",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-64gb-spacegray",
-    "itemId": "apple-iphone-11-pro-max-64gb-spacegray",
-    "name": "Apple iPhone 11 Pro Max 64GB Spacegray",
-    "fullPrice": 1480,
-    "price": 1400,
-    "screen": "6.5' OLED",
-    "capacity": "64GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/spacegray/00.jpg"
-  },
-  {
-    "id": "11",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-256gb-gold",
-    "itemId": "apple-iphone-11-pro-max-256gb-gold",
-    "name": "Apple iPhone 11 Pro Max 256GB Gold",
-    "fullPrice": 1776,
-    "price": 1680,
-    "screen": "6.5' OLED",
-    "capacity": "256GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/gold/00.jpg"
-  },
-  {
-    "id": "12",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-512gb-spacegray",
-    "itemId": "apple-iphone-11-pro-max-512gb-spacegray",
-    "name": "Apple iPhone 11 Pro Max 512GB Spacegray",
-    "fullPrice": 2020,
-    "price": 1930,
-    "screen": "6.5' OLED",
-    "capacity": "512GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/spacegray/00.jpg"
-  },
-  {
-    "id": "13",
-    "category": "phones",
-    "phoneId": "apple-iphone-xr-64gb-red",
-    "itemId": "apple-iphone-xr-64gb-red",
-    "name": "Apple iPhone XR 64GB Red",
-    "fullPrice": 712,
-    "price": 670,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "red",
-    "ram": "3GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xr/red/00.jpg"
-  },
-  {
-    "id": "14",
-    "category": "phones",
-    "phoneId": "apple-iphone-xr-128gb-white",
-    "itemId": "apple-iphone-xr-128gb-white",
-    "name": "Apple iPhone XR 128GB White",
-    "fullPrice": 880,
-    "price": 815,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "white",
-    "ram": "3GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xr/white/00.jpg"
-  },
-  {
-    "id": "15",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-64gb-spacegray",
-    "itemId": "apple-iphone-xs-64gb-spacegray",
-    "name": "Apple iPhone XS 64GB Spacegray",
-    "fullPrice": 760,
-    "price": 720,
-    "screen": "5.8' OLED",
-    "capacity": "64GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs/spacegray/00.jpg"
-  },
-  {
-    "id": "16",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-max-64gb-gold",
-    "itemId": "apple-iphone-xs-max-64gb-gold",
-    "name": "Apple iPhone XS Max 64GB Gold",
-    "fullPrice": 960,
-    "price": 900,
-    "screen": "6.5' OLED",
-    "capacity": "64GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs-max/gold/00.jpg"
-  },
-  {
-    "id": "17",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-max-256gb-silver",
-    "itemId": "apple-iphone-xs-max-256gb-silver",
-    "name": "Apple iPhone XS Max 256GB Silver",
-    "fullPrice": 1080,
-    "price": 1000,
-    "screen": "6.5' OLED",
-    "capacity": "256GB",
-    "color": "silver",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs-max/silver/00.jpg"
-  },
-  {
-    "id": "18",
-    "category": "phones",
-    "phoneId": "apple-iphone-7-32gb-gold",
-    "itemId": "apple-iphone-7-32gb-gold",
-    "name": "Apple iPhone 7 32GB Gold",
-    "fullPrice": 400,
-    "price": 375,
-    "screen": "4.7' IPS",
-    "capacity": "32GB",
-    "color": "gold",
-    "ram": "2GB",
-    "year": 2016,
-    "image": "img/phones/apple-iphone-7/gold/00.jpg"
-  },
-  {
-    "id": "19",
-    "category": "phones",
-    "phoneId": "apple-iphone-7-plus-32gb-silver",
-    "itemId": "apple-iphone-7-plus-32gb-silver",
-    "name": "Apple iPhone 7 Plus 32GB Silver",
-    "fullPrice": 540,
-    "price": 500,
-    "screen": "5.5' IPS",
-    "capacity": "32GB",
-    "color": "silver",
-    "ram": "3GB",
-    "year": 2016,
-    "image": "img/phones/apple-iphone-7-plus/silver/00.jpg"
-  },
-  {
-    "id": "20",
-    "category": "phones",
-    "phoneId": "apple-iphone-8-64gb-spacegray",
-    "itemId": "apple-iphone-8-64gb-spacegray",
-    "name": "Apple iPhone 8 64GB Space Gray",
-    "fullPrice": 600,
-    "price": 550,
-    "screen": "4.7' IPS",
-    "capacity": "64GB",
-    "color": "spacegray",
-    "ram": "2GB",
-    "year": 2017,
-    "image": "img/phones/apple-iphone-8/spacegray/00.jpg"
-  },
-  {
-    "id": "21",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-64gb-green",
-    "itemId": "apple-iphone-11-64gb-green",
-    "name": "Apple iPhone 11 64GB Green",
-    "fullPrice": 932,
-    "price": 880,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "green",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/green/00.jpg"
-  },
-  {
-    "id": "22",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-128gb-purple",
-    "itemId": "apple-iphone-11-128gb-purple",
-    "name": "Apple iPhone 11 128GB Purple",
-    "fullPrice": 1100,
-    "price": 1050,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "purple",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/purple/00.jpg"
-  },
-  {
-    "id": "23",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-256gb-yellow",
-    "itemId": "apple-iphone-11-256gb-yellow",
-    "name": "Apple iPhone 11 256GB Yellow",
-    "fullPrice": 1172,
-    "price": 1115,
-    "screen": "6.1' IPS",
-    "capacity": "256GB",
-    "color": "yellow",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/yellow/00.jpg"
-  },
-  {
-    "id": "24",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-256gb-gold",
-    "itemId": "apple-iphone-11-pro-256gb-gold",
-    "name": "Apple iPhone 11 Pro 256GB Gold",
-    "fullPrice": 1640,
-    "price": 1570,
-    "screen": "5.8' OLED",
-    "capacity": "256GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/gold/00.jpg"
-  },
-  {
-    "id": "25",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-512gb-spacegray",
-    "itemId": "apple-iphone-11-pro-512gb-spacegray",
-    "name": "Apple iPhone 11 Pro 512GB Spacegray",
-    "fullPrice": 1880,
-    "price": 1780,
-    "screen": "5.8' OLED",
-    "capacity": "512GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/spacegray/00.jpg"
-  },
-  {
-    "id": "26",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-64gb-silver",
-    "itemId": "apple-iphone-11-pro-max-64gb-silver",
-    "name": "Apple iPhone 11 Pro Max 64GB Silver",
-    "fullPrice": 1480,
-    "price": 1400,
-    "screen": "6.5' OLED",
-    "capacity": "64GB",
-    "color": "silver",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/silver/00.jpg"
-  },
-  {
-    "id": "27",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-256gb-midnightgreen",
-    "itemId": "apple-iphone-11-pro-max-256gb-midnightgreen",
-    "name": "Apple iPhone 11 Pro Max 256GB Midnightgreen",
-    "fullPrice": 1776,
-    "price": 1680,
-    "screen": "6.5' OLED",
-    "capacity": "256GB",
-    "color": "midnightgreen",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg"
-  },
-  {
-    "id": "28",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-512gb-silver",
-    "itemId": "apple-iphone-11-pro-max-512gb-silver",
-    "name": "Apple iPhone 11 Pro Max 512GB Silver",
-    "fullPrice": 2020,
-    "price": 1930,
-    "screen": "6.5' OLED",
-    "capacity": "512GB",
-    "color": "silver",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/silver/00.jpg"
-  },
-  {
-    "id": "29",
-    "category": "phones",
-    "phoneId": "apple-iphone-xr-64gb-white",
-    "itemId": "apple-iphone-xr-64gb-white",
-    "name": "Apple iPhone XR 64GB White",
-    "fullPrice": 712,
-    "price": 670,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "white",
-    "ram": "3GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xr/white/00.jpg"
-  },
-  {
-    "id": "30",
-    "category": "phones",
-    "phoneId": "apple-iphone-xr-128gb-coral",
-    "itemId": "apple-iphone-xr-128gb-coral",
-    "name": "Apple iPhone XR 128GB Coral",
-    "fullPrice": 880,
-    "price": 815,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "coral",
-    "ram": "3GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xr/coral/00.jpg"
-  },
-  {
-    "id": "31",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-64gb-gold",
-    "itemId": "apple-iphone-xs-64gb-gold",
-    "name": "Apple iPhone XS 64GB Gold",
-    "fullPrice": 760,
-    "price": 720,
-    "screen": "5.8' OLED",
-    "capacity": "64GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs/gold/00.jpg"
-  },
-  {
-    "id": "32",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-256gb-spacegray",
-    "itemId": "apple-iphone-xs-256gb-spacegray",
-    "name": "Apple iPhone XS 256GB Spacegray",
-    "fullPrice": 960,
-    "price": 900,
-    "screen": "5.8' OLED",
-    "capacity": "256GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs/spacegray/00.jpg"
-  },
-  {
-    "id": "33",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-max-64gb-silver",
-    "itemId": "apple-iphone-xs-max-64gb-silver",
-    "name": "Apple iPhone XS Max 64GB Silver",
-    "fullPrice": 960,
-    "price": 900,
-    "screen": "6.5' OLED",
-    "capacity": "64GB",
-    "color": "silver",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs-max/silver/00.jpg"
-  },
-  {
-    "id": "34",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-max-256gb-gold",
-    "itemId": "apple-iphone-xs-max-256gb-gold",
-    "name": "Apple iPhone XS Max 256GB Gold",
-    "fullPrice": 1080,
-    "price": 1000,
-    "screen": "6.5' OLED",
-    "capacity": "256GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs-max/gold/00.jpg"
-  },
-  {
-    "id": "35",
-    "category": "phones",
-    "phoneId": "apple-iphone-7-32gb-rosegold",
-    "itemId": "apple-iphone-7-32gb-rosegold",
-    "name": "Apple iPhone 7 32GB Rosegold",
-    "fullPrice": 400,
-    "price": 375,
-    "screen": "4.7' IPS",
-    "capacity": "32GB",
-    "color": "rosegold",
-    "ram": "2GB",
-    "year": 2016,
-    "image": "img/phones/apple-iphone-7/rosegold/00.jpg"
-  },
-  {
-    "id": "36",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-64gb-purple",
-    "itemId": "apple-iphone-11-64gb-purple",
-    "name": "Apple iPhone 11 64GB Purple",
-    "fullPrice": 932,
-    "price": 880,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "purple",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/purple/00.jpg"
-  },
-  {
-    "id": "37",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-64gb-red",
-    "itemId": "apple-iphone-11-64gb-red",
-    "name": "Apple iPhone 11 64GB Red",
-    "fullPrice": 932,
-    "price": 880,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "red",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/red/00.jpg"
-  },
-  {
-    "id": "38",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-128gb-black",
-    "itemId": "apple-iphone-11-128gb-black",
-    "name": "Apple iPhone 11 128GB Black",
-    "fullPrice": 1100,
-    "price": 1050,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "black",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/black/00.jpg"
-  },
-  {
-    "id": "39",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-256gb-red",
-    "itemId": "apple-iphone-11-256gb-red",
-    "name": "Apple iPhone 11 256GB Red",
-    "fullPrice": 1172,
-    "price": 1115,
-    "screen": "6.1' IPS",
-    "capacity": "256GB",
-    "color": "red",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/red/00.jpg"
-  },
-  {
-    "id": "40",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-64gb-midnightgreen",
-    "itemId": "apple-iphone-11-pro-64gb-midnightgreen",
-    "name": "Apple iPhone 11 Pro 64GB Midnight green",
-    "fullPrice": 1312,
-    "price": 1270,
-    "screen": "5.8' OLED",
-    "capacity": "64GB",
-    "color": "midnightgreen",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/midnightgreen/00.jpg"
-  },
-  {
-    "id": "41",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-256gb-silver",
-    "itemId": "apple-iphone-11-pro-256gb-silver",
-    "name": "Apple iPhone 11 Pro 256GB Silver",
-    "fullPrice": 1640,
-    "price": 1570,
-    "screen": "5.8' OLED",
-    "capacity": "256GB",
-    "color": "silver",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/silver/00.jpg"
-  },
-  {
-    "id": "42",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-512gb-gold",
-    "itemId": "apple-iphone-11-pro-512gb-gold",
-    "name": "Apple iPhone 11 Pro 512GB Gold",
-    "fullPrice": 1880,
-    "price": 1780,
-    "screen": "5.8' OLED",
-    "capacity": "512GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/gold/00.jpg"
-  },
-  {
-    "id": "43",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-64gb-midnightgreen",
-    "itemId": "apple-iphone-11-pro-max-64gb-midnightgreen",
-    "name": "Apple iPhone 11 Pro Max 64GB Midnightgreen",
-    "fullPrice": 1480,
-    "price": 1400,
-    "screen": "6.5' OLED",
-    "capacity": "64GB",
-    "color": "midnightgreen",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg"
-  },
-  {
-    "id": "44",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-256gb-spacegray",
-    "itemId": "apple-iphone-11-pro-max-256gb-spacegray",
-    "name": "Apple iPhone 11 Pro Max 256GB Spacegray",
-    "fullPrice": 1776,
-    "price": 1680,
-    "screen": "6.5' OLED",
-    "capacity": "256GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/spacegray/00.jpg"
-  },
-  {
-    "id": "45",
-    "category": "phones",
-    "phoneId": "apple-iphone-xr-64gb-coral",
-    "itemId": "apple-iphone-xr-64gb-coral",
-    "name": "Apple iPhone XR 64GB Coral",
-    "fullPrice": 712,
-    "price": 670,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "coral",
-    "ram": "3GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xr/coral/00.jpg"
-  },
-  {
-    "id": "46",
-    "category": "phones",
-    "phoneId": "apple-iphone-xr-128gb-red",
-    "itemId": "apple-iphone-xr-128gb-red",
-    "name": "Apple iPhone XR 128GB Red",
-    "fullPrice": 880,
-    "price": 815,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "red",
-    "ram": "3GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xr/red/00.jpg"
-  },
-  {
-    "id": "47",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-256gb-gold",
-    "itemId": "apple-iphone-xs-256gb-gold",
-    "name": "Apple iPhone XS 256GB Gold",
-    "fullPrice": 960,
-    "price": 900,
-    "screen": "5.8' OLED",
-    "capacity": "256GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs/gold/00.jpg"
-  },
-  {
-    "id": "48",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-max-64gb-spacegray",
-    "itemId": "apple-iphone-xs-max-64gb-spacegray",
-    "name": "Apple iPhone XS Max 64GB Spacegray",
-    "fullPrice": 960,
-    "price": 900,
-    "screen": "6.5' OLED",
-    "capacity": "64GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs-max/spacegray/00.jpg"
-  },
-  {
-    "id": "49",
-    "category": "phones",
-    "phoneId": "apple-iphone-7-plus-32gb-rosegold",
-    "itemId": "apple-iphone-7-plus-32gb-rosegold",
-    "name": "Apple iPhone 7 Plus 32GB Rosegold",
-    "fullPrice": 540,
-    "price": 500,
-    "screen": "5.5' IPS",
-    "capacity": "32GB",
-    "color": "rosegold",
-    "ram": "3GB",
-    "year": 2016,
-    "image": "img/phones/apple-iphone-7-plus/rosegold/00.jpg"
-  },
-  {
-    "id": "50",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-64gb-white",
-    "itemId": "apple-iphone-11-64gb-white",
-    "name": "Apple iPhone 11 64GB White",
-    "fullPrice": 932,
-    "price": 880,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "white",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/white/00.jpg"
-  },
-  {
-    "id": "51",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-128gb-green",
-    "itemId": "apple-iphone-11-128gb-green",
-    "name": "Apple iPhone 11 128GB Green",
-    "fullPrice": 1100,
-    "price": 1050,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "green",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/green/00.jpg"
-  },
-  {
-    "id": "52",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-128gb-white",
-    "itemId": "apple-iphone-11-128gb-white",
-    "name": "Apple iPhone 11 128GB White",
-    "fullPrice": 1100,
-    "price": 1050,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "white",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/white/00.jpg"
-  },
-  {
-    "id": "53",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-256gb-black",
-    "itemId": "apple-iphone-11-256gb-black",
-    "name": "Apple iPhone 11 256GB Black",
-    "fullPrice": 1172,
-    "price": 1115,
-    "screen": "6.1' IPS",
-    "capacity": "256GB",
-    "color": "black",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/black/00.jpg"
-  },
-  {
-    "id": "54",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-256gb-white",
-    "itemId": "apple-iphone-11-256gb-white",
-    "name": "Apple iPhone 11 256GB White",
-    "fullPrice": 1172,
-    "price": 1115,
-    "screen": "6.1' IPS",
-    "capacity": "256GB",
-    "color": "white",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/white/00.jpg"
-  },
-  {
-    "id": "55",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-64gb-spacegray",
-    "itemId": "apple-iphone-11-pro-64gb-spacegray",
-    "name": "Apple iPhone 11 Pro 64GB Spacegray",
-    "fullPrice": 1312,
-    "price": 1270,
-    "screen": "5.8' OLED",
-    "capacity": "64GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/spacegray/00.jpg"
-  },
-  {
-    "id": "56",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-512gb-midnightgreen",
-    "itemId": "apple-iphone-11-pro-512gb-midnightgreen",
-    "name": "Apple iPhone 11 Pro 512GB Midnight green",
-    "fullPrice": 1880,
-    "price": 1780,
-    "screen": "5.8' OLED",
-    "capacity": "512GB",
-    "color": "midnightgreen",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/midnightgreen/00.jpg"
-  },
-  {
-    "id": "57",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-64gb-gold",
-    "itemId": "apple-iphone-11-pro-max-64gb-gold",
-    "name": "Apple iPhone 11 Pro Max 64GB Gold",
-    "fullPrice": 1480,
-    "price": 1400,
-    "screen": "6.5' OLED",
-    "capacity": "64GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/gold/00.jpg"
-  },
-  {
-    "id": "58",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-256gb-silver",
-    "itemId": "apple-iphone-11-pro-max-256gb-silver",
-    "name": "Apple iPhone 11 Pro Max 256GB Silver",
-    "fullPrice": 1776,
-    "price": 1680,
-    "screen": "6.5' OLED",
-    "capacity": "256GB",
-    "color": "silver",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/silver/00.jpg"
-  },
-  {
-    "id": "59",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-512gb-midnightgreen",
-    "itemId": "apple-iphone-11-pro-max-512gb-midnightgreen",
-    "name": "Apple iPhone 11 Pro Max 512GB Midnightgreen",
-    "fullPrice": 2020,
-    "price": 1930,
-    "screen": "6.5' OLED",
-    "capacity": "512GB",
-    "color": "midnightgreen",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg"
-  },
-  {
-    "id": "60",
-    "category": "phones",
-    "phoneId": "apple-iphone-xr-128gb-yellow",
-    "itemId": "apple-iphone-xr-128gb-yellow",
-    "name": "Apple iPhone XR 128GB Yellow",
-    "fullPrice": 880,
-    "price": 815,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "yellow",
-    "ram": "3GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xr/yellow/00.jpg"
-  },
-  {
-    "id": "61",
-    "category": "phones",
-    "phoneId": "apple-iphone-7-32gb-silver",
-    "itemId": "apple-iphone-7-32gb-silver",
-    "name": "Apple iPhone 7 32GB Silver",
-    "fullPrice": 400,
-    "price": 375,
-    "screen": "4.7' IPS",
-    "capacity": "32GB",
-    "color": "silver",
-    "ram": "2GB",
-    "year": 2016,
-    "image": "img/phones/apple-iphone-7/silver/00.jpg"
-  },
-  {
-    "id": "62",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-256gb-purple",
-    "itemId": "apple-iphone-11-256gb-purple",
-    "name": "Apple iPhone 11 256GB Purple",
-    "fullPrice": 1172,
-    "price": 1115,
-    "screen": "6.1' IPS",
-    "capacity": "256GB",
-    "color": "purple",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/purple/00.jpg"
-  },
-  {
-    "id": "63",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-max-512gb-gold",
-    "itemId": "apple-iphone-11-pro-max-512gb-gold",
-    "name": "Apple iPhone 11 Pro Max 512GB Gold",
-    "fullPrice": 2020,
-    "price": 1930,
-    "screen": "6.5' OLED",
-    "capacity": "512GB",
-    "color": "gold",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro-max/gold/00.jpg"
-  },
-  {
-    "id": "64",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-64gb-yellow",
-    "itemId": "apple-iphone-11-64gb-yellow",
-    "name": "Apple iPhone 11 64GB Yellow",
-    "fullPrice": 932,
-    "price": 880,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "yellow",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/yellow/00.jpg"
-  },
-  {
-    "id": "65",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-256gb-spacegray",
-    "itemId": "apple-iphone-11-pro-256gb-spacegray",
-    "name": "Apple iPhone 11 Pro 256GB Spacegray",
-    "fullPrice": 1640,
-    "price": 1570,
-    "screen": "5.8' OLED",
-    "capacity": "256GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/spacegray/00.jpg"
-  },
-  {
-    "id": "66",
-    "category": "phones",
-    "phoneId": "apple-iphone-8-64gb-silver",
-    "itemId": "apple-iphone-8-64gb-silver",
-    "name": "Apple iPhone 8 64GB Silver",
-    "fullPrice": 600,
-    "price": 550,
-    "screen": "4.7' IPS",
-    "capacity": "64GB",
-    "color": "silver",
-    "ram": "2GB",
-    "year": 2017,
-    "image": "img/phones/apple-iphone-8/silver/00.jpg"
-  },
-  {
-    "id": "67",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-128gb-red",
-    "itemId": "apple-iphone-11-128gb-red",
-    "name": "Apple iPhone 11 128GB Red",
-    "fullPrice": 1100,
-    "price": 1050,
-    "screen": "6.1' IPS",
-    "capacity": "128GB",
-    "color": "red",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11/red/00.jpg"
-  },
-  {
-    "id": "68",
-    "category": "phones",
-    "phoneId": "apple-iphone-xs-max-256gb-spacegray",
-    "itemId": "apple-iphone-xs-max-256gb-spacegray",
-    "name": "Apple iPhone XS Max 256GB Spacegray",
-    "fullPrice": 1080,
-    "price": 1000,
-    "screen": "6.5' OLED",
-    "capacity": "256GB",
-    "color": "spacegray",
-    "ram": "4GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xs-max/spacegray/00.jpg"
-  },
-  {
-    "id": "69",
-    "category": "phones",
-    "phoneId": "apple-iphone-7-plus-32gb-gold",
-    "itemId": "apple-iphone-7-plus-32gb-gold",
-    "name": "Apple iPhone 7 Plus 32GB Gold",
-    "fullPrice": 540,
-    "price": 500,
-    "screen": "5.5' IPS",
-    "capacity": "32GB",
-    "color": "gold",
-    "ram": "3GB",
-    "year": 2016,
-    "image": "img/phones/apple-iphone-7-plus/gold/00.jpg"
-  },
-  {
-    "id": "70",
-    "category": "phones",
-    "phoneId": "apple-iphone-11-pro-64gb-silver",
-    "itemId": "apple-iphone-11-pro-64gb-silver",
-    "name": "Apple iPhone 11 Pro 64GB Silver",
-    "fullPrice": 1312,
-    "price": 1270,
-    "screen": "5.8' OLED",
-    "capacity": "64GB",
-    "color": "silver",
-    "ram": "4GB",
-    "year": 2019,
-    "image": "img/phones/apple-iphone-11-pro/silver/00.jpg"
-  },
-  {
-    "id": "71",
-    "category": "phones",
-    "phoneId": "apple-iphone-xr-64gb-yellow",
-    "itemId": "apple-iphone-xr-64gb-yellow",
-    "name": "Apple iPhone XR 64GB Yellow",
-    "fullPrice": 712,
-    "price": 670,
-    "screen": "6.1' IPS",
-    "capacity": "64GB",
-    "color": "yellow",
-    "ram": "3GB",
-    "year": 2018,
-    "image": "img/phones/apple-iphone-xr/yellow/00.jpg"
-  }
-]
diff --git a/public/_new/products/apple-iphone-11-128gb-black.json b/public/_new/products/apple-iphone-11-128gb-black.json
deleted file mode 100644
index ee9d3a6696..0000000000
--- a/public/_new/products/apple-iphone-11-128gb-black.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-128gb-black",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 128GB Black",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "128GB",
-	"priceRegular": 1100,
-	"priceDiscount": 1050,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "black",
-	"images": [
-		"img/phones/apple-iphone-11/black/00.jpg",
-		"img/phones/apple-iphone-11/black/01.jpg",
-		"img/phones/apple-iphone-11/black/02.jpg",
-		"img/phones/apple-iphone-11/black/03.jpg",
-		"img/phones/apple-iphone-11/black/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-128gb-green.json b/public/_new/products/apple-iphone-11-128gb-green.json
deleted file mode 100644
index 8d164f3854..0000000000
--- a/public/_new/products/apple-iphone-11-128gb-green.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-128gb-green",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 128GB Green",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "128GB",
-	"priceRegular": 1100,
-	"priceDiscount": 1050,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "green",
-	"images": [
-		"img/phones/apple-iphone-11/green/00.jpg",
-		"img/phones/apple-iphone-11/green/01.jpg",
-		"img/phones/apple-iphone-11/green/02.jpg",
-		"img/phones/apple-iphone-11/green/03.jpg",
-		"img/phones/apple-iphone-11/green/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-128gb-purple.json b/public/_new/products/apple-iphone-11-128gb-purple.json
deleted file mode 100644
index c137255810..0000000000
--- a/public/_new/products/apple-iphone-11-128gb-purple.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-128gb-purple",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 128GB Purple",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "128GB",
-	"priceRegular": 1100,
-	"priceDiscount": 1050,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "purple",
-	"images": [
-		"img/phones/apple-iphone-11/purple/00.jpg",
-		"img/phones/apple-iphone-11/purple/01.jpg",
-		"img/phones/apple-iphone-11/purple/02.jpg",
-		"img/phones/apple-iphone-11/purple/03.jpg",
-		"img/phones/apple-iphone-11/purple/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-128gb-red.json b/public/_new/products/apple-iphone-11-128gb-red.json
deleted file mode 100644
index 480db7c64f..0000000000
--- a/public/_new/products/apple-iphone-11-128gb-red.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-128gb-red",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 128GB Red",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "128GB",
-	"priceRegular": 1100,
-	"priceDiscount": 1050,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "red",
-	"images": [
-		"img/phones/apple-iphone-11/red/00.jpg",
-		"img/phones/apple-iphone-11/red/01.jpg",
-		"img/phones/apple-iphone-11/red/02.jpg",
-		"img/phones/apple-iphone-11/red/03.jpg",
-		"img/phones/apple-iphone-11/red/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-128gb-white.json b/public/_new/products/apple-iphone-11-128gb-white.json
deleted file mode 100644
index c696011a8c..0000000000
--- a/public/_new/products/apple-iphone-11-128gb-white.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-128gb-white",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 128GB White",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "128GB",
-	"priceRegular": 1100,
-	"priceDiscount": 1050,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "white",
-	"images": [
-		"img/phones/apple-iphone-11/white/00.jpg",
-		"img/phones/apple-iphone-11/white/01.jpg",
-		"img/phones/apple-iphone-11/white/02.jpg",
-		"img/phones/apple-iphone-11/white/03.jpg",
-		"img/phones/apple-iphone-11/white/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-128gb-yellow.json b/public/_new/products/apple-iphone-11-128gb-yellow.json
deleted file mode 100644
index 702fe7585a..0000000000
--- a/public/_new/products/apple-iphone-11-128gb-yellow.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-128gb-yellow",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 128GB Yellow",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "128GB",
-	"priceRegular": 1100,
-	"priceDiscount": 1050,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "yellow",
-	"images": [
-		"img/phones/apple-iphone-11/yellow/00.jpg",
-		"img/phones/apple-iphone-11/yellow/01.jpg",
-		"img/phones/apple-iphone-11/yellow/02.jpg",
-		"img/phones/apple-iphone-11/yellow/03.jpg",
-		"img/phones/apple-iphone-11/yellow/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-256gb-black.json b/public/_new/products/apple-iphone-11-256gb-black.json
deleted file mode 100644
index 50762c76ff..0000000000
--- a/public/_new/products/apple-iphone-11-256gb-black.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-256gb-black",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 256GB Black",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 1172,
-	"priceDiscount": 1115,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "black",
-	"images": [
-		"img/phones/apple-iphone-11/black/00.jpg",
-		"img/phones/apple-iphone-11/black/01.jpg",
-		"img/phones/apple-iphone-11/black/02.jpg",
-		"img/phones/apple-iphone-11/black/03.jpg",
-		"img/phones/apple-iphone-11/black/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-256gb-green.json b/public/_new/products/apple-iphone-11-256gb-green.json
deleted file mode 100644
index 3abc5b1937..0000000000
--- a/public/_new/products/apple-iphone-11-256gb-green.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-256gb-green",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 256GB Green",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 1172,
-	"priceDiscount": 1115,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "green",
-	"images": [
-		"img/phones/apple-iphone-11/green/00.jpg",
-		"img/phones/apple-iphone-11/green/01.jpg",
-		"img/phones/apple-iphone-11/green/02.jpg",
-		"img/phones/apple-iphone-11/green/03.jpg",
-		"img/phones/apple-iphone-11/green/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-256gb-purple.json b/public/_new/products/apple-iphone-11-256gb-purple.json
deleted file mode 100644
index b3ee0c7d24..0000000000
--- a/public/_new/products/apple-iphone-11-256gb-purple.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-256gb-purple",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 256GB Purple",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 1172,
-	"priceDiscount": 1115,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "purple",
-	"images": [
-		"img/phones/apple-iphone-11/purple/00.jpg",
-		"img/phones/apple-iphone-11/purple/01.jpg",
-		"img/phones/apple-iphone-11/purple/02.jpg",
-		"img/phones/apple-iphone-11/purple/03.jpg",
-		"img/phones/apple-iphone-11/purple/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-256gb-red.json b/public/_new/products/apple-iphone-11-256gb-red.json
deleted file mode 100644
index 6eeb856413..0000000000
--- a/public/_new/products/apple-iphone-11-256gb-red.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-256gb-red",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 256GB Red",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 1172,
-	"priceDiscount": 1115,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "red",
-	"images": [
-		"img/phones/apple-iphone-11/red/00.jpg",
-		"img/phones/apple-iphone-11/red/01.jpg",
-		"img/phones/apple-iphone-11/red/02.jpg",
-		"img/phones/apple-iphone-11/red/03.jpg",
-		"img/phones/apple-iphone-11/red/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-256gb-white.json b/public/_new/products/apple-iphone-11-256gb-white.json
deleted file mode 100644
index 9dfd007203..0000000000
--- a/public/_new/products/apple-iphone-11-256gb-white.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-256gb-white",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 256GB White",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 1172,
-	"priceDiscount": 1115,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "white",
-	"images": [
-		"img/phones/apple-iphone-11/white/00.jpg",
-		"img/phones/apple-iphone-11/white/01.jpg",
-		"img/phones/apple-iphone-11/white/02.jpg",
-		"img/phones/apple-iphone-11/white/03.jpg",
-		"img/phones/apple-iphone-11/white/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-256gb-yellow.json b/public/_new/products/apple-iphone-11-256gb-yellow.json
deleted file mode 100644
index c84ff94f1c..0000000000
--- a/public/_new/products/apple-iphone-11-256gb-yellow.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-256gb-yellow",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 256GB Yellow",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 1172,
-	"priceDiscount": 1115,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "yellow",
-	"images": [
-		"img/phones/apple-iphone-11/yellow/00.jpg",
-		"img/phones/apple-iphone-11/yellow/01.jpg",
-		"img/phones/apple-iphone-11/yellow/02.jpg",
-		"img/phones/apple-iphone-11/yellow/03.jpg",
-		"img/phones/apple-iphone-11/yellow/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-64gb-black.json b/public/_new/products/apple-iphone-11-64gb-black.json
deleted file mode 100644
index d1c6115d4b..0000000000
--- a/public/_new/products/apple-iphone-11-64gb-black.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-64gb-black",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 64GB Black",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 932,
-	"priceDiscount": 880,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "black",
-	"images": [
-		"img/phones/apple-iphone-11/black/00.jpg",
-		"img/phones/apple-iphone-11/black/01.jpg",
-		"img/phones/apple-iphone-11/black/02.jpg",
-		"img/phones/apple-iphone-11/black/03.jpg",
-		"img/phones/apple-iphone-11/black/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-64gb-green.json b/public/_new/products/apple-iphone-11-64gb-green.json
deleted file mode 100644
index e53688d52a..0000000000
--- a/public/_new/products/apple-iphone-11-64gb-green.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-64gb-green",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 64GB Green",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 932,
-	"priceDiscount": 880,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "green",
-	"images": [
-		"img/phones/apple-iphone-11/green/00.jpg",
-		"img/phones/apple-iphone-11/green/01.jpg",
-		"img/phones/apple-iphone-11/green/02.jpg",
-		"img/phones/apple-iphone-11/green/03.jpg",
-		"img/phones/apple-iphone-11/green/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-64gb-purple.json b/public/_new/products/apple-iphone-11-64gb-purple.json
deleted file mode 100644
index 96924c0c49..0000000000
--- a/public/_new/products/apple-iphone-11-64gb-purple.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-64gb-purple",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 64GB Purple",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 932,
-	"priceDiscount": 880,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "purple",
-	"images": [
-		"img/phones/apple-iphone-11/purple/00.jpg",
-		"img/phones/apple-iphone-11/purple/01.jpg",
-		"img/phones/apple-iphone-11/purple/02.jpg",
-		"img/phones/apple-iphone-11/purple/03.jpg",
-		"img/phones/apple-iphone-11/purple/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-64gb-red.json b/public/_new/products/apple-iphone-11-64gb-red.json
deleted file mode 100644
index c3d1fa6603..0000000000
--- a/public/_new/products/apple-iphone-11-64gb-red.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-64gb-red",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 64GB Red",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 932,
-	"priceDiscount": 880,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "red",
-	"images": [
-		"img/phones/apple-iphone-11/red/00.jpg",
-		"img/phones/apple-iphone-11/red/01.jpg",
-		"img/phones/apple-iphone-11/red/02.jpg",
-		"img/phones/apple-iphone-11/red/03.jpg",
-		"img/phones/apple-iphone-11/red/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-64gb-white.json b/public/_new/products/apple-iphone-11-64gb-white.json
deleted file mode 100644
index 2a3d92ea99..0000000000
--- a/public/_new/products/apple-iphone-11-64gb-white.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-64gb-white",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 64GB White",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 932,
-	"priceDiscount": 880,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "white",
-	"images": [
-		"img/phones/apple-iphone-11/white/00.jpg",
-		"img/phones/apple-iphone-11/white/01.jpg",
-		"img/phones/apple-iphone-11/white/02.jpg",
-		"img/phones/apple-iphone-11/white/03.jpg",
-		"img/phones/apple-iphone-11/white/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-64gb-yellow.json b/public/_new/products/apple-iphone-11-64gb-yellow.json
deleted file mode 100644
index dfd2fe7863..0000000000
--- a/public/_new/products/apple-iphone-11-64gb-yellow.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-11-64gb-yellow",
-	"namespaceId": "apple-iphone-11",
-	"name": "Apple iPhone 11 64GB Yellow",
-	"capacityAvailable": ["64GB", "128GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 932,
-	"priceDiscount": 880,
-	"colorsAvailable": ["black", "green", "yellow", "white", "purple", "red"],
-	"color": "yellow",
-	"images": [
-		"img/phones/apple-iphone-11/yellow/00.jpg",
-		"img/phones/apple-iphone-11/yellow/01.jpg",
-		"img/phones/apple-iphone-11/yellow/02.jpg",
-		"img/phones/apple-iphone-11/yellow/03.jpg",
-		"img/phones/apple-iphone-11/yellow/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792x828",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-256gb-gold.json b/public/_new/products/apple-iphone-11-pro-256gb-gold.json
deleted file mode 100644
index 525787eecd..0000000000
--- a/public/_new/products/apple-iphone-11-pro-256gb-gold.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-256gb-gold",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 256GB Gold",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "256GB",
-	"priceRegular": 1640,
-	"priceDiscount": 1570,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-11-pro/gold/00.jpg",
-		"img/phones/apple-iphone-11-pro/gold/01.jpg",
-		"img/phones/apple-iphone-11-pro/gold/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-256gb-midnightgreen.json b/public/_new/products/apple-iphone-11-pro-256gb-midnightgreen.json
deleted file mode 100644
index 84019954e9..0000000000
--- a/public/_new/products/apple-iphone-11-pro-256gb-midnightgreen.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-256gb-midnightgreen",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 256GB Midnight green",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "256GB",
-	"priceRegular": 1640,
-	"priceDiscount": 1570,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "midnightgreen",
-	"images": [
-		"img/phones/apple-iphone-11-pro/midnightgreen/00.jpg",
-		"img/phones/apple-iphone-11-pro/midnightgreen/01.jpg",
-		"img/phones/apple-iphone-11-pro/midnightgreen/02.jpg",
-		"img/phones/apple-iphone-11-pro/midnightgreen/03.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-256gb-silver.json b/public/_new/products/apple-iphone-11-pro-256gb-silver.json
deleted file mode 100644
index b6dca8cfda..0000000000
--- a/public/_new/products/apple-iphone-11-pro-256gb-silver.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-256gb-silver",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 256GB Silver",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "256GB",
-	"priceRegular": 1640,
-	"priceDiscount": 1570,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-11-pro/silver/00.jpg",
-		"img/phones/apple-iphone-11-pro/silver/01.jpg",
-		"img/phones/apple-iphone-11-pro/silver/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-256gb-spacegray.json b/public/_new/products/apple-iphone-11-pro-256gb-spacegray.json
deleted file mode 100644
index 9e88cc9e8b..0000000000
--- a/public/_new/products/apple-iphone-11-pro-256gb-spacegray.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-256gb-spacegray",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 256GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "256GB",
-	"priceRegular": 1640,
-	"priceDiscount": 1570,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-11-pro/spacegray/00.jpg",
-		"img/phones/apple-iphone-11-pro/spacegray/01.jpg",
-		"img/phones/apple-iphone-11-pro/spacegray/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-512gb-gold.json b/public/_new/products/apple-iphone-11-pro-512gb-gold.json
deleted file mode 100644
index 8a136ed334..0000000000
--- a/public/_new/products/apple-iphone-11-pro-512gb-gold.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-512gb-gold",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 512GB Gold",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "512GB",
-	"priceRegular": 1880,
-	"priceDiscount": 1780,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-11-pro/gold/00.jpg",
-		"img/phones/apple-iphone-11-pro/gold/01.jpg",
-		"img/phones/apple-iphone-11-pro/gold/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-512gb-midnightgreen.json b/public/_new/products/apple-iphone-11-pro-512gb-midnightgreen.json
deleted file mode 100644
index e157285389..0000000000
--- a/public/_new/products/apple-iphone-11-pro-512gb-midnightgreen.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-512gb-midnightgreen",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 512GB Midnight green",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "512GB",
-	"priceRegular": 1880,
-	"priceDiscount": 1780,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "midnightgreen",
-	"images": [
-		"img/phones/apple-iphone-11-pro/midnightgreen/00.jpg",
-		"img/phones/apple-iphone-11-pro/midnightgreen/01.jpg",
-		"img/phones/apple-iphone-11-pro/midnightgreen/02.jpg",
-		"img/phones/apple-iphone-11-pro/midnightgreen/03.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-512gb-silver.json b/public/_new/products/apple-iphone-11-pro-512gb-silver.json
deleted file mode 100644
index 19b6c62d9e..0000000000
--- a/public/_new/products/apple-iphone-11-pro-512gb-silver.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-512gb-silver",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 512GB Silver",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "512GB",
-	"priceRegular": 1880,
-	"priceDiscount": 1780,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-11-pro/silver/00.jpg",
-		"img/phones/apple-iphone-11-pro/silver/01.jpg",
-		"img/phones/apple-iphone-11-pro/silver/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-512gb-spacegray.json b/public/_new/products/apple-iphone-11-pro-512gb-spacegray.json
deleted file mode 100644
index 29c760bafd..0000000000
--- a/public/_new/products/apple-iphone-11-pro-512gb-spacegray.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-512gb-spacegray",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 512GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "512GB",
-	"priceRegular": 1880,
-	"priceDiscount": 1780,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-11-pro/spacegray/00.jpg",
-		"img/phones/apple-iphone-11-pro/spacegray/01.jpg",
-		"img/phones/apple-iphone-11-pro/spacegray/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-64gb-gold.json b/public/_new/products/apple-iphone-11-pro-64gb-gold.json
deleted file mode 100644
index 8f3b3bf03f..0000000000
--- a/public/_new/products/apple-iphone-11-pro-64gb-gold.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-64gb-gold",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 64GB Gold",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "64GB",
-	"priceRegular": 1312,
-	"priceDiscount": 1270,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-11-pro/gold/00.jpg",
-		"img/phones/apple-iphone-11-pro/gold/01.jpg",
-		"img/phones/apple-iphone-11-pro/gold/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-64gb-midnightgreen.json b/public/_new/products/apple-iphone-11-pro-64gb-midnightgreen.json
deleted file mode 100644
index b0a4c597e9..0000000000
--- a/public/_new/products/apple-iphone-11-pro-64gb-midnightgreen.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-64gb-midnightgreen",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 64GB Midnight green",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "64GB",
-	"priceRegular": 1312,
-	"priceDiscount": 1270,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "midnightgreen",
-	"images": [
-		"img/phones/apple-iphone-11-pro/midnightgreen/00.jpg",
-		"img/phones/apple-iphone-11-pro/midnightgreen/01.jpg",
-		"img/phones/apple-iphone-11-pro/midnightgreen/02.jpg",
-		"img/phones/apple-iphone-11-pro/midnightgreen/03.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-64gb-silver.json b/public/_new/products/apple-iphone-11-pro-64gb-silver.json
deleted file mode 100644
index d4fdddd880..0000000000
--- a/public/_new/products/apple-iphone-11-pro-64gb-silver.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-64gb-silver",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 64GB Silver",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "64GB",
-	"priceRegular": 1312,
-	"priceDiscount": 1270,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-11-pro/silver/00.jpg",
-		"img/phones/apple-iphone-11-pro/silver/01.jpg",
-		"img/phones/apple-iphone-11-pro/silver/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-64gb-spacegray.json b/public/_new/products/apple-iphone-11-pro-64gb-spacegray.json
deleted file mode 100644
index 3561fd20fc..0000000000
--- a/public/_new/products/apple-iphone-11-pro-64gb-spacegray.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-64gb-spacegray",
-	"namespaceId": "apple-iphone-11-pro",
-	"name": "Apple iPhone 11 Pro 64GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "64GB",
-	"priceRegular": 1312,
-	"priceDiscount": 1270,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-11-pro/spacegray/00.jpg",
-		"img/phones/apple-iphone-11-pro/spacegray/01.jpg",
-		"img/phones/apple-iphone-11-pro/spacegray/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-256gb-gold.json b/public/_new/products/apple-iphone-11-pro-max-256gb-gold.json
deleted file mode 100644
index 4dd3c6e794..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-256gb-gold.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-256gb-gold",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 256GB Gold",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "256GB",
-	"priceRegular": 1776,
-	"priceDiscount": 1680,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/gold/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/gold/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/gold/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-256gb-midnightgreen.json b/public/_new/products/apple-iphone-11-pro-max-256gb-midnightgreen.json
deleted file mode 100644
index aa69dfde7a..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-256gb-midnightgreen.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-256gb-midnightgreen",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 256GB Midnightgreen",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "256GB",
-	"priceRegular": 1776,
-	"priceDiscount": 1680,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "midnightgreen",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/midnightgreen/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/midnightgreen/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-256gb-silver.json b/public/_new/products/apple-iphone-11-pro-max-256gb-silver.json
deleted file mode 100644
index 188ba4274f..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-256gb-silver.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-256gb-silver",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 256GB Silver",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "256GB",
-	"priceRegular": 1776,
-	"priceDiscount": 1680,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/silver/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/silver/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/silver/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-256gb-spacegray.json b/public/_new/products/apple-iphone-11-pro-max-256gb-spacegray.json
deleted file mode 100644
index e483ffe9ac..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-256gb-spacegray.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-256gb-spacegray",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 256GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "256GB",
-	"priceRegular": 1776,
-	"priceDiscount": 1680,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/spacegray/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/spacegray/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/spacegray/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-512gb-gold.json b/public/_new/products/apple-iphone-11-pro-max-512gb-gold.json
deleted file mode 100644
index a73c4de7cd..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-512gb-gold.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-512gb-gold",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 512GB Gold",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "512GB",
-	"priceRegular": 2020,
-	"priceDiscount": 1930,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/gold/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/gold/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/gold/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-512gb-midnightgreen.json b/public/_new/products/apple-iphone-11-pro-max-512gb-midnightgreen.json
deleted file mode 100644
index 6336c5d204..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-512gb-midnightgreen.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-512gb-midnightgreen",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 512GB Midnightgreen",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "512GB",
-	"priceRegular": 2020,
-	"priceDiscount": 1930,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "midnightgreen",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/midnightgreen/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/midnightgreen/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-512gb-silver.json b/public/_new/products/apple-iphone-11-pro-max-512gb-silver.json
deleted file mode 100644
index 275a6845d1..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-512gb-silver.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-512gb-silver",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 512GB Silver",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "512GB",
-	"priceRegular": 2020,
-	"priceDiscount": 1930,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/silver/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/silver/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/silver/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-512gb-spacegray.json b/public/_new/products/apple-iphone-11-pro-max-512gb-spacegray.json
deleted file mode 100644
index cf0d89e6b5..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-512gb-spacegray.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-512gb-spacegray",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 512GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "512GB",
-	"priceRegular": 2020,
-	"priceDiscount": 1930,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/spacegray/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/spacegray/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/spacegray/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-64gb-gold.json b/public/_new/products/apple-iphone-11-pro-max-64gb-gold.json
deleted file mode 100644
index da310330dd..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-64gb-gold.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-64gb-gold",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 64GB Gold",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "64GB",
-	"priceRegular": 1480,
-	"priceDiscount": 1400,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/gold/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/gold/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/gold/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-64gb-midnightgreen.json b/public/_new/products/apple-iphone-11-pro-max-64gb-midnightgreen.json
deleted file mode 100644
index ca240a450c..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-64gb-midnightgreen.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-64gb-midnightgreen",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 64GB Midnightgreen",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "64GB",
-	"priceRegular": 1480,
-	"priceDiscount": 1400,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "midnightgreen",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/midnightgreen/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/midnightgreen/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-64gb-silver.json b/public/_new/products/apple-iphone-11-pro-max-64gb-silver.json
deleted file mode 100644
index 78e7c7e762..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-64gb-silver.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-64gb-silver",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 64GB Silver",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "64GB",
-	"priceRegular": 1480,
-	"priceDiscount": 1400,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/silver/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/silver/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/silver/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-11-pro-max-64gb-spacegray.json b/public/_new/products/apple-iphone-11-pro-max-64gb-spacegray.json
deleted file mode 100644
index 810e0ffaab..0000000000
--- a/public/_new/products/apple-iphone-11-pro-max-64gb-spacegray.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-11-pro-max-64gb-spacegray",
-	"namespaceId": "apple-iphone-11-pro-max",
-	"name": "Apple iPhone 11 Pro Max 64GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB", "512GB"],
-	"capacity": "64GB",
-	"priceRegular": 1480,
-	"priceDiscount": 1400,
-	"colorsAvailable": ["spacegray", "midnightgreen", "gold", "silver"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-11-pro-max/spacegray/00.jpg",
-		"img/phones/apple-iphone-11-pro-max/spacegray/01.jpg",
-		"img/phones/apple-iphone-11-pro-max/spacegray/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED",
-	"resolution": "2688х1242",
-	"processor": "Apple A13 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-7-32gb-black.json b/public/_new/products/apple-iphone-7-32gb-black.json
deleted file mode 100644
index b6bc590070..0000000000
--- a/public/_new/products/apple-iphone-7-32gb-black.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-7-32gb-black",
-	"namespaceId": "apple-iphone-7",
-	"name": "Apple iPhone 7 32GB Black",
-	"capacityAvailable": ["32GB"],
-	"capacity": "32GB",
-	"priceRegular": 400,
-	"priceDiscount": 375,
-	"colorsAvailable": ["black", "rosegold", "gold", "silver"],
-	"color": "black",
-	"images": [
-		"img/phones/apple-iphone-7/black/00.jpg",
-		"img/phones/apple-iphone-7/black/01.jpg",
-		"img/phones/apple-iphone-7/black/02.jpg",
-		"img/phones/apple-iphone-7/black/03.jpg",
-		"img/phones/apple-iphone-7/black/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "4.7' IPS",
-	"resolution": "1334x750",
-	"processor": "Apple A10",
-	"ram": "2GB",
-	"camera": "12 Mp + 7 Mp",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-7-32gb-gold.json b/public/_new/products/apple-iphone-7-32gb-gold.json
deleted file mode 100644
index f1e3f1c0a2..0000000000
--- a/public/_new/products/apple-iphone-7-32gb-gold.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "id": "apple-iphone-7-32gb-gold",
-  "namespaceId": "apple-iphone-7",
-  "name": "Apple iPhone 7 32GB Gold",
-  "capacityAvailable": ["32GB"],
-  "capacity": "32GB",
-  "priceRegular": 400,
-  "priceDiscount": 375,
-  "colorsAvailable": ["black", "rosegold", "gold", "silver"],
-  "color": "gold",
-  "images": [
-    "img/phones/apple-iphone-7/gold/00.jpg",
-    "img/phones/apple-iphone-7/gold/01.jpg",
-    "img/phones/apple-iphone-7/gold/02.jpg",
-    "img/phones/apple-iphone-7/gold/03.jpg",
-    "img/phones/apple-iphone-7/gold/04.jpg"
-  ],
-  "description": [
-    {
-      "title": "And then there was Pro",
-      "text": [
-        "A transformative triple-camera system that adds tons of capability without complexity.",
-        "An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-      ]
-    },
-    {
-      "title": "Camera",
-      "text": [
-        "Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-      ]
-    },
-    {
-      "title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-      "text": [
-        "iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-      ]
-    }
-  ],
-  "screen": "4.7' IPS",
-  "resolution": "1334x750",
-  "processor": "Apple A10",
-  "ram": "2GB",
-  "camera": "12 Mp + 7 Mp",
-  "zoom": "Digital, 5x",
-  "cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-7-32gb-rosegold.json b/public/_new/products/apple-iphone-7-32gb-rosegold.json
deleted file mode 100644
index 4b1cb140ba..0000000000
--- a/public/_new/products/apple-iphone-7-32gb-rosegold.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-7-32gb-rosegold",
-	"namespaceId": "apple-iphone-7",
-	"name": "Apple iPhone 7 32GB Rosegold",
-	"capacityAvailable": ["32GB"],
-	"capacity": "32GB",
-	"priceRegular": 400,
-	"priceDiscount": 375,
-	"colorsAvailable": ["black", "rosegold", "gold", "silver"],
-	"color": "rosegold",
-	"images": [
-		"img/phones/apple-iphone-7/rosegold/00.jpg",
-		"img/phones/apple-iphone-7/rosegold/01.jpg",
-		"img/phones/apple-iphone-7/rosegold/02.jpg",
-		"img/phones/apple-iphone-7/rosegold/03.jpg",
-		"img/phones/apple-iphone-7/rosegold/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "4.7' IPS",
-	"resolution": "1334x750",
-	"processor": "Apple A10",
-	"ram": "2GB",
-	"camera": "12 Mp + 7 Mp",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-7-32gb-silver.json b/public/_new/products/apple-iphone-7-32gb-silver.json
deleted file mode 100644
index e73d4277cb..0000000000
--- a/public/_new/products/apple-iphone-7-32gb-silver.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "id": "apple-iphone-7-32gb-silver",
-  "namespaceId": "apple-iphone-7",
-  "name": "Apple iPhone 7 32GB Silver",
-  "capacityAvailable": ["32GB"],
-  "capacity": "32GB",
-  "priceRegular": 400,
-  "priceDiscount": 375,
-  "colorsAvailable": ["black", "rosegold", "gold", "silver"],
-  "color": "silver",
-  "images": [
-    "img/phones/apple-iphone-7/silver/00.jpg",
-    "img/phones/apple-iphone-7/silver/01.jpg",
-    "img/phones/apple-iphone-7/silver/02.jpg",
-    "img/phones/apple-iphone-7/silver/03.jpg",
-    "img/phones/apple-iphone-7/silver/04.jpg"
-  ],
-  "description": [
-    {
-      "title": "And then there was Pro",
-      "text": [
-        "A transformative triple-camera system that adds tons of capability without complexity.",
-        "An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-      ]
-    },
-    {
-      "title": "Camera",
-      "text": [
-        "Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-      ]
-    },
-    {
-      "title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-      "text": [
-        "iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-      ]
-    }
-  ],
-  "screen": "4.7' IPS",
-  "resolution": "1334x750",
-  "processor": "Apple A10",
-  "ram": "2GB",
-  "camera": "12 Mp + 7 Mp",
-  "zoom": "Digital, 5x",
-  "cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-7-plus-32gb-black.json b/public/_new/products/apple-iphone-7-plus-32gb-black.json
deleted file mode 100644
index e997e148c2..0000000000
--- a/public/_new/products/apple-iphone-7-plus-32gb-black.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-7-plus-32gb-black",
-	"namespaceId": "apple-iphone-7-plus",
-	"name": "Apple iPhone 7 Plus 32GB Black",
-	"capacityAvailable": ["32GB"],
-	"capacity": "32GB",
-	"priceRegular": 540,
-	"priceDiscount": 500,
-	"colorsAvailable": ["black", "rosegold", "gold", "silver"],
-	"color": "black",
-	"images": [
-		"img/phones/apple-iphone-7-plus/black/00.jpg",
-		"img/phones/apple-iphone-7-plus/black/01.jpg",
-		"img/phones/apple-iphone-7-plus/black/02.jpg",
-		"img/phones/apple-iphone-7-plus/black/03.jpg",
-		"img/phones/apple-iphone-7-plus/black/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.5' IPS",
-	"resolution": "1920x1080",
-	"processor": "Apple A10",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 Mp",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-7-plus-32gb-gold.json b/public/_new/products/apple-iphone-7-plus-32gb-gold.json
deleted file mode 100644
index 97459f6598..0000000000
--- a/public/_new/products/apple-iphone-7-plus-32gb-gold.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-7-plus-32gb-gold",
-	"namespaceId": "apple-iphone-7-plus",
-	"name": "Apple iPhone 7 Plus 32GB Gold",
-	"capacityAvailable": ["32GB"],
-	"capacity": "32GB",
-	"priceRegular": 540,
-	"priceDiscount": 500,
-	"colorsAvailable": ["black", "rosegold", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-7-plus/gold/00.jpg",
-		"img/phones/apple-iphone-7-plus/gold/01.jpg",
-		"img/phones/apple-iphone-7-plus/gold/02.jpg",
-		"img/phones/apple-iphone-7-plus/gold/03.jpg",
-		"img/phones/apple-iphone-7-plus/gold/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.5' IPS",
-	"resolution": "1920x1080",
-	"processor": "Apple A10",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 Mp",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-7-plus-32gb-rosegold.json b/public/_new/products/apple-iphone-7-plus-32gb-rosegold.json
deleted file mode 100644
index 251c4ba2b0..0000000000
--- a/public/_new/products/apple-iphone-7-plus-32gb-rosegold.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-7-plus-32gb-rosegold",
-	"namespaceId": "apple-iphone-7-plus",
-	"name": "Apple iPhone 7 Plus 32GB Rosegold",
-	"capacityAvailable": ["32GB"],
-	"capacity": "32GB",
-	"priceRegular": 540,
-	"priceDiscount": 500,
-	"colorsAvailable": ["black", "rosegold", "gold", "silver"],
-	"color": "rosegold",
-	"images": [
-		"img/phones/apple-iphone-7-plus/rosegold/00.jpg",
-		"img/phones/apple-iphone-7-plus/rosegold/01.jpg",
-		"img/phones/apple-iphone-7-plus/rosegold/02.jpg",
-		"img/phones/apple-iphone-7-plus/rosegold/03.jpg",
-		"img/phones/apple-iphone-7-plus/rosegold/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.5' IPS",
-	"resolution": "1920x1080",
-	"processor": "Apple A10",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 Mp",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-7-plus-32gb-silver.json b/public/_new/products/apple-iphone-7-plus-32gb-silver.json
deleted file mode 100644
index 7cfefde661..0000000000
--- a/public/_new/products/apple-iphone-7-plus-32gb-silver.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-7-plus-32gb-silver",
-	"namespaceId": "apple-iphone-7-plus",
-	"name": "Apple iPhone 7 Plus 32GB Silver",
-	"capacityAvailable": ["32GB"],
-	"capacity": "32GB",
-	"priceRegular": 540,
-	"priceDiscount": 500,
-	"colorsAvailable": ["black", "rosegold", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-7-plus/silver/00.jpg",
-		"img/phones/apple-iphone-7-plus/silver/01.jpg",
-		"img/phones/apple-iphone-7-plus/silver/02.jpg",
-		"img/phones/apple-iphone-7-plus/silver/03.jpg",
-		"img/phones/apple-iphone-7-plus/silver/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.5' IPS",
-	"resolution": "1920x1080",
-	"processor": "Apple A10",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 Mp",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-8-64gb-gold.json b/public/_new/products/apple-iphone-8-64gb-gold.json
deleted file mode 100644
index 52b9f5c83b..0000000000
--- a/public/_new/products/apple-iphone-8-64gb-gold.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-    "id": "apple-iphone-8-64gb-gold",
-	"namespaceId": "apple-iphone-8",
-	"name": "Apple iPhone 8 64GB Gold",
-	"capacityAvailable": ["64GB"],
-	"capacity": "64GB",
-	"priceRegular": 600,
-	"priceDiscount": 550,
-	"colorsAvailable": ["spacegray", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-8/gold/00.jpg",
-		"img/phones/apple-iphone-8/gold/01.jpg",
-		"img/phones/apple-iphone-8/gold/02.jpg",
-		"img/phones/apple-iphone-8/gold/03.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "4.7' IPS",
-	"resolution": "1334x750",
-	"processor": "Apple A11 Bionic",
-	"ram": "2GB",
-	"camera": "12 Mp + 7 Mp",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-8-64gb-silver.json b/public/_new/products/apple-iphone-8-64gb-silver.json
deleted file mode 100644
index 43f1c61355..0000000000
--- a/public/_new/products/apple-iphone-8-64gb-silver.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-    "id": "apple-iphone-8-64gb-silver",
-	"namespaceId": "apple-iphone-8",
-	"name": "Apple iPhone 8 64GB Silver",
-	"capacityAvailable": ["64GB"],
-	"capacity": "64GB",
-	"priceRegular": 600,
-	"priceDiscount": 550,
-	"colorsAvailable": ["spacegray", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-8/silver/00.jpg",
-		"img/phones/apple-iphone-8/silver/01.jpg",
-		"img/phones/apple-iphone-8/silver/02.jpg",
-		"img/phones/apple-iphone-8/silver/03.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "4.7' IPS",
-	"resolution": "1334x750",
-	"processor": "Apple A11 Bionic",
-	"ram": "2GB",
-	"camera": "12 Mp + 7 Mp",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-8-64gb-spacegray.json b/public/_new/products/apple-iphone-8-64gb-spacegray.json
deleted file mode 100644
index 87fc1a3117..0000000000
--- a/public/_new/products/apple-iphone-8-64gb-spacegray.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-    "id": "apple-iphone-8-64gb-spacegray",
-	"namespaceId": "apple-iphone-8",
-	"name": "Apple iPhone 8 64GB Space Gray",
-	"capacityAvailable": ["64GB"],
-	"capacity": "64GB",
-	"priceRegular": 600,
-	"priceDiscount": 550,
-	"colorsAvailable": ["spacegray", "gold", "silver"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-8/spacegray/00.jpg",
-		"img/phones/apple-iphone-8/spacegray/01.jpg",
-		"img/phones/apple-iphone-8/spacegray/02.jpg",
-		"img/phones/apple-iphone-8/spacegray/03.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "4.7' IPS",
-	"resolution": "1334x750",
-	"processor": "Apple A11 Bionic",
-	"ram": "2GB",
-	"camera": "12 Mp + 7 Mp",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xr-128gb-coral.json b/public/_new/products/apple-iphone-xr-128gb-coral.json
deleted file mode 100644
index 71bcd35097..0000000000
--- a/public/_new/products/apple-iphone-xr-128gb-coral.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xr-128gb-coral",
-	"namespaceId": "apple-iphone-xr",
-	"name": "Apple iPhone XR 128GB Coral",
-	"capacityAvailable": ["64GB", "128GB"],
-	"capacity": "128GB",
-	"priceRegular": 880,
-	"priceDiscount": 815,
-	"colorsAvailable": ["white", "yellow", "red", "coral"],
-	"color": "coral",
-	"images": [
-		"img/phones/apple-iphone-xr/coral/00.jpg",
-		"img/phones/apple-iphone-xr/coral/01.jpg",
-		"img/phones/apple-iphone-xr/coral/02.jpg",
-		"img/phones/apple-iphone-xr/coral/03.jpg",
-		"img/phones/apple-iphone-xr/coral/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792х828",
-	"processor": "Apple A12 Bionic",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xr-128gb-red.json b/public/_new/products/apple-iphone-xr-128gb-red.json
deleted file mode 100644
index 75dc5ca67d..0000000000
--- a/public/_new/products/apple-iphone-xr-128gb-red.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xr-128gb-red",
-	"namespaceId": "apple-iphone-xr",
-	"name": "Apple iPhone XR 128GB Red",
-	"capacityAvailable": ["64GB", "128GB"],
-	"capacity": "128GB",
-	"priceRegular": 880,
-	"priceDiscount": 815,
-	"colorsAvailable": ["white", "yellow", "red", "coral"],
-	"color": "red",
-	"images": [
-		"img/phones/apple-iphone-xr/red/00.jpg",
-		"img/phones/apple-iphone-xr/red/01.jpg",
-		"img/phones/apple-iphone-xr/red/02.jpg",
-		"img/phones/apple-iphone-xr/red/03.jpg",
-		"img/phones/apple-iphone-xr/red/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792х828",
-	"processor": "Apple A12 Bionic",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xr-128gb-white.json b/public/_new/products/apple-iphone-xr-128gb-white.json
deleted file mode 100644
index 8d23f8b35a..0000000000
--- a/public/_new/products/apple-iphone-xr-128gb-white.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xr-128gb-white",
-	"namespaceId": "apple-iphone-xr",
-	"name": "Apple iPhone XR 128GB White",
-	"capacityAvailable": ["64GB", "128GB"],
-	"capacity": "128GB",
-	"priceRegular": 880,
-	"priceDiscount": 815,
-	"colorsAvailable": ["white", "yellow", "red", "coral"],
-	"color": "white",
-	"images": [
-		"img/phones/apple-iphone-xr/white/00.jpg",
-		"img/phones/apple-iphone-xr/white/01.jpg",
-		"img/phones/apple-iphone-xr/white/02.jpg",
-		"img/phones/apple-iphone-xr/white/03.jpg",
-		"img/phones/apple-iphone-xr/white/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792х828",
-	"processor": "Apple A12 Bionic",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xr-128gb-yellow.json b/public/_new/products/apple-iphone-xr-128gb-yellow.json
deleted file mode 100644
index 24838d4dee..0000000000
--- a/public/_new/products/apple-iphone-xr-128gb-yellow.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xr-128gb-yellow",
-	"namespaceId": "apple-iphone-xr",
-	"name": "Apple iPhone XR 128GB Yellow",
-	"capacityAvailable": ["64GB", "128GB"],
-	"capacity": "128GB",
-	"priceRegular": 880,
-	"priceDiscount": 815,
-	"colorsAvailable": ["white", "yellow", "red", "coral"],
-	"color": "yellow",
-	"images": [
-		"img/phones/apple-iphone-xr/yellow/00.jpg",
-		"img/phones/apple-iphone-xr/yellow/01.jpg",
-		"img/phones/apple-iphone-xr/yellow/02.jpg",
-		"img/phones/apple-iphone-xr/yellow/03.jpg",
-		"img/phones/apple-iphone-xr/yellow/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792х828",
-	"processor": "Apple A12 Bionic",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xr-64gb-coral.json b/public/_new/products/apple-iphone-xr-64gb-coral.json
deleted file mode 100644
index cd1e7a1416..0000000000
--- a/public/_new/products/apple-iphone-xr-64gb-coral.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-    "id": "apple-iphone-xr-64gb-coral",
-	"namespaceId": "apple-iphone-xr",
-	"name": "Apple iPhone XR 64GB Coral",
-	"capacityAvailable": ["64GB", "128GB"],
-	"capacity": "64GB",
-	"priceRegular": 712,
-	"priceDiscount": 670,
-	"colorsAvailable": ["white", "yellow", "red", "coral"],
-	"color": "coral",
-	"images": [
-		"img/phones/apple-iphone-xr/coral/00.jpg",
-		"img/phones/apple-iphone-xr/coral/01.jpg",
-		"img/phones/apple-iphone-xr/coral/02.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792х828",
-	"processor": "Apple A12 Bionic",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xr-64gb-red.json b/public/_new/products/apple-iphone-xr-64gb-red.json
deleted file mode 100644
index 062ebb9233..0000000000
--- a/public/_new/products/apple-iphone-xr-64gb-red.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xr-64gb-red",
-	"namespaceId": "apple-iphone-xr",
-	"name": "Apple iPhone XR 64GB Red",
-	"capacityAvailable": ["64GB", "128GB"],
-	"capacity": "64GB",
-	"priceRegular": 712,
-	"priceDiscount": 670,
-	"colorsAvailable": ["white", "yellow", "red", "coral"],
-	"color": "red",
-	"images": [
-		"img/phones/apple-iphone-xr/red/00.jpg",
-		"img/phones/apple-iphone-xr/red/01.jpg",
-		"img/phones/apple-iphone-xr/red/02.jpg",
-		"img/phones/apple-iphone-xr/red/03.jpg",
-		"img/phones/apple-iphone-xr/red/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792х828",
-	"processor": "Apple A12 Bionic",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xr-64gb-white.json b/public/_new/products/apple-iphone-xr-64gb-white.json
deleted file mode 100644
index 6d44064ce1..0000000000
--- a/public/_new/products/apple-iphone-xr-64gb-white.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xr-64gb-white",
-	"namespaceId": "apple-iphone-xr",
-	"name": "Apple iPhone XR 64GB White",
-	"capacityAvailable": ["64GB", "128GB"],
-	"capacity": "64GB",
-	"priceRegular": 712,
-	"priceDiscount": 670,
-	"colorsAvailable": ["white", "yellow", "red", "coral"],
-	"color": "white",
-	"images": [
-		"img/phones/apple-iphone-xr/white/00.jpg",
-		"img/phones/apple-iphone-xr/white/01.jpg",
-		"img/phones/apple-iphone-xr/white/02.jpg",
-		"img/phones/apple-iphone-xr/white/03.jpg",
-		"img/phones/apple-iphone-xr/white/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792х828",
-	"processor": "Apple A12 Bionic",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xr-64gb-yellow.json b/public/_new/products/apple-iphone-xr-64gb-yellow.json
deleted file mode 100644
index 154a598074..0000000000
--- a/public/_new/products/apple-iphone-xr-64gb-yellow.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xr-64gb-yellow",
-	"namespaceId": "apple-iphone-xr",
-	"name": "Apple iPhone XR 64GB Yellow",
-	"capacityAvailable": ["64GB", "128GB"],
-	"capacity": "64GB",
-	"priceRegular": 712,
-	"priceDiscount": 670,
-	"colorsAvailable": ["white", "yellow", "red", "coral"],
-	"color": "yellow",
-	"images": [
-		"img/phones/apple-iphone-xr/yellow/00.jpg",
-		"img/phones/apple-iphone-xr/yellow/01.jpg",
-		"img/phones/apple-iphone-xr/yellow/02.jpg",
-		"img/phones/apple-iphone-xr/yellow/03.jpg",
-		"img/phones/apple-iphone-xr/yellow/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.1' IPS",
-	"resolution": "1792х828",
-	"processor": "Apple A12 Bionic",
-	"ram": "3GB",
-	"camera": "12 Mp + 7 MP",
-	"zoom": "Digital, 5x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-256gb-gold.json b/public/_new/products/apple-iphone-xs-256gb-gold.json
deleted file mode 100644
index c84d069a93..0000000000
--- a/public/_new/products/apple-iphone-xs-256gb-gold.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-256gb-gold",
-	"namespaceId": "apple-iphone-xs",
-	"name": "Apple iPhone XS 256GB Gold",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 960,
-	"priceDiscount": 900,
-	"colorsAvailable": ["spacegray", "gold"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-xs/gold/00.jpg",
-		"img/phones/apple-iphone-xs/gold/01.jpg",
-		"img/phones/apple-iphone-xs/gold/02.jpg",
-		"img/phones/apple-iphone-xs/gold/03.jpg",
-		"img/phones/apple-iphone-xs/gold/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-256gb-spacegray.json b/public/_new/products/apple-iphone-xs-256gb-spacegray.json
deleted file mode 100644
index bc67a3c845..0000000000
--- a/public/_new/products/apple-iphone-xs-256gb-spacegray.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-256gb-spacegray",
-	"namespaceId": "apple-iphone-xs",
-	"name": "Apple iPhone XS 256GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 960,
-	"priceDiscount": 900,
-	"colorsAvailable": ["spacegray", "gold"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-xs/spacegray/00.jpg",
-		"img/phones/apple-iphone-xs/spacegray/01.jpg",
-		"img/phones/apple-iphone-xs/spacegray/02.jpg",
-		"img/phones/apple-iphone-xs/spacegray/03.jpg",
-		"img/phones/apple-iphone-xs/spacegray/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-64gb-gold.json b/public/_new/products/apple-iphone-xs-64gb-gold.json
deleted file mode 100644
index 5f759cefb3..0000000000
--- a/public/_new/products/apple-iphone-xs-64gb-gold.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-64gb-gold",
-	"namespaceId": "apple-iphone-xs",
-	"name": "Apple iPhone XS 64GB Gold",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 760,
-	"priceDiscount": 720,
-	"colorsAvailable": ["spacegray", "gold"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-xs/gold/00.jpg",
-		"img/phones/apple-iphone-xs/gold/01.jpg",
-		"img/phones/apple-iphone-xs/gold/02.jpg",
-		"img/phones/apple-iphone-xs/gold/03.jpg",
-		"img/phones/apple-iphone-xs/gold/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-64gb-spacegray.json b/public/_new/products/apple-iphone-xs-64gb-spacegray.json
deleted file mode 100644
index 99068d83cc..0000000000
--- a/public/_new/products/apple-iphone-xs-64gb-spacegray.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-64gb-spacegray",
-	"namespaceId": "apple-iphone-xs",
-	"name": "Apple iPhone XS 64GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 760,
-	"priceDiscount": 720,
-	"colorsAvailable": ["spacegray", "gold"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-xs/spacegray/00.jpg",
-		"img/phones/apple-iphone-xs/spacegray/01.jpg",
-		"img/phones/apple-iphone-xs/spacegray/02.jpg",
-		"img/phones/apple-iphone-xs/spacegray/03.jpg",
-		"img/phones/apple-iphone-xs/spacegray/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "5.8' OLED",
-	"resolution": "2436х1125",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 12MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-max-256gb-gold.json b/public/_new/products/apple-iphone-xs-max-256gb-gold.json
deleted file mode 100644
index 415d8c03ab..0000000000
--- a/public/_new/products/apple-iphone-xs-max-256gb-gold.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-max-256gb-gold",
-	"namespaceId": "apple-iphone-xs-max",
-	"name": "Apple iPhone XS Max 256GB Gold",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 1080,
-	"priceDiscount": 1000,
-	"colorsAvailable": ["spacegray", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-xs-max/gold/00.jpg",
-		"img/phones/apple-iphone-xs-max/gold/01.jpg",
-		"img/phones/apple-iphone-xs-max/gold/02.jpg",
-		"img/phones/apple-iphone-xs-max/gold/03.jpg",
-		"img/phones/apple-iphone-xs-max/gold/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED (Super Retina HD)",
-	"resolution": "2688х1242",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 7MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-max-256gb-silver.json b/public/_new/products/apple-iphone-xs-max-256gb-silver.json
deleted file mode 100644
index ca6db8cae1..0000000000
--- a/public/_new/products/apple-iphone-xs-max-256gb-silver.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-max-256gb-silver",
-	"namespaceId": "apple-iphone-xs-max",
-	"name": "Apple iPhone XS Max 256GB Silver",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 1080,
-	"priceDiscount": 1000,
-	"colorsAvailable": ["spacegray", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-xs-max/silver/00.jpg",
-		"img/phones/apple-iphone-xs-max/silver/01.jpg",
-		"img/phones/apple-iphone-xs-max/silver/02.jpg",
-		"img/phones/apple-iphone-xs-max/silver/03.jpg",
-		"img/phones/apple-iphone-xs-max/silver/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED (Super Retina HD)",
-	"resolution": "2688х1242",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 7MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-max-256gb-spacegray.json b/public/_new/products/apple-iphone-xs-max-256gb-spacegray.json
deleted file mode 100644
index c8d012964e..0000000000
--- a/public/_new/products/apple-iphone-xs-max-256gb-spacegray.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-max-256gb-spacegray",
-	"namespaceId": "apple-iphone-xs-max",
-	"name": "Apple iPhone XS Max 256GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "256GB",
-	"priceRegular": 1080,
-	"priceDiscount": 1000,
-	"colorsAvailable": ["spacegray", "gold", "silver"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-xs-max/spacegray/00.jpg",
-		"img/phones/apple-iphone-xs-max/spacegray/01.jpg",
-		"img/phones/apple-iphone-xs-max/spacegray/02.jpg",
-		"img/phones/apple-iphone-xs-max/spacegray/03.jpg",
-		"img/phones/apple-iphone-xs-max/spacegray/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED (Super Retina HD)",
-	"resolution": "2688х1242",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 7MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-max-64gb-gold.json b/public/_new/products/apple-iphone-xs-max-64gb-gold.json
deleted file mode 100644
index 291f650595..0000000000
--- a/public/_new/products/apple-iphone-xs-max-64gb-gold.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-max-64gb-gold",
-	"namespaceId": "apple-iphone-xs-max",
-	"name": "Apple iPhone XS Max 64GB Gold",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 960,
-	"priceDiscount": 900,
-	"colorsAvailable": ["spacegray", "gold", "silver"],
-	"color": "gold",
-	"images": [
-		"img/phones/apple-iphone-xs-max/gold/00.jpg",
-		"img/phones/apple-iphone-xs-max/gold/01.jpg",
-		"img/phones/apple-iphone-xs-max/gold/02.jpg",
-		"img/phones/apple-iphone-xs-max/gold/03.jpg",
-		"img/phones/apple-iphone-xs-max/gold/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED (Super Retina HD)",
-	"resolution": "2688х1242",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 7MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-max-64gb-silver.json b/public/_new/products/apple-iphone-xs-max-64gb-silver.json
deleted file mode 100644
index 47f8f95c35..0000000000
--- a/public/_new/products/apple-iphone-xs-max-64gb-silver.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-max-64gb-silver",
-	"namespaceId": "apple-iphone-xs-max",
-	"name": "Apple iPhone XS Max 64GB Silver",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 960,
-	"priceDiscount": 900,
-	"colorsAvailable": ["spacegray", "gold", "silver"],
-	"color": "silver",
-	"images": [
-		"img/phones/apple-iphone-xs-max/silver/00.jpg",
-		"img/phones/apple-iphone-xs-max/silver/01.jpg",
-		"img/phones/apple-iphone-xs-max/silver/02.jpg",
-		"img/phones/apple-iphone-xs-max/silver/03.jpg",
-		"img/phones/apple-iphone-xs-max/silver/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED (Super Retina HD)",
-	"resolution": "2688х1242",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 7MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/_new/products/apple-iphone-xs-max-64gb-spacegray.json b/public/_new/products/apple-iphone-xs-max-64gb-spacegray.json
deleted file mode 100644
index b145bd0728..0000000000
--- a/public/_new/products/apple-iphone-xs-max-64gb-spacegray.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "id": "apple-iphone-xs-max-64gb-spacegray",
-	"namespaceId": "apple-iphone-xs-max",
-	"name": "Apple iPhone XS Max 64GB Spacegray",
-	"capacityAvailable": ["64GB", "256GB"],
-	"capacity": "64GB",
-	"priceRegular": 960,
-	"priceDiscount": 900,
-	"colorsAvailable": ["spacegray", "gold", "silver"],
-	"color": "spacegray",
-	"images": [
-		"img/phones/apple-iphone-xs-max/spacegray/00.jpg",
-		"img/phones/apple-iphone-xs-max/spacegray/01.jpg",
-		"img/phones/apple-iphone-xs-max/spacegray/02.jpg",
-		"img/phones/apple-iphone-xs-max/spacegray/03.jpg",
-		"img/phones/apple-iphone-xs-max/spacegray/04.jpg"
-	],
-	"description": [
-		{
-			"title": "And then there was Pro",
-			"text": [
-				"A transformative triple-camera system that adds tons of capability without complexity.",
-				"An unprecedented leap in battery life. And a mind-blowing chip that doubles down on machine learning and pushes the boundaries of what a smartphone can do. Welcome to the first iPhone powerful enough to be called Pro."
-			]
-		},
-		{
-			"title": "Camera",
-			"text": [
-				"Meet the first triple-camera system to combine cutting-edge technology with the legendary simplicity of iPhone. Capture up to four times more scene. Get beautiful images in drastically lower light. Shoot the highest-quality video in a smartphone — then edit with the same tools you love for photos. You’ve never shot with anything like it."
-			]
-		},
-		{
-			"title": "Shoot it. Flip it. Zoom it. Crop it. Cut it. Light it. Tweak it. Love it.",
-			"text": [
-				"iPhone 11 Pro lets you capture videos that are beautifully true to life, with greater detail and smoother motion. Epic processing power means it can shoot 4K video with extended dynamic range and cinematic video stabilization — all at 60 fps. You get more creative control, too, with four times more scene and powerful new editing tools to play with."
-			]
-		}
-	],
-	"screen": "6.5' OLED (Super Retina HD)",
-	"resolution": "2688х1242",
-	"processor": "Apple A12 Bionic",
-	"ram": "4GB",
-	"camera": "12 Mp + 12 Mp + 7MP",
-	"zoom": "Digital, 10x / Optical, 2x",
-	"cell": ["GPRS", "EDGE", "WCDMA", "UMTS", "HSPA", "LTE"]
-}
diff --git a/public/api/products.json b/public/api/products.json
deleted file mode 100644
index 1bfa303c9d..0000000000
--- a/public/api/products.json
+++ /dev/null
@@ -1,263 +0,0 @@
-[
-  {
-    "age": 0,
-    "id": "motorola-xoom-with-wi-fi",
-    "type": "tablet",
-    "imageUrl": "img/phones/motorola-xoom-with-wi-fi.0.jpg",
-    "name": "Motorola XOOM™ with Wi-Fi",
-    "snippet": "The Next, Next Generation\r\n\r\nExperience the future with Motorola XOOM with Wi-Fi, the world's first tablet powered by Android 3.0 (Honeycomb).",
-    "price": 780,
-    "discount": 0,
-    "screen": "10.1 inches",
-    "capacity": "32000MB",
-    "ram": "1000MB"
-  },
-  {
-    "age": 1,
-    "type": "tablet",
-    "id": "motorola-xoom",
-    "imageUrl": "img/phones/motorola-xoom.0.jpg",
-    "name": "MOTOROLA XOOM™",
-    "snippet": "The Next, Next Generation\n\nExperience the future with MOTOROLA XOOM, the world's first tablet powered by Android 3.0 (Honeycomb).",
-    "price": 910,
-    "discount": 10,
-    "screen": "10.1 inches",
-    "capacity": "32000MB",
-    "ram": "1000MB"
-  },
-  {
-    "age": 2,
-    "type": "phone",
-    "id": "motorola-atrix-4g",
-    "imageUrl": "img/phones/motorola-atrix-4g.0.jpg",
-    "name": "MOTOROLA ATRIX™ 4G",
-    "snippet": "MOTOROLA ATRIX 4G the world's most powerful smartphone.",
-    "price": 430,
-    "discount": 0,
-    "screen": "4.0 inches",
-    "capacity": "",
-    "ram": ""
-  },
-  {
-    "age": 3,
-    "type": "tablet",
-    "id": "dell-streak-7",
-    "imageUrl": "img/phones/dell-streak-7.0.jpg",
-    "name": "Dell Streak 7",
-    "snippet": "Introducing Dell™ Streak 7. Share photos, videos and movies together. It’s small enough to carry around, big enough to gather around.",
-    "price": 150,
-    "discount": 0,
-    "screen": "7.0 inches",
-    "capacity": "16000MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 4,
-    "type": "phone",
-    "id": "samsung-gem",
-    "imageUrl": "img/phones/samsung-gem.0.jpg",
-    "name": "Samsung Gem™",
-    "snippet": "The Samsung Gem™ brings you everything that you would expect and more from a touch display smart phone – more apps, more features and a more affordable price.",
-    "price": 560,
-    "discount": 10,
-    "screen": "3.2 inches",
-    "capacity": "220MB",
-    "ram": "256MB"
-  },
-  {
-    "age": 5,
-    "type": "phone",
-    "id": "dell-venue",
-    "imageUrl": "img/phones/dell-venue.0.jpg",
-    "name": "Dell Venue",
-    "snippet": "The Dell Venue; Your Personal Express Lane to Everything",
-    "price": 300,
-    "discount": 0,
-    "screen": "4.1 inches",
-    "capacity": "1000MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 6,
-    "type": "phone",
-    "id": "nexus-s",
-    "imageUrl": "img/phones/nexus-s.0.jpg",
-    "name": "Nexus S",
-    "snippet": "Fast just got faster with Nexus S. A pure Google experience, Nexus S is the first phone to run Gingerbread (Android 2.3), the fastest version of Android yet.",
-    "price": 480,
-    "discount": 10,
-    "screen": "4.0 inches",
-    "capacity": "16384MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 7,
-    "type": "phone",
-    "id": "lg-axis",
-    "imageUrl": "img/phones/lg-axis.0.jpg",
-    "name": "LG Axis",
-    "snippet": "Android Powered, Google Maps Navigation, 5 Customizable Home Screens",
-    "price": 590,
-    "discount": 20,
-    "screen": "3.2 inches",
-    "capacity": "126MB",
-    "ram": "256MB"
-  },
-  {
-    "age": 8,
-    "type": "tablet",
-    "id": "samsung-galaxy-tab",
-    "imageUrl": "img/phones/samsung-galaxy-tab.0.jpg",
-    "name": "Samsung Galaxy Tab™",
-    "snippet": "Feel Free to Tab™. The Samsung Galaxy Tab™ brings you an ultra-mobile entertainment experience through its 7” display, high-power processor and Adobe® Flash® Player compatibility.",
-    "price": 190,
-    "discount": 0,
-    "screen": "7.0 inches",
-    "capacity": "16384MB",
-    "ram": "640MB"
-  },
-  {
-    "age": 9,
-    "type": "phone",
-    "id": "samsung-showcase-a-galaxy-s-phone",
-    "imageUrl": "img/phones/samsung-showcase-a-galaxy-s-phone.0.jpg",
-    "name": "Samsung Showcase™ a Galaxy S™ phone",
-    "snippet": "The Samsung Showcase™ delivers a cinema quality experience like you’ve never seen before. Its innovative 4” touch display technology provides rich picture brilliance, even outdoors",
-    "price": 350,
-    "discount": 20,
-    "screen": "4.0 inches",
-    "capacity": "2048MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 10,
-    "type": "phone",
-    "id": "droid-2-global-by-motorola",
-    "imageUrl": "img/phones/droid-2-global-by-motorola.0.jpg",
-    "name": "DROID™ 2 Global by Motorola",
-    "snippet": "The first smartphone with a 1.2 GHz processor and global capabilities.",
-    "price": 350,
-    "discount": 20,
-    "screen": "3.7 inches",
-    "capacity": "8192MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 11,
-    "type": "phone",
-    "id": "droid-pro-by-motorola",
-    "imageUrl": "img/phones/droid-pro-by-motorola.0.jpg",
-    "name": "DROID™ Pro by Motorola",
-    "snippet": "The next generation of DOES.",
-    "price": 740,
-    "discount": 10,
-    "screen": "3.1 inches",
-    "capacity": "2048MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 12,
-    "type": "phone",
-    "id": "motorola-bravo-with-motoblur",
-    "imageUrl": "img/phones/motorola-bravo-with-motoblur.0.jpg",
-    "name": "MOTOROLA BRAVO™ with MOTOBLUR™",
-    "snippet": "An experience to cheer about.",
-    "price": 250,
-    "discount": 0,
-    "screen": "3.7 inches",
-    "capacity": "2000MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 13,
-    "type": "phone",
-    "carrier": "T-Mobile",
-    "id": "motorola-defy-with-motoblur",
-    "imageUrl": "img/phones/motorola-defy-with-motoblur.0.jpg",
-    "name": "Motorola DEFY™ with MOTOBLUR™",
-    "snippet": "Are you ready for everything life throws your way?",
-    "price": 920,
-    "discount": 20,
-    "screen": "3.7 inches",
-    "capacity": "2000MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 14,
-    "type": "phone",
-    "id": "t-mobile-mytouch-4g",
-    "imageUrl": "img/phones/t-mobile-mytouch-4g.0.jpg",
-    "name": "T-Mobile myTouch 4G",
-    "snippet": "The T-Mobile myTouch 4G is a premium smartphone designed to deliver blazing fast 4G speeds so that you can video chat from practically anywhere, with or without Wi-Fi.",
-    "price": 390,
-    "discount": 10,
-    "screen": "3.8 inches",
-    "capacity": "1100MB",
-    "ram": "768MB"
-  },
-  {
-    "age": 15,
-    "type": "phone",
-    "id": "samsung-mesmerize-a-galaxy-s-phone",
-    "imageUrl": "img/phones/samsung-mesmerize-a-galaxy-s-phone.0.jpg",
-    "name": "Samsung Mesmerize™ a Galaxy S™ phone",
-    "snippet": "The Samsung Mesmerize™ delivers a cinema quality experience like you’ve never seen before. Its innovative 4” touch display technology provides rich picture brilliance,even outdoors",
-    "price": 960,
-    "discount": 10,
-    "screen": "4.0 inches",
-    "capacity": "2048MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 16,
-    "type": "phone",
-    "id": "sanyo-zio",
-    "imageUrl": "img/phones/sanyo-zio.0.jpg",
-    "name": "SANYO ZIO",
-    "snippet": "The Sanyo Zio by Kyocera is an Android smartphone with a combination of ultra-sleek styling, strong performance and unprecedented value.",
-    "price": 750,
-    "discount": 20,
-    "screen": "3.5 inches",
-    "capacity": "130MB",
-    "ram": "256MB"
-  },
-  {
-    "age": 17,
-    "type": "phone",
-    "id": "samsung-transform",
-    "imageUrl": "img/phones/samsung-transform.0.jpg",
-    "name": "Samsung Transform™",
-    "snippet": "The Samsung Transform™ brings you a fun way to customize your Android powered touch screen phone to just the way you like it through your favorite themed “Sprint ID Service Pack”.",
-    "price": 30,
-    "discount": 20,
-    "screen": "3.5 inches",
-    "capacity": "180MB",
-    "ram": "384MB"
-  },
-  {
-    "age": 18,
-    "type": "phone",
-    "id": "t-mobile-g2",
-    "imageUrl": "img/phones/t-mobile-g2.0.jpg",
-    "name": "T-Mobile G2",
-    "snippet": "The T-Mobile G2 with Google is the first smartphone built for 4G speeds on T-Mobile's new network. Get the information you need, faster than you ever thought possible.",
-    "price": 640,
-    "discount": 0,
-    "screen": "3.7 inches",
-    "capacity": "4000MB",
-    "ram": "512MB"
-  },
-  {
-    "age": 19,
-    "type": "phone",
-    "id": "motorola-charm-with-motoblur",
-    "imageUrl": "img/phones/motorola-charm-with-motoblur.0.jpg",
-    "name": "Motorola CHARM™ with MOTOBLUR™",
-    "snippet": "Motorola CHARM fits easily in your pocket or palm.  Includes MOTOBLUR service.",
-    "price": 400,
-    "discount": 0,
-    "screen": "2.8 inches",
-    "capacity": "150MB",
-    "ram": "512MB"
-  }
-]
diff --git a/public/api/products/dell-streak-7.json b/public/api/products/dell-streak-7.json
deleted file mode 100644
index a32eb6ff98..0000000000
--- a/public/api/products/dell-streak-7.json
+++ /dev/null
@@ -1,64 +0,0 @@
-{
-    "additionalFeatures": "Front Facing 1.3MP Camera", 
-    "android": {
-        "os": "Android 2.2", 
-        "ui": "Dell Stage"
-    }, 
-    "availability": [
-        "T-Mobile"
-    ], 
-    "battery": {
-        "standbyTime": "", 
-        "talkTime": "", 
-        "type": "Lithium Ion (Li-Ion) (2780 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "T-mobile HSPA+ @ 2100/1900/AWS/850 MHz", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g"
-    }, 
-    "description": "Introducing Dell\u2122 Streak 7. Share photos, videos and movies together. It\u2019s small enough to carry around, big enough to gather around. Android\u2122 2.2-based tablet with over-the-air upgrade capability for future OS releases.  A vibrant 7-inch, multitouch display with full Adobe\u00ae Flash 10.1 pre-installed.  Includes a 1.3 MP front-facing camera for face-to-face chats on popular services such as Qik or Skype.  16 GB of internal storage, plus Wi-Fi, Bluetooth and built-in GPS keeps you in touch with the world around you.  Connect on your terms. Save with 2-year contract or flexibility with prepaid pay-as-you-go plans", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "7.0 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "nVidia Tegra T20", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "dell-streak-7", 
-    "images": [
-        "img/phones/dell-streak-7.0.jpg", 
-        "img/phones/dell-streak-7.1.jpg", 
-        "img/phones/dell-streak-7.2.jpg", 
-        "img/phones/dell-streak-7.3.jpg", 
-        "img/phones/dell-streak-7.4.jpg"
-    ], 
-    "name": "Dell Streak 7", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "199.9 mm (w)", 
-            "119.8 mm (h)", 
-            "12.4 mm (d)"
-        ], 
-        "weight": "450.0 grams"
-    }, 
-    "storage": {
-        "flash": "16000MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/dell-venue.json b/public/api/products/dell-venue.json
deleted file mode 100644
index 859d9d0f31..0000000000
--- a/public/api/products/dell-venue.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-    "additionalFeatures": "Gorilla Glass display, Dedicated Camera Key, Ring Silence Switch, Swype keyboard.", 
-    "android": {
-        "os": "Android 2.2", 
-        "ui": "Dell Stage"
-    }, 
-    "availability": [
-        "AT&T,", 
-        "KT,", 
-        "T-Mobile"
-    ], 
-    "battery": {
-        "standbyTime": "400 hours", 
-        "talkTime": "7 hours", 
-        "type": "Lithium Ion (Li-Ion) (1400 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "8.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "850/1900/2100 3G; 850/900/1800/1900 GSM/GPRS/EDGE\n900/1700/2100 3G; 850/900/1800/1900 GSM/GPRS/EDGE", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "The Venue is the perfect one-touch, Smart Phone providing instant access to everything you love. All of Venue's features make it perfect for on-the-go students, mobile professionals, and active social communicators who love style and performance.\n\nElegantly designed, the Venue offers a vibrant, curved glass display that\u2019s perfect for viewing all types of content. The Venue\u2019s slender form factor feels great in your hand and also slips easily into your pocket.  A mobile entertainment powerhouse that lets you download the latest tunes from Amazon MP3 or books from Kindle, watch video, or stream your favorite radio stations.  All on the go, anytime, anywhere.", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "4.1 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "1 Ghz processor", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "dell-venue", 
-    "images": [
-        "img/phones/dell-venue.0.jpg", 
-        "img/phones/dell-venue.1.jpg", 
-        "img/phones/dell-venue.2.jpg", 
-        "img/phones/dell-venue.3.jpg", 
-        "img/phones/dell-venue.4.jpg", 
-        "img/phones/dell-venue.5.jpg"
-    ], 
-    "name": "Dell Venue", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "64.0 mm (w)", 
-            "121.0 mm (h)", 
-            "12.9 mm (d)"
-        ], 
-        "weight": "164.0 grams"
-    }, 
-    "storage": {
-        "flash": "1000MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/droid-2-global-by-motorola.json b/public/api/products/droid-2-global-by-motorola.json
deleted file mode 100644
index 59d4fd08d8..0000000000
--- a/public/api/products/droid-2-global-by-motorola.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-    "additionalFeatures": "Adobe Flash Player 10, Quadband GSM Worldphone, Advance Business Security, Complex Password Secure, Review & Edit Documents with Quick Office, Personal 3G Mobile Hotspot for up to 5 WiFi enabled Devices, Advanced Social Networking brings all social content into a single homescreen widget", 
-    "android": {
-        "os": "Android 2.2", 
-        "ui": ""
-    }, 
-    "availability": [
-        "Verizon"
-    ], 
-    "battery": {
-        "standbyTime": "230 hours", 
-        "talkTime": "8 hours", 
-        "type": "Lithium Ion (Li-Ion) (1400 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "WCDMA 850/1900/2100, CDMA 800/1900, GSM 850/900/1800/1900, HSDPA 10.2 Mbps (Category 9/10), CDMA EV-DO Release A, EDGE Class 12, GPRS Class 12, HSUPA 1.8 Mbps", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "With Quad Band GSM, the DROID 2 Global can send email and make and receive calls from more than 200 countries. It features an improved QWERTY keyboard, super-fast 1.2 GHz processor and enhanced security for all your business needs.", 
-    "display": {
-        "screenResolution": "FWVGA (854 x 480)", 
-        "screenSize": "3.7 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "1.2 GHz TI OMAP", 
-        "fmRadio": false, 
-        "physicalKeyboard": true, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "droid-2-global-by-motorola", 
-    "images": [
-        "img/phones/droid-2-global-by-motorola.0.jpg", 
-        "img/phones/droid-2-global-by-motorola.1.jpg", 
-        "img/phones/droid-2-global-by-motorola.2.jpg"
-    ], 
-    "name": "DROID\u2122 2 Global by Motorola", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "60.5 mm (w)", 
-            "116.3 mm (h)", 
-            "13.7 mm (d)"
-        ], 
-        "weight": "169.0 grams"
-    }, 
-    "storage": {
-        "flash": "8192MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/droid-pro-by-motorola.json b/public/api/products/droid-pro-by-motorola.json
deleted file mode 100644
index 3e21e9a531..0000000000
--- a/public/api/products/droid-pro-by-motorola.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-    "additionalFeatures": "Adobe Flash Player 10, Quadband GSM Worldphone, Advance Business Security, Complex Password Secure, Review & Edit Documents with Quick Office, Personal 3G Mobile Hotspot for up to 5 WiFi enabled Devices, Advanced Social Networking brings all social content into a single homescreen widget", 
-    "android": {
-        "os": "Android 2.2", 
-        "ui": ""
-    }, 
-    "availability": [
-        "Verizon"
-    ], 
-    "battery": {
-        "standbyTime": "330 hours", 
-        "talkTime": "7 hours", 
-        "type": "Lithium Ion (Li-Ion) (1400 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "800/1900 CDMA EVDO Rev. A with dual diversity antenna, 850/900/1800/1900MHz GSM, GPRS Class 12, EDGE Class 12, 850/1900/2100 WCDMA (category 9/10), HSDPA 10.2mbps, HSUPA 1.8 mbps", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "Access your work directory, email or calendar with DROID Pro by Motorola., an Android-for-business smartphone with corporate-level security. It features both a QWERTY keyboard and touchscreen, a speedy 1 GHz processor and Adobe\u00ae Flash\u00ae Player 10.", 
-    "display": {
-        "screenResolution": "HVGA (480 x 320)", 
-        "screenSize": "3.1 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "1 GHz TI OMAP", 
-        "fmRadio": false, 
-        "physicalKeyboard": true, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "droid-pro-by-motorola", 
-    "images": [
-        "img/phones/droid-pro-by-motorola.0.jpg", 
-        "img/phones/droid-pro-by-motorola.1.jpg"
-    ], 
-    "name": "DROID\u2122 Pro by Motorola", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "61.0 mm (w)", 
-            "119.0 mm (h)", 
-            "11.7 mm (d)"
-        ], 
-        "weight": "134.0 grams"
-    }, 
-    "storage": {
-        "flash": "2048MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/lg-axis.json b/public/api/products/lg-axis.json
deleted file mode 100644
index ff8fdef2d3..0000000000
--- a/public/api/products/lg-axis.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-    "additionalFeatures": "Accessibility features: Tactile QWERTY keyboard, four-direction keypad, start and end call buttons, dedicated number keys, camera button, TalkBack screen reader", 
-    "android": {
-        "os": "Android 2.1", 
-        "ui": "LG Home"
-    }, 
-    "availability": [
-        "Cellular South"
-    ], 
-    "battery": {
-        "standbyTime": "500 hours", 
-        "talkTime": "8 hours", 
-        "type": "Lithium Ion (Li-Ion) (1500 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "3.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "1.9 GHz CDMA PCS, 800 MHz CDMA, EVDO Rev. A, 1xRTT", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g"
-    }, 
-    "description": "Android plus QWERTY is a powerful duo. LG Axis melds a speedy UI with the limitless micro-entertainment of 80,000+ apps including voice-activated Google. Feel the tactile vibration on its tempered glass touchscreen. Take the fuzziness out of your fun with a 3.2MP camera that does 360\u00b0 panoramics. And customize your home screens with shortcuts to your apps, favorites, and widgets. It's the centerpiece of your life.", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "3.2 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "", 
-        "cpu": "600 MHz Qualcomm MSM7627", 
-        "fmRadio": false, 
-        "physicalKeyboard": true, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "lg-axis", 
-    "images": [
-        "img/phones/lg-axis.0.jpg", 
-        "img/phones/lg-axis.1.jpg", 
-        "img/phones/lg-axis.2.jpg"
-    ], 
-    "name": "LG Axis", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "56.0 mm (w)", 
-            "116.0 mm (h)", 
-            "16.0 mm (d)"
-        ], 
-        "weight": "158.0 grams"
-    }, 
-    "storage": {
-        "flash": "126MB", 
-        "ram": "256MB"
-    }
-}
diff --git a/public/api/products/motorola-atrix-4g.json b/public/api/products/motorola-atrix-4g.json
deleted file mode 100644
index ccca00e3b2..0000000000
--- a/public/api/products/motorola-atrix-4g.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-    "additionalFeatures": "", 
-    "android": {
-        "os": "Android 2.2", 
-        "ui": "MOTOBLUR"
-    }, 
-    "availability": [
-        "AT&T"
-    ], 
-    "battery": {
-        "standbyTime": "400 hours", 
-        "talkTime": "5 hours", 
-        "type": "Lithium Ion (Li-Ion) (1930 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            ""
-        ], 
-        "primary": ""
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "WCDMA 850/1900/2100, GSM 850/900/1800/1900, HSDPA 14Mbps (Category 10) Edge Class 12, GPRS Class 12, eCompass, AGPS", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 a/b/g/n"
-    }, 
-    "description": "MOTOROLA ATRIX 4G gives you dual-core processing power and the revolutionary webtop application. With webtop and a compatible Motorola docking station, sold separately, you can surf the Internet with a full Firefox browser, create and edit docs, or access multimedia on a large screen almost anywhere.", 
-    "display": {
-        "screenResolution": "QHD (960 x 540)", 
-        "screenSize": "4.0 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "1 GHz Dual Core", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "motorola-atrix-4g", 
-    "images": [
-        "img/phones/motorola-atrix-4g.0.jpg", 
-        "img/phones/motorola-atrix-4g.1.jpg", 
-        "img/phones/motorola-atrix-4g.2.jpg", 
-        "img/phones/motorola-atrix-4g.3.jpg"
-    ], 
-    "name": "MOTOROLA ATRIX\u2122 4G", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "63.5 mm (w)", 
-            "117.75 mm (h)", 
-            "10.95 mm (d)"
-        ], 
-        "weight": "135.0 grams"
-    }, 
-    "storage": {
-        "flash": "", 
-        "ram": ""
-    }
-}
diff --git a/public/api/products/motorola-bravo-with-motoblur.json b/public/api/products/motorola-bravo-with-motoblur.json
deleted file mode 100644
index 6357731787..0000000000
--- a/public/api/products/motorola-bravo-with-motoblur.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-    "additionalFeatures": "Adobe\u00ae Flash\u00ae Lite\u00ae 3, DNLA, CrystalTalk\u2122 PLUS technology", 
-    "android": {
-        "os": "Android 2.1", 
-        "ui": "MOTOBLUR\u2122"
-    }, 
-    "availability": [
-        "AT&T"
-    ], 
-    "battery": {
-        "standbyTime": "216 hours", 
-        "talkTime": "6 hours", 
-        "type": "Lithium Ion (Li-Ion) (1540 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Video"
-        ], 
-        "primary": "3.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "WCDMA 850/1900, GSM 850/900/1800/1900, HSDPA 7.2 Mbps (Category 7/8), EDGE Class 12, GPRS Class 12, HSUPA 2.0 Mbps", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "MOTOROLA BRAVO\u2122 with MOTOBLUR\u2122 with its large 3.7-inch touchscreen and web-browsing capabilities is sure to make an impression.  And it keeps your life updated and secure through MOTOBLUR.", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "3.7 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "800 Mhz", 
-        "fmRadio": true, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "motorola-bravo-with-motoblur", 
-    "images": [
-        "img/phones/motorola-bravo-with-motoblur.0.jpg", 
-        "img/phones/motorola-bravo-with-motoblur.1.jpg", 
-        "img/phones/motorola-bravo-with-motoblur.2.jpg"
-    ], 
-    "name": "MOTOROLA BRAVO\u2122 with MOTOBLUR\u2122", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "63.0 mm (w)", 
-            "109.0 mm (h)", 
-            "13.3 mm (d)"
-        ], 
-        "weight": "130.0 grams"
-    }, 
-    "storage": {
-        "flash": "", 
-        "ram": ""
-    }
-}
diff --git a/public/api/products/motorola-charm-with-motoblur.json b/public/api/products/motorola-charm-with-motoblur.json
deleted file mode 100644
index 6ed30bbae1..0000000000
--- a/public/api/products/motorola-charm-with-motoblur.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-    "additionalFeatures": "MOTOBLUR-enabled; battery manager; seven home screens; customize by moving or resizing widgets; Android HTML WebKit w/Flash Lite; BACKTRACK\u2122 navigation pad behind screen", 
-    "android": {
-        "os": "Android 2.1", 
-        "ui": "MOTOBLUR"
-    }, 
-    "availability": [
-        "T-Mobile,", 
-        "Telus"
-    ], 
-    "battery": {
-        "standbyTime": "267 hours", 
-        "talkTime": "5 hours", 
-        "type": "Lithium Ion (Li-Ion) (1170 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Video"
-        ], 
-        "primary": "3.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.0", 
-        "cell": "WCDMA 1700/2100, GSM 850/900/1800/1900, HSDPA 3.6 Mbps (Category 5/6), EDGE Class 12, GPRS Class 12", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g"
-    }, 
-    "description": "Motorola CHARM fits easily in your pocket or palm. Includes MOTOBLUR so you can sync and merge your contacts, emails, messages and posts with continuous updates and back-ups.", 
-    "display": {
-        "screenResolution": "QVGA (320 x 240)", 
-        "screenSize": "2.8 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "600 MHz", 
-        "fmRadio": false, 
-        "physicalKeyboard": true, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "motorola-charm-with-motoblur", 
-    "images": [
-        "img/phones/motorola-charm-with-motoblur.0.jpg", 
-        "img/phones/motorola-charm-with-motoblur.1.jpg", 
-        "img/phones/motorola-charm-with-motoblur.2.jpg"
-    ], 
-    "name": "Motorola CHARM\u2122 with MOTOBLUR\u2122", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "67.2 mm (w)", 
-            "98.4 mm (h)", 
-            "11.4 mm (d)"
-        ], 
-        "weight": "110.0 grams"
-    }, 
-    "storage": {
-        "flash": "150MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/motorola-defy-with-motoblur.json b/public/api/products/motorola-defy-with-motoblur.json
deleted file mode 100644
index ae327b2b9f..0000000000
--- a/public/api/products/motorola-defy-with-motoblur.json
+++ /dev/null
@@ -1,64 +0,0 @@
-{
-    "additionalFeatures": "Blockbuster On Demand\u00ae movies and music downloads with connected music player\nWater-resistant and dustproof", 
-    "android": {
-        "os": "Android 2.1", 
-        "ui": "MOTOBLUR"
-    }, 
-    "availability": [
-        "SFR,", 
-        "T-Mobile,", 
-        "Vodafone"
-    ], 
-    "battery": {
-        "standbyTime": "400 hours", 
-        "talkTime": "6 hours", 
-        "type": "Lithium Ion (Li-Ion) (1540 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "WCDMA 850/1700/2100, GSM 850/900/1800/1900, HSDPA 7.2 Mbps (Category 7/8), EDGE Class 12, GPRS Class 12, HSUPA 2.0 Mbps", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "DEFY with MOTOBLUR is ready for everything life throws your way. It's water-resistant and dustproof, with plenty of entertainment options; and, with MOTOBLUR, it automatically delivers messages and status updates right to your home screen.", 
-    "display": {
-        "screenResolution": "FWVGA (854 x 480)", 
-        "screenSize": "3.7 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "800 MHz TI OMAP3610", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "motorola-defy-with-motoblur", 
-    "images": [
-        "img/phones/motorola-defy-with-motoblur.0.jpg", 
-        "img/phones/motorola-defy-with-motoblur.1.jpg", 
-        "img/phones/motorola-defy-with-motoblur.2.jpg"
-    ], 
-    "name": "Motorola DEFY\u2122 with MOTOBLUR\u2122", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "59.0 mm (w)", 
-            "107.0 mm (h)", 
-            "13.4 mm (d)"
-        ], 
-        "weight": "118.0 grams"
-    }, 
-    "storage": {
-        "flash": "2000MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/motorola-xoom-with-wi-fi.json b/public/api/products/motorola-xoom-with-wi-fi.json
deleted file mode 100644
index 4ba9c8d5b5..0000000000
--- a/public/api/products/motorola-xoom-with-wi-fi.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-    "additionalFeatures": "Sensors: proximity, ambient light, barometer, gyroscope", 
-    "android": {
-        "os": "Android 3.0", 
-        "ui": "Honeycomb"
-    }, 
-    "availability": [
-        ""
-    ], 
-    "battery": {
-        "standbyTime": "336 hours", 
-        "talkTime": "24 hours", 
-        "type": "Other ( mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "Motorola XOOM with Wi-Fi has a super-powerful dual-core processor and Android\u2122 3.0 (Honeycomb) \u2014 the Android platform designed specifically for tablets. With its 10.1-inch HD widescreen display, you\u2019ll enjoy HD video in a thin, light, powerful and upgradeable tablet.", 
-    "display": {
-        "screenResolution": "WXGA (1200 x 800)", 
-        "screenSize": "10.1 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "1 GHz Dual Core Tegra 2", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "motorola-xoom-with-wi-fi", 
-    "images": [
-        "img/phones/motorola-xoom-with-wi-fi.0.jpg", 
-        "img/phones/motorola-xoom-with-wi-fi.1.jpg", 
-        "img/phones/motorola-xoom-with-wi-fi.2.jpg", 
-        "img/phones/motorola-xoom-with-wi-fi.3.jpg", 
-        "img/phones/motorola-xoom-with-wi-fi.4.jpg", 
-        "img/phones/motorola-xoom-with-wi-fi.5.jpg"
-    ], 
-    "name": "Motorola XOOM\u2122 with Wi-Fi", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "249.1 mm (w)", 
-            "167.8 mm (h)", 
-            "12.9 mm (d)"
-        ], 
-        "weight": "708.0 grams"
-    }, 
-    "storage": {
-        "flash": "32000MB", 
-        "ram": "1000MB"
-    }
-}
diff --git a/public/api/products/motorola-xoom.json b/public/api/products/motorola-xoom.json
deleted file mode 100644
index f0f0c8711d..0000000000
--- a/public/api/products/motorola-xoom.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-    "additionalFeatures": "Front-facing camera. Sensors: proximity, ambient light, barometer, gyroscope.", 
-    "android": {
-        "os": "Android 3.0", 
-        "ui": "Android"
-    }, 
-    "availability": [
-        "Verizon"
-    ], 
-    "battery": {
-        "standbyTime": "336 hours", 
-        "talkTime": "24 hours", 
-        "type": "Other (3250 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "CDMA 800 /1900 LTE 700, Rx diversity in all bands", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 a/b/g/n"
-    }, 
-    "description": "MOTOROLA XOOM has a super-powerful dual-core processor and Android\u2122 3.0 (Honeycomb) \u2014 the Android platform designed specifically for tablets. With its 10.1-inch HD widescreen display, you\u2019ll enjoy HD video in a thin, light, powerful and upgradeable tablet.", 
-    "display": {
-        "screenResolution": "WXGA (1200 x 800)", 
-        "screenSize": "10.1 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "1 GHz Dual Core Tegra 2", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "motorola-xoom", 
-    "images": [
-        "img/phones/motorola-xoom.0.jpg", 
-        "img/phones/motorola-xoom.1.jpg", 
-        "img/phones/motorola-xoom.2.jpg"
-    ], 
-    "name": "MOTOROLA XOOM\u2122", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "249.0 mm (w)", 
-            "168.0 mm (h)", 
-            "12.7 mm (d)"
-        ], 
-        "weight": "726.0 grams"
-    }, 
-    "storage": {
-        "flash": "32000MB", 
-        "ram": "1000MB"
-    }
-}
diff --git a/public/api/products/nexus-s.json b/public/api/products/nexus-s.json
deleted file mode 100644
index 5e712e2ff8..0000000000
--- a/public/api/products/nexus-s.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
-    "additionalFeatures": "Contour Display, Near Field Communications (NFC), Three-axis gyroscope, Anti-fingerprint display coating, Internet Calling support (VoIP/SIP)", 
-    "android": {
-        "os": "Android 2.3", 
-        "ui": "Android"
-    }, 
-    "availability": [
-        "M1,", 
-        "O2,", 
-        "Orange,", 
-        "Singtel,", 
-        "StarHub,", 
-        "T-Mobile,", 
-        "Vodafone"
-    ], 
-    "battery": {
-        "standbyTime": "428 hours", 
-        "talkTime": "6 hours", 
-        "type": "Lithium Ion (Li-Ion) (1500 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "Quad-band GSM: 850, 900, 1800, 1900\r\nTri-band HSPA: 900, 2100, 1700\r\nHSPA type: HSDPA (7.2Mbps) HSUPA (5.76Mbps)", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "Nexus S is the next generation of Nexus devices, co-developed by Google and Samsung. The latest Android platform (Gingerbread), paired with a 1 GHz Hummingbird processor and 16GB of memory, makes Nexus S one of the fastest phones on the market. It comes pre-installed with the best of Google apps and enabled with new and popular features like true multi-tasking, Wi-Fi hotspot, Internet Calling, NFC support, and full web browsing. With this device, users will also be the first to receive software upgrades and new Google mobile apps as soon as they become available. For more details, visit http://www.google.com/nexus.", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "4.0 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "1GHz Cortex A8 (Hummingbird) processor", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "nexus-s", 
-    "images": [
-        "img/phones/nexus-s.0.jpg", 
-        "img/phones/nexus-s.1.jpg", 
-        "img/phones/nexus-s.2.jpg", 
-        "img/phones/nexus-s.3.jpg"
-    ], 
-    "name": "Nexus S", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "63.0 mm (w)", 
-            "123.9 mm (h)", 
-            "10.88 mm (d)"
-        ], 
-        "weight": "129.0 grams"
-    }, 
-    "storage": {
-        "flash": "16384MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/samsung-galaxy-tab.json b/public/api/products/samsung-galaxy-tab.json
deleted file mode 100644
index 9abeb8d3d7..0000000000
--- a/public/api/products/samsung-galaxy-tab.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
-    "additionalFeatures": "Adobe\u00ae Flash\u00ae Player compatible; 1.3MP front-facing camera for video chat; eReader pre-loaded; Swype text input technology\r\n", 
-    "android": {
-        "os": "Android 2.2", 
-        "ui": "TouchWiz"
-    }, 
-    "availability": [
-        "AT&T,", 
-        "Sprint,", 
-        "T-Mobile,", 
-        "Verizon"
-    ], 
-    "battery": {
-        "standbyTime": "780 hours", 
-        "talkTime": "", 
-        "type": "Lithium Ion (Li-Ion) (4000 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "3.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 3.0", 
-        "cell": "AT&T: GSM/EDGE : 850/900/1800/1900; 3G : 850/1900/2100\r\n\r\nSprint: CDMA : 850/1900MHz\r\n\r\nT-Mobile: GSM/EDGE : 850/900/1800/1900; 3G : 1700/1900\r\n\r\nVerizon: CDMA : 800MHz/1900MHz", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "Feel Free to Tab\u2122. The Samsung Galaxy Tab\u2122, the tablet device that delivers enhanced capabilities with advanced mobility, has a large, perfectly sized, 7.0\" screen that offers plenty of room for the thousands of interactive games and apps available for the Android\u2122 platform, and its slim design makes it perfect for travel and one-handed grip. Use the Galaxy Tab to relax and enjoy an e-book, watch rich video or full web content with its Adobe\u00ae Flash\u00ae Player compatibility, video chat using the front-facing camera, or send user-generated content wirelessly to other devices like your TV via AllShare\u2122.  With so many options for customization and interactivity, the Galaxy Tab gives you everything you want, anywhere you go\u2026Feel Free to Tab\u2122.", 
-    "display": {
-        "screenResolution": "WSVGA (1024 x 600)", 
-        "screenSize": "7.0 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "1GHz", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "samsung-galaxy-tab", 
-    "images": [
-        "img/phones/samsung-galaxy-tab.0.jpg", 
-        "img/phones/samsung-galaxy-tab.1.jpg", 
-        "img/phones/samsung-galaxy-tab.2.jpg", 
-        "img/phones/samsung-galaxy-tab.3.jpg", 
-        "img/phones/samsung-galaxy-tab.4.jpg", 
-        "img/phones/samsung-galaxy-tab.5.jpg", 
-        "img/phones/samsung-galaxy-tab.6.jpg"
-    ], 
-    "name": "Samsung Galaxy Tab\u2122", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "120.39 mm (w)", 
-            "189.99 mm (h)", 
-            "11.9 mm (d)"
-        ], 
-        "weight": "379.88 grams"
-    }, 
-    "storage": {
-        "flash": "16384MB", 
-        "ram": "640MB"
-    }
-}
diff --git a/public/api/products/samsung-gem.json b/public/api/products/samsung-gem.json
deleted file mode 100644
index ffb7651ca0..0000000000
--- a/public/api/products/samsung-gem.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-    "additionalFeatures": "3.2\u201d Full touch screen with Advanced anti smudge, anti reflective and anti scratch glass; Swype text input for easy and fast message creation; multiple messaging options, including text with threaded messaging for organized, easy-to-follow text; Social Community support, including Facebook and MySpace; Next generation Address book; Visual Voice Mail\n", 
-    "android": {
-        "os": "Android 2.1", 
-        "ui": "TouchWiz"
-    }, 
-    "availability": [
-        "Cellular South"
-    ], 
-    "battery": {
-        "standbyTime": "800 hours", 
-        "talkTime": "7 hours", 
-        "type": "Nickel Cadmium (NiCd) (1500 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            ""
-        ], 
-        "primary": "3.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 3.0", 
-        "cell": "3G/CDMA : 850MHz/1900MHz\n", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g"
-    }, 
-    "description": "The Samsung Gem\u2122 maps a route to a smarter mobile experience. By pairing one of the fastest processors in the category with the Android\u2122 platform, the Gem delivers maximum multitasking speed and social networking capabilities to let you explore new territory online. A smart phone at an even smarter price is a real find, so uncover the Gem and discover what\u2019s next.", 
-    "display": {
-        "screenResolution": "WQVGA (400 x 240)", 
-        "screenSize": "3.2 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "800 MHz", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "samsung-gem", 
-    "images": [
-        "img/phones/samsung-gem.0.jpg", 
-        "img/phones/samsung-gem.1.jpg", 
-        "img/phones/samsung-gem.2.jpg"
-    ], 
-    "name": "Samsung Gem\u2122", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "55.5 mm (w)", 
-            "113.0 mm (h)", 
-            "12.4 mm (d)"
-        ], 
-        "weight": "110.0 grams"
-    }, 
-    "storage": {
-        "flash": "220MB", 
-        "ram": "256MB"
-    }
-}
diff --git a/public/api/products/samsung-mesmerize-a-galaxy-s-phone.json b/public/api/products/samsung-mesmerize-a-galaxy-s-phone.json
deleted file mode 100644
index 4b90428d9a..0000000000
--- a/public/api/products/samsung-mesmerize-a-galaxy-s-phone.json
+++ /dev/null
@@ -1,63 +0,0 @@
-{
-    "additionalFeatures": "Swype", 
-    "android": {
-        "os": "Android 2.1", 
-        "ui": "TouchWiz"
-    }, 
-    "availability": [
-        "US Cellular"
-    ], 
-    "battery": {
-        "standbyTime": "1000 hours", 
-        "talkTime": "7 hours", 
-        "type": "Lithium Ion (Li-Ion) (1500 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 3.0", 
-        "cell": "3G :800MHz/1900MHz\nCDMA :800MHz/1900MHz", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "Experience entertainment in a whole new light. The stylish and slim Samsung Mesmerize\u2122, with its vivid 4-inch Super AMOLED\u2122 display, makes everything from Hollywood blockbusters to music videos to Amazon\u2019s bestsellers look absolutely brilliant \u2013 even outside in the sun. Android\u2122 Market rockets you into a universe filled with equally brilliant apps; download them at blistering speeds thanks to the powerful 1GHz Hummingbird processor. Keep your social life organized and continuously updated with the pre-loaded social networking apps, while uploading all the 5.0MP pics you\u2019ve snapped and 720p HD videos you\u2019ve recorded.", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "4.0 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "", 
-        "cpu": "1GHz", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "samsung-mesmerize-a-galaxy-s-phone", 
-    "images": [
-        "img/phones/samsung-mesmerize-a-galaxy-s-phone.0.jpg", 
-        "img/phones/samsung-mesmerize-a-galaxy-s-phone.1.jpg", 
-        "img/phones/samsung-mesmerize-a-galaxy-s-phone.2.jpg", 
-        "img/phones/samsung-mesmerize-a-galaxy-s-phone.3.jpg"
-    ], 
-    "name": "Samsung Mesmerize\u2122 a Galaxy S\u2122 phone", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "64.2 mm (w)", 
-            "125.0 mm (h)", 
-            "9.97 mm (d)"
-        ], 
-        "weight": "118.0 grams"
-    }, 
-    "storage": {
-        "flash": "2048MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/samsung-showcase-a-galaxy-s-phone.json b/public/api/products/samsung-showcase-a-galaxy-s-phone.json
deleted file mode 100644
index c75302ab32..0000000000
--- a/public/api/products/samsung-showcase-a-galaxy-s-phone.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-    "additionalFeatures": "Swype", 
-    "android": {
-        "os": "Android 2.1", 
-        "ui": "TouchWiz"
-    }, 
-    "availability": [
-        "Cellular South"
-    ], 
-    "battery": {
-        "standbyTime": "800 hours", 
-        "talkTime": "7 hours", 
-        "type": "Lithium Ion (Li-Ion) (1500 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 3.0", 
-        "cell": "3G : 900MHz/1900MHz\nCDMA : 800MHz/1900MHz", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "Experience entertainment in a whole new light. The stylish and slim Samsung Showcase\u2122, with its vivid 4-inch Super AMOLED\u2122 display, makes everything from Hollywood blockbusters to music videos to Amazon\u2019s bestsellers look absolutely brilliant \u2013 even outside in the sun. Android\u2122 Market rockets you into a universe filled with equally brilliant apps; download them at blistering speeds thanks to the powerful 1GHz Hummingbird processor. Keep your social life organized and continuously updated with the pre-loaded social networking apps, while uploading all the 5.0MP pics you\u2019ve snapped and 720p HD videos you\u2019ve recorded", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "4.0 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "1 GHz", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "samsung-showcase-a-galaxy-s-phone", 
-    "images": [
-        "img/phones/samsung-showcase-a-galaxy-s-phone.0.jpg", 
-        "img/phones/samsung-showcase-a-galaxy-s-phone.1.jpg", 
-        "img/phones/samsung-showcase-a-galaxy-s-phone.2.jpg"
-    ], 
-    "name": "Samsung Showcase\u2122 a Galaxy S\u2122 phone", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "64.2 mm (w)", 
-            "125.0 mm (h)", 
-            "9.97 mm (d)"
-        ], 
-        "weight": "118.0 grams"
-    }, 
-    "storage": {
-        "flash": "2048MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/samsung-transform.json b/public/api/products/samsung-transform.json
deleted file mode 100644
index 3e061810c5..0000000000
--- a/public/api/products/samsung-transform.json
+++ /dev/null
@@ -1,64 +0,0 @@
-{
-    "additionalFeatures": "Access to Sprint ID Service Packs, front and rear facing cameras\n", 
-    "android": {
-        "os": "Android 2.1", 
-        "ui": "Stock Android + Sprint ID Pack"
-    }, 
-    "availability": [
-        "Sprint"
-    ], 
-    "battery": {
-        "standbyTime": "930 hours", 
-        "talkTime": "9 hours", 
-        "type": "Lithium Ion (Li-Ion) (1500 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "3.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "800Mhz, 1900MHz", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "Change your perspective.  The Samsung Transform\u2122 is an Android powered device that delivers the truly customizable experience you want your phone to provide.  Enjoy a new and easy way to personalize your device for business or for entertainment, showcasing your own favorite theme and more through the new open software platform and the ability to download individual \u2018Sprint ID Service Packs\u2019 that combine and deliver multiple content items and applications specifically for the features you want.  Combine this with the 3.5\u201d touch display, QWERTY keyboard, high-speed processor, and both a front and rear facing camera to bring your unique mobile experience to life.", 
-    "display": {
-        "screenResolution": "HVGA (480 x 320)", 
-        "screenSize": "3.5 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "800 MHz", 
-        "fmRadio": false, 
-        "physicalKeyboard": true, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "samsung-transform", 
-    "images": [
-        "img/phones/samsung-transform.0.jpg", 
-        "img/phones/samsung-transform.1.jpg", 
-        "img/phones/samsung-transform.2.jpg", 
-        "img/phones/samsung-transform.3.jpg", 
-        "img/phones/samsung-transform.4.jpg"
-    ], 
-    "name": "Samsung Transform\u2122", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "61.5 mm (w)", 
-            "117.0 mm (h)", 
-            "15.3 mm (d)"
-        ], 
-        "weight": "148.0 grams"
-    }, 
-    "storage": {
-        "flash": "180MB", 
-        "ram": "384MB"
-    }
-}
diff --git a/public/api/products/sanyo-zio.json b/public/api/products/sanyo-zio.json
deleted file mode 100644
index a63a131c59..0000000000
--- a/public/api/products/sanyo-zio.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-    "additionalFeatures": "Trackball Navigation Control", 
-    "android": {
-        "os": "Android 2.2", 
-        "ui": ""
-    }, 
-    "availability": [
-        "Sprint"
-    ], 
-    "battery": {
-        "standbyTime": "", 
-        "talkTime": "4 hours", 
-        "type": "Lithium Ion (Li-Ion) (1130 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Video"
-        ], 
-        "primary": "3.2 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "CDMA2000 1xEV-DO Rev.A", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g"
-    }, 
-    "description": "Zio uses CDMA2000 1xEV-DO rev. A and Wi-Fi technologies and features a 3.5-inch WVGA touch-screen display as a backdrop for a fully customizable mobile multimedia experience.  Along with the touch-screen, a trackball helps users navigate features such as the 3.2 MP camera with video record/playback, media player and full HTML Web browser.  Zio supports up to 32GB through its external microSD memory slot.", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "3.5 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "600MHz Qualcomm MSM7627", 
-        "fmRadio": false, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "sanyo-zio", 
-    "images": [
-        "img/phones/sanyo-zio.0.jpg", 
-        "img/phones/sanyo-zio.1.jpg", 
-        "img/phones/sanyo-zio.2.jpg"
-    ], 
-    "name": "SANYO ZIO", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "58.6 mm (w)", 
-            "116.0 mm (h)", 
-            "12.2 mm (d)"
-        ], 
-        "weight": "105.0 grams"
-    }, 
-    "storage": {
-        "flash": "130MB", 
-        "ram": "256MB"
-    }
-}
diff --git a/public/api/products/t-mobile-g2.json b/public/api/products/t-mobile-g2.json
deleted file mode 100644
index 7f391bb778..0000000000
--- a/public/api/products/t-mobile-g2.json
+++ /dev/null
@@ -1,62 +0,0 @@
-{
-    "additionalFeatures": "Accessibility features: tactile QWERTY keyboard, trackpad, three programmable keys, camera button", 
-    "android": {
-        "os": "Android 2.2", 
-        "ui": "Android"
-    }, 
-    "availability": [
-        "T-Mobile"
-    ], 
-    "battery": {
-        "standbyTime": "420 hours", 
-        "talkTime": "7 hours", 
-        "type": "Lithium Ion (Li-Ion) (1300 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.1", 
-        "cell": "GSM: 850, 900, 1800, 1900  UMTS: Yes", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "The T-Mobile G1 was the world's first Android-powered phone. Launched nearly two years ago, it created an entirely new class of mobile phones and apps. Its successor, the T-Mobile G2 with Google, will continue the revolution.\n\nThe T-Mobile G2 will deliver tight integration with Google services and break new ground as the first smartphone designed to run at 4G speeds on our new HSPA+ network.", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "3.7 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "800 MHz Qualcomm\u00ae Snapdragon\u2122 MSM7230", 
-        "fmRadio": false, 
-        "physicalKeyboard": true, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "t-mobile-g2", 
-    "images": [
-        "img/phones/t-mobile-g2.0.jpg", 
-        "img/phones/t-mobile-g2.1.jpg", 
-        "img/phones/t-mobile-g2.2.jpg"
-    ], 
-    "name": "T-Mobile G2", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "60.4 mm (w)", 
-            "119.0 mm (h)", 
-            "14.2 mm (d)"
-        ], 
-        "weight": "180.0 grams"
-    }, 
-    "storage": {
-        "flash": "4000MB", 
-        "ram": "512MB"
-    }
-}
diff --git a/public/api/products/t-mobile-mytouch-4g.json b/public/api/products/t-mobile-mytouch-4g.json
deleted file mode 100644
index fffeea2620..0000000000
--- a/public/api/products/t-mobile-mytouch-4g.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-    "additionalFeatures": "Mobile Video Chat, HD Camcorder, Screen Share (DLNA), Genius Button, Wi-Fi Calling, Wi-Fi HotSpot, T-Mobile TV, Slacker Radio, Rock Band, Monopoly, Asphalt 5, myModes, Faves Gallery", 
-    "android": {
-        "os": "Android 2.2", 
-        "ui": "HTC Sense\u2122"
-    }, 
-    "availability": [
-        "T-Mobile"
-    ], 
-    "battery": {
-        "standbyTime": "285 hours", 
-        "talkTime": "7 hours", 
-        "type": "Lithium Ion (Li-Ion) (1400 mAH)"
-    }, 
-    "camera": {
-        "features": [
-            "Flash", 
-            "Video"
-        ], 
-        "primary": "5.0 megapixels"
-    }, 
-    "connectivity": {
-        "bluetooth": "Bluetooth 2.0", 
-        "cell": "GSM: 850, 900, 1800, 1900; UMTS: Band I/IV", 
-        "gps": true, 
-        "infrared": false, 
-        "wifi": "802.11 b/g/n"
-    }, 
-    "description": "The myTouch 4G lets you connect fast, communicate easily, and share\u2014all on America\u2019s largest 4G network.\n\nBuilt with families in mind, the newest T-Mobile myTouch 4G helps solve the challenges of staying physically and emotionally connected by sharing photos and video with the HD Camcorder, spontaneous face-to-face conversations through Video Chat, and the ability to reach 4G speeds on T-Mobile\u2019s HSPA+ network.", 
-    "display": {
-        "screenResolution": "WVGA (800 x 480)", 
-        "screenSize": "3.8 inches", 
-        "touchScreen": true
-    }, 
-    "hardware": {
-        "accelerometer": true, 
-        "audioJack": "3.5mm", 
-        "cpu": "2nd Generation 1GHz Qualcomm Snapdragon MSM8255", 
-        "fmRadio": true, 
-        "physicalKeyboard": false, 
-        "usb": "USB 2.0"
-    }, 
-    "id": "t-mobile-mytouch-4g", 
-    "images": [
-        "img/phones/t-mobile-mytouch-4g.0.jpg", 
-        "img/phones/t-mobile-mytouch-4g.1.jpg", 
-        "img/phones/t-mobile-mytouch-4g.2.jpg", 
-        "img/phones/t-mobile-mytouch-4g.3.jpg", 
-        "img/phones/t-mobile-mytouch-4g.4.jpg", 
-        "img/phones/t-mobile-mytouch-4g.5.jpg"
-    ], 
-    "name": "T-Mobile myTouch 4G", 
-    "sizeAndWeight": {
-        "dimensions": [
-            "62.5 mm (w)", 
-            "122.0 mm (h)", 
-            "11.0 mm (d)"
-        ], 
-        "weight": "156.0 grams"
-    }, 
-    "storage": {
-        "flash": "1100MB", 
-        "ram": "768MB"
-    }
-}
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000000..d7ec5750a7
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/img/carousel/accessories.png b/public/img/carousel/accessories.png
new file mode 100644
index 0000000000..94ba906f93
Binary files /dev/null and b/public/img/carousel/accessories.png differ
diff --git a/public/img/carousel/phones.png b/public/img/carousel/phones.png
new file mode 100644
index 0000000000..dc55f604fc
Binary files /dev/null and b/public/img/carousel/phones.png differ
diff --git a/public/img/carousel/tablets.png b/public/img/carousel/tablets.png
new file mode 100644
index 0000000000..9cdb698f98
Binary files /dev/null and b/public/img/carousel/tablets.png differ
diff --git a/public/img/categories/accessories.png b/public/img/categories/accessories.png
new file mode 100644
index 0000000000..d0a3fec473
Binary files /dev/null and b/public/img/categories/accessories.png differ
diff --git a/public/img/categories/phones.png b/public/img/categories/phones.png
new file mode 100644
index 0000000000..269d98286f
Binary files /dev/null and b/public/img/categories/phones.png differ
diff --git a/public/img/categories/tablets.png b/public/img/categories/tablets.png
new file mode 100644
index 0000000000..38584d130d
Binary files /dev/null and b/public/img/categories/tablets.png differ
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/gold/00.jpg b/public/img/phones/apple-iphone-11-pro-max/gold/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/gold/00.jpg
rename to public/img/phones/apple-iphone-11-pro-max/gold/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/gold/01.jpg b/public/img/phones/apple-iphone-11-pro-max/gold/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/gold/01.jpg
rename to public/img/phones/apple-iphone-11-pro-max/gold/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/gold/02.jpg b/public/img/phones/apple-iphone-11-pro-max/gold/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/gold/02.jpg
rename to public/img/phones/apple-iphone-11-pro-max/gold/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg b/public/img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg
rename to public/img/phones/apple-iphone-11-pro-max/midnightgreen/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/midnightgreen/01.jpg b/public/img/phones/apple-iphone-11-pro-max/midnightgreen/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/midnightgreen/01.jpg
rename to public/img/phones/apple-iphone-11-pro-max/midnightgreen/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/midnightgreen/02.jpg b/public/img/phones/apple-iphone-11-pro-max/midnightgreen/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/midnightgreen/02.jpg
rename to public/img/phones/apple-iphone-11-pro-max/midnightgreen/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/midnightgreen/03.jpg b/public/img/phones/apple-iphone-11-pro-max/midnightgreen/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/midnightgreen/03.jpg
rename to public/img/phones/apple-iphone-11-pro-max/midnightgreen/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/silver/00.jpg b/public/img/phones/apple-iphone-11-pro-max/silver/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/silver/00.jpg
rename to public/img/phones/apple-iphone-11-pro-max/silver/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/silver/01.jpg b/public/img/phones/apple-iphone-11-pro-max/silver/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/silver/01.jpg
rename to public/img/phones/apple-iphone-11-pro-max/silver/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/silver/02.jpg b/public/img/phones/apple-iphone-11-pro-max/silver/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/silver/02.jpg
rename to public/img/phones/apple-iphone-11-pro-max/silver/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/spacegray/00.jpg b/public/img/phones/apple-iphone-11-pro-max/spacegray/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/spacegray/00.jpg
rename to public/img/phones/apple-iphone-11-pro-max/spacegray/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/spacegray/01.jpg b/public/img/phones/apple-iphone-11-pro-max/spacegray/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/spacegray/01.jpg
rename to public/img/phones/apple-iphone-11-pro-max/spacegray/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro-max/spacegray/02.jpg b/public/img/phones/apple-iphone-11-pro-max/spacegray/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro-max/spacegray/02.jpg
rename to public/img/phones/apple-iphone-11-pro-max/spacegray/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/gold/00.jpg b/public/img/phones/apple-iphone-11-pro/gold/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/gold/00.jpg
rename to public/img/phones/apple-iphone-11-pro/gold/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/gold/01.jpg b/public/img/phones/apple-iphone-11-pro/gold/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/gold/01.jpg
rename to public/img/phones/apple-iphone-11-pro/gold/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/gold/02.jpg b/public/img/phones/apple-iphone-11-pro/gold/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/gold/02.jpg
rename to public/img/phones/apple-iphone-11-pro/gold/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/midnightgreen/00.jpg b/public/img/phones/apple-iphone-11-pro/midnightgreen/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/midnightgreen/00.jpg
rename to public/img/phones/apple-iphone-11-pro/midnightgreen/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/midnightgreen/01.jpg b/public/img/phones/apple-iphone-11-pro/midnightgreen/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/midnightgreen/01.jpg
rename to public/img/phones/apple-iphone-11-pro/midnightgreen/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/midnightgreen/02.jpg b/public/img/phones/apple-iphone-11-pro/midnightgreen/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/midnightgreen/02.jpg
rename to public/img/phones/apple-iphone-11-pro/midnightgreen/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/midnightgreen/03.jpg b/public/img/phones/apple-iphone-11-pro/midnightgreen/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/midnightgreen/03.jpg
rename to public/img/phones/apple-iphone-11-pro/midnightgreen/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/silver/00.jpg b/public/img/phones/apple-iphone-11-pro/silver/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/silver/00.jpg
rename to public/img/phones/apple-iphone-11-pro/silver/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/silver/01.jpg b/public/img/phones/apple-iphone-11-pro/silver/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/silver/01.jpg
rename to public/img/phones/apple-iphone-11-pro/silver/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/silver/02.jpg b/public/img/phones/apple-iphone-11-pro/silver/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/silver/02.jpg
rename to public/img/phones/apple-iphone-11-pro/silver/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/spacegray/00.jpg b/public/img/phones/apple-iphone-11-pro/spacegray/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/spacegray/00.jpg
rename to public/img/phones/apple-iphone-11-pro/spacegray/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/spacegray/01.jpg b/public/img/phones/apple-iphone-11-pro/spacegray/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/spacegray/01.jpg
rename to public/img/phones/apple-iphone-11-pro/spacegray/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11-pro/spacegray/02.jpg b/public/img/phones/apple-iphone-11-pro/spacegray/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11-pro/spacegray/02.jpg
rename to public/img/phones/apple-iphone-11-pro/spacegray/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/black/00.jpg b/public/img/phones/apple-iphone-11/black/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/black/00.jpg
rename to public/img/phones/apple-iphone-11/black/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/black/01.jpg b/public/img/phones/apple-iphone-11/black/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/black/01.jpg
rename to public/img/phones/apple-iphone-11/black/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/black/02.jpg b/public/img/phones/apple-iphone-11/black/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/black/02.jpg
rename to public/img/phones/apple-iphone-11/black/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/black/03.jpg b/public/img/phones/apple-iphone-11/black/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/black/03.jpg
rename to public/img/phones/apple-iphone-11/black/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/black/04.jpg b/public/img/phones/apple-iphone-11/black/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/black/04.jpg
rename to public/img/phones/apple-iphone-11/black/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/green/00.jpg b/public/img/phones/apple-iphone-11/green/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/green/00.jpg
rename to public/img/phones/apple-iphone-11/green/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/green/01.jpg b/public/img/phones/apple-iphone-11/green/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/green/01.jpg
rename to public/img/phones/apple-iphone-11/green/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/green/02.jpg b/public/img/phones/apple-iphone-11/green/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/green/02.jpg
rename to public/img/phones/apple-iphone-11/green/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/green/03.jpg b/public/img/phones/apple-iphone-11/green/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/green/03.jpg
rename to public/img/phones/apple-iphone-11/green/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/green/04.jpg b/public/img/phones/apple-iphone-11/green/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/green/04.jpg
rename to public/img/phones/apple-iphone-11/green/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/purple/00.jpg b/public/img/phones/apple-iphone-11/purple/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/purple/00.jpg
rename to public/img/phones/apple-iphone-11/purple/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/purple/01.jpg b/public/img/phones/apple-iphone-11/purple/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/purple/01.jpg
rename to public/img/phones/apple-iphone-11/purple/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/purple/02.jpg b/public/img/phones/apple-iphone-11/purple/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/purple/02.jpg
rename to public/img/phones/apple-iphone-11/purple/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/purple/03.jpg b/public/img/phones/apple-iphone-11/purple/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/purple/03.jpg
rename to public/img/phones/apple-iphone-11/purple/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/purple/04.jpg b/public/img/phones/apple-iphone-11/purple/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/purple/04.jpg
rename to public/img/phones/apple-iphone-11/purple/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/red/00.jpg b/public/img/phones/apple-iphone-11/red/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/red/00.jpg
rename to public/img/phones/apple-iphone-11/red/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/red/01.jpg b/public/img/phones/apple-iphone-11/red/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/red/01.jpg
rename to public/img/phones/apple-iphone-11/red/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/red/02.jpg b/public/img/phones/apple-iphone-11/red/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/red/02.jpg
rename to public/img/phones/apple-iphone-11/red/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/red/03.jpg b/public/img/phones/apple-iphone-11/red/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/red/03.jpg
rename to public/img/phones/apple-iphone-11/red/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/red/04.jpg b/public/img/phones/apple-iphone-11/red/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/red/04.jpg
rename to public/img/phones/apple-iphone-11/red/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/white/00.jpg b/public/img/phones/apple-iphone-11/white/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/white/00.jpg
rename to public/img/phones/apple-iphone-11/white/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/white/01.jpg b/public/img/phones/apple-iphone-11/white/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/white/01.jpg
rename to public/img/phones/apple-iphone-11/white/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/white/02.jpg b/public/img/phones/apple-iphone-11/white/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/white/02.jpg
rename to public/img/phones/apple-iphone-11/white/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/white/03.jpg b/public/img/phones/apple-iphone-11/white/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/white/03.jpg
rename to public/img/phones/apple-iphone-11/white/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/white/04.jpg b/public/img/phones/apple-iphone-11/white/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/white/04.jpg
rename to public/img/phones/apple-iphone-11/white/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/yellow/00.jpg b/public/img/phones/apple-iphone-11/yellow/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/yellow/00.jpg
rename to public/img/phones/apple-iphone-11/yellow/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/yellow/01.jpg b/public/img/phones/apple-iphone-11/yellow/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/yellow/01.jpg
rename to public/img/phones/apple-iphone-11/yellow/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/yellow/02.jpg b/public/img/phones/apple-iphone-11/yellow/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/yellow/02.jpg
rename to public/img/phones/apple-iphone-11/yellow/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/yellow/03.jpg b/public/img/phones/apple-iphone-11/yellow/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/yellow/03.jpg
rename to public/img/phones/apple-iphone-11/yellow/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-11/yellow/04.jpg b/public/img/phones/apple-iphone-11/yellow/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-11/yellow/04.jpg
rename to public/img/phones/apple-iphone-11/yellow/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/black/00.jpg b/public/img/phones/apple-iphone-7-plus/black/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/black/00.jpg
rename to public/img/phones/apple-iphone-7-plus/black/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/black/01.jpg b/public/img/phones/apple-iphone-7-plus/black/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/black/01.jpg
rename to public/img/phones/apple-iphone-7-plus/black/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/black/02.jpg b/public/img/phones/apple-iphone-7-plus/black/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/black/02.jpg
rename to public/img/phones/apple-iphone-7-plus/black/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/black/03.jpg b/public/img/phones/apple-iphone-7-plus/black/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/black/03.jpg
rename to public/img/phones/apple-iphone-7-plus/black/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/black/04.jpg b/public/img/phones/apple-iphone-7-plus/black/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/black/04.jpg
rename to public/img/phones/apple-iphone-7-plus/black/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/gold/00.jpg b/public/img/phones/apple-iphone-7-plus/gold/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/gold/00.jpg
rename to public/img/phones/apple-iphone-7-plus/gold/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/gold/01.jpg b/public/img/phones/apple-iphone-7-plus/gold/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/gold/01.jpg
rename to public/img/phones/apple-iphone-7-plus/gold/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/gold/02.jpg b/public/img/phones/apple-iphone-7-plus/gold/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/gold/02.jpg
rename to public/img/phones/apple-iphone-7-plus/gold/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/gold/03.jpg b/public/img/phones/apple-iphone-7-plus/gold/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/gold/03.jpg
rename to public/img/phones/apple-iphone-7-plus/gold/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/gold/04.jpg b/public/img/phones/apple-iphone-7-plus/gold/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/gold/04.jpg
rename to public/img/phones/apple-iphone-7-plus/gold/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/rosegold/00.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/rosegold/00.jpg
rename to public/img/phones/apple-iphone-7-plus/rosegold/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/rosegold/01.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/rosegold/01.jpg
rename to public/img/phones/apple-iphone-7-plus/rosegold/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/rosegold/02.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/rosegold/02.jpg
rename to public/img/phones/apple-iphone-7-plus/rosegold/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/rosegold/03.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/rosegold/03.jpg
rename to public/img/phones/apple-iphone-7-plus/rosegold/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/rosegold/04.jpg b/public/img/phones/apple-iphone-7-plus/rosegold/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/rosegold/04.jpg
rename to public/img/phones/apple-iphone-7-plus/rosegold/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/silver/00.jpg b/public/img/phones/apple-iphone-7-plus/silver/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/silver/00.jpg
rename to public/img/phones/apple-iphone-7-plus/silver/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/silver/01.jpg b/public/img/phones/apple-iphone-7-plus/silver/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/silver/01.jpg
rename to public/img/phones/apple-iphone-7-plus/silver/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/silver/02.jpg b/public/img/phones/apple-iphone-7-plus/silver/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/silver/02.jpg
rename to public/img/phones/apple-iphone-7-plus/silver/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/silver/03.jpg b/public/img/phones/apple-iphone-7-plus/silver/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/silver/03.jpg
rename to public/img/phones/apple-iphone-7-plus/silver/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-7-plus/silver/04.jpg b/public/img/phones/apple-iphone-7-plus/silver/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7-plus/silver/04.jpg
rename to public/img/phones/apple-iphone-7-plus/silver/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/black/00.jpg b/public/img/phones/apple-iphone-7/black/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/black/00.jpg
rename to public/img/phones/apple-iphone-7/black/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/black/01.jpg b/public/img/phones/apple-iphone-7/black/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/black/01.jpg
rename to public/img/phones/apple-iphone-7/black/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/black/02.jpg b/public/img/phones/apple-iphone-7/black/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/black/02.jpg
rename to public/img/phones/apple-iphone-7/black/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/black/03.jpg b/public/img/phones/apple-iphone-7/black/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/black/03.jpg
rename to public/img/phones/apple-iphone-7/black/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/black/04.jpg b/public/img/phones/apple-iphone-7/black/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/black/04.jpg
rename to public/img/phones/apple-iphone-7/black/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/gold/00.jpg b/public/img/phones/apple-iphone-7/gold/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/gold/00.jpg
rename to public/img/phones/apple-iphone-7/gold/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/gold/01.jpg b/public/img/phones/apple-iphone-7/gold/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/gold/01.jpg
rename to public/img/phones/apple-iphone-7/gold/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/gold/02.jpg b/public/img/phones/apple-iphone-7/gold/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/gold/02.jpg
rename to public/img/phones/apple-iphone-7/gold/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/gold/03.jpg b/public/img/phones/apple-iphone-7/gold/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/gold/03.jpg
rename to public/img/phones/apple-iphone-7/gold/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/gold/04.jpg b/public/img/phones/apple-iphone-7/gold/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/gold/04.jpg
rename to public/img/phones/apple-iphone-7/gold/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/rosegold/00.jpg b/public/img/phones/apple-iphone-7/rosegold/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/rosegold/00.jpg
rename to public/img/phones/apple-iphone-7/rosegold/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/rosegold/01.jpg b/public/img/phones/apple-iphone-7/rosegold/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/rosegold/01.jpg
rename to public/img/phones/apple-iphone-7/rosegold/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/rosegold/02.jpg b/public/img/phones/apple-iphone-7/rosegold/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/rosegold/02.jpg
rename to public/img/phones/apple-iphone-7/rosegold/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/rosegold/03.jpg b/public/img/phones/apple-iphone-7/rosegold/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/rosegold/03.jpg
rename to public/img/phones/apple-iphone-7/rosegold/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/rosegold/04.jpg b/public/img/phones/apple-iphone-7/rosegold/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/rosegold/04.jpg
rename to public/img/phones/apple-iphone-7/rosegold/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/silver/00.jpg b/public/img/phones/apple-iphone-7/silver/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/silver/00.jpg
rename to public/img/phones/apple-iphone-7/silver/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/silver/01.jpg b/public/img/phones/apple-iphone-7/silver/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/silver/01.jpg
rename to public/img/phones/apple-iphone-7/silver/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/silver/02.jpg b/public/img/phones/apple-iphone-7/silver/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/silver/02.jpg
rename to public/img/phones/apple-iphone-7/silver/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/silver/03.jpg b/public/img/phones/apple-iphone-7/silver/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/silver/03.jpg
rename to public/img/phones/apple-iphone-7/silver/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-7/silver/04.jpg b/public/img/phones/apple-iphone-7/silver/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-7/silver/04.jpg
rename to public/img/phones/apple-iphone-7/silver/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/gold/00.jpg b/public/img/phones/apple-iphone-8/gold/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/gold/00.jpg
rename to public/img/phones/apple-iphone-8/gold/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/gold/01.jpg b/public/img/phones/apple-iphone-8/gold/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/gold/01.jpg
rename to public/img/phones/apple-iphone-8/gold/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/gold/02.jpg b/public/img/phones/apple-iphone-8/gold/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/gold/02.jpg
rename to public/img/phones/apple-iphone-8/gold/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/gold/03.jpg b/public/img/phones/apple-iphone-8/gold/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/gold/03.jpg
rename to public/img/phones/apple-iphone-8/gold/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/silver/00.jpg b/public/img/phones/apple-iphone-8/silver/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/silver/00.jpg
rename to public/img/phones/apple-iphone-8/silver/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/silver/01.jpg b/public/img/phones/apple-iphone-8/silver/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/silver/01.jpg
rename to public/img/phones/apple-iphone-8/silver/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/silver/02.jpg b/public/img/phones/apple-iphone-8/silver/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/silver/02.jpg
rename to public/img/phones/apple-iphone-8/silver/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/silver/03.jpg b/public/img/phones/apple-iphone-8/silver/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/silver/03.jpg
rename to public/img/phones/apple-iphone-8/silver/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/spacegray/00.jpg b/public/img/phones/apple-iphone-8/spacegray/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/spacegray/00.jpg
rename to public/img/phones/apple-iphone-8/spacegray/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/spacegray/01.jpg b/public/img/phones/apple-iphone-8/spacegray/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/spacegray/01.jpg
rename to public/img/phones/apple-iphone-8/spacegray/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/spacegray/02.jpg b/public/img/phones/apple-iphone-8/spacegray/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/spacegray/02.jpg
rename to public/img/phones/apple-iphone-8/spacegray/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-8/spacegray/03.jpg b/public/img/phones/apple-iphone-8/spacegray/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-8/spacegray/03.jpg
rename to public/img/phones/apple-iphone-8/spacegray/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/coral/00.jpg b/public/img/phones/apple-iphone-xr/coral/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/coral/00.jpg
rename to public/img/phones/apple-iphone-xr/coral/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/coral/01.jpg b/public/img/phones/apple-iphone-xr/coral/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/coral/01.jpg
rename to public/img/phones/apple-iphone-xr/coral/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/coral/02.jpg b/public/img/phones/apple-iphone-xr/coral/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/coral/02.jpg
rename to public/img/phones/apple-iphone-xr/coral/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/red/00.jpg b/public/img/phones/apple-iphone-xr/red/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/red/00.jpg
rename to public/img/phones/apple-iphone-xr/red/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/red/01.jpg b/public/img/phones/apple-iphone-xr/red/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/red/01.jpg
rename to public/img/phones/apple-iphone-xr/red/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/red/02.jpg b/public/img/phones/apple-iphone-xr/red/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/red/02.jpg
rename to public/img/phones/apple-iphone-xr/red/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/red/03.jpg b/public/img/phones/apple-iphone-xr/red/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/red/03.jpg
rename to public/img/phones/apple-iphone-xr/red/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/red/04.jpg b/public/img/phones/apple-iphone-xr/red/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/red/04.jpg
rename to public/img/phones/apple-iphone-xr/red/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/white/00.jpg b/public/img/phones/apple-iphone-xr/white/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/white/00.jpg
rename to public/img/phones/apple-iphone-xr/white/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/white/01.jpg b/public/img/phones/apple-iphone-xr/white/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/white/01.jpg
rename to public/img/phones/apple-iphone-xr/white/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/white/02.jpg b/public/img/phones/apple-iphone-xr/white/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/white/02.jpg
rename to public/img/phones/apple-iphone-xr/white/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/white/03.jpg b/public/img/phones/apple-iphone-xr/white/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/white/03.jpg
rename to public/img/phones/apple-iphone-xr/white/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/yellow/00.jpg b/public/img/phones/apple-iphone-xr/yellow/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/yellow/00.jpg
rename to public/img/phones/apple-iphone-xr/yellow/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/yellow/01.jpg b/public/img/phones/apple-iphone-xr/yellow/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/yellow/01.jpg
rename to public/img/phones/apple-iphone-xr/yellow/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/yellow/02.jpg b/public/img/phones/apple-iphone-xr/yellow/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/yellow/02.jpg
rename to public/img/phones/apple-iphone-xr/yellow/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/yellow/03.jpg b/public/img/phones/apple-iphone-xr/yellow/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/yellow/03.jpg
rename to public/img/phones/apple-iphone-xr/yellow/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-xr/yellow/04.jpg b/public/img/phones/apple-iphone-xr/yellow/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xr/yellow/04.jpg
rename to public/img/phones/apple-iphone-xr/yellow/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/gold/00.jpg b/public/img/phones/apple-iphone-xs-max/gold/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/gold/00.jpg
rename to public/img/phones/apple-iphone-xs-max/gold/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/gold/01.jpg b/public/img/phones/apple-iphone-xs-max/gold/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/gold/01.jpg
rename to public/img/phones/apple-iphone-xs-max/gold/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/gold/02.jpg b/public/img/phones/apple-iphone-xs-max/gold/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/gold/02.jpg
rename to public/img/phones/apple-iphone-xs-max/gold/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/gold/03.jpg b/public/img/phones/apple-iphone-xs-max/gold/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/gold/03.jpg
rename to public/img/phones/apple-iphone-xs-max/gold/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/gold/04.jpg b/public/img/phones/apple-iphone-xs-max/gold/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/gold/04.jpg
rename to public/img/phones/apple-iphone-xs-max/gold/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/silver/00.jpg b/public/img/phones/apple-iphone-xs-max/silver/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/silver/00.jpg
rename to public/img/phones/apple-iphone-xs-max/silver/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/silver/01.jpg b/public/img/phones/apple-iphone-xs-max/silver/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/silver/01.jpg
rename to public/img/phones/apple-iphone-xs-max/silver/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/silver/02.jpg b/public/img/phones/apple-iphone-xs-max/silver/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/silver/02.jpg
rename to public/img/phones/apple-iphone-xs-max/silver/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/silver/03.jpg b/public/img/phones/apple-iphone-xs-max/silver/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/silver/03.jpg
rename to public/img/phones/apple-iphone-xs-max/silver/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/silver/04.jpg b/public/img/phones/apple-iphone-xs-max/silver/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/silver/04.jpg
rename to public/img/phones/apple-iphone-xs-max/silver/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/spacegray/00.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/spacegray/00.jpg
rename to public/img/phones/apple-iphone-xs-max/spacegray/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/spacegray/01.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/spacegray/01.jpg
rename to public/img/phones/apple-iphone-xs-max/spacegray/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/spacegray/02.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/spacegray/02.jpg
rename to public/img/phones/apple-iphone-xs-max/spacegray/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/spacegray/03.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/spacegray/03.jpg
rename to public/img/phones/apple-iphone-xs-max/spacegray/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs-max/spacegray/04.jpg b/public/img/phones/apple-iphone-xs-max/spacegray/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs-max/spacegray/04.jpg
rename to public/img/phones/apple-iphone-xs-max/spacegray/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/gold/00.jpg b/public/img/phones/apple-iphone-xs/gold/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/gold/00.jpg
rename to public/img/phones/apple-iphone-xs/gold/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/gold/01.jpg b/public/img/phones/apple-iphone-xs/gold/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/gold/01.jpg
rename to public/img/phones/apple-iphone-xs/gold/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/gold/02.jpg b/public/img/phones/apple-iphone-xs/gold/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/gold/02.jpg
rename to public/img/phones/apple-iphone-xs/gold/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/gold/03.jpg b/public/img/phones/apple-iphone-xs/gold/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/gold/03.jpg
rename to public/img/phones/apple-iphone-xs/gold/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/gold/04.jpg b/public/img/phones/apple-iphone-xs/gold/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/gold/04.jpg
rename to public/img/phones/apple-iphone-xs/gold/04.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/spacegray/00.jpg b/public/img/phones/apple-iphone-xs/spacegray/00.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/spacegray/00.jpg
rename to public/img/phones/apple-iphone-xs/spacegray/00.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/spacegray/01.jpg b/public/img/phones/apple-iphone-xs/spacegray/01.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/spacegray/01.jpg
rename to public/img/phones/apple-iphone-xs/spacegray/01.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/spacegray/02.jpg b/public/img/phones/apple-iphone-xs/spacegray/02.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/spacegray/02.jpg
rename to public/img/phones/apple-iphone-xs/spacegray/02.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/spacegray/03.jpg b/public/img/phones/apple-iphone-xs/spacegray/03.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/spacegray/03.jpg
rename to public/img/phones/apple-iphone-xs/spacegray/03.jpg
diff --git a/public/_new/img/phones/apple-iphone-xs/spacegray/04.jpg b/public/img/phones/apple-iphone-xs/spacegray/04.jpg
similarity index 100%
rename from public/_new/img/phones/apple-iphone-xs/spacegray/04.jpg
rename to public/img/phones/apple-iphone-xs/spacegray/04.jpg
diff --git a/public/img/products/dell-streak-7.0.jpg b/public/img/products/dell-streak-7.0.jpg
deleted file mode 100644
index 7ce0dce4ee..0000000000
Binary files a/public/img/products/dell-streak-7.0.jpg and /dev/null differ
diff --git a/public/img/products/dell-streak-7.1.jpg b/public/img/products/dell-streak-7.1.jpg
deleted file mode 100644
index ed8cad89fb..0000000000
Binary files a/public/img/products/dell-streak-7.1.jpg and /dev/null differ
diff --git a/public/img/products/dell-streak-7.2.jpg b/public/img/products/dell-streak-7.2.jpg
deleted file mode 100644
index c83529e0f9..0000000000
Binary files a/public/img/products/dell-streak-7.2.jpg and /dev/null differ
diff --git a/public/img/products/dell-streak-7.3.jpg b/public/img/products/dell-streak-7.3.jpg
deleted file mode 100644
index cd2c30280d..0000000000
Binary files a/public/img/products/dell-streak-7.3.jpg and /dev/null differ
diff --git a/public/img/products/dell-streak-7.4.jpg b/public/img/products/dell-streak-7.4.jpg
deleted file mode 100644
index b4d8472da8..0000000000
Binary files a/public/img/products/dell-streak-7.4.jpg and /dev/null differ
diff --git a/public/img/products/dell-venue.0.jpg b/public/img/products/dell-venue.0.jpg
deleted file mode 100644
index b4cb4eb25f..0000000000
Binary files a/public/img/products/dell-venue.0.jpg and /dev/null differ
diff --git a/public/img/products/dell-venue.1.jpg b/public/img/products/dell-venue.1.jpg
deleted file mode 100644
index 19474096ff..0000000000
Binary files a/public/img/products/dell-venue.1.jpg and /dev/null differ
diff --git a/public/img/products/dell-venue.2.jpg b/public/img/products/dell-venue.2.jpg
deleted file mode 100644
index 2ce54f5bdd..0000000000
Binary files a/public/img/products/dell-venue.2.jpg and /dev/null differ
diff --git a/public/img/products/dell-venue.3.jpg b/public/img/products/dell-venue.3.jpg
deleted file mode 100644
index 3836dac9bf..0000000000
Binary files a/public/img/products/dell-venue.3.jpg and /dev/null differ
diff --git a/public/img/products/dell-venue.4.jpg b/public/img/products/dell-venue.4.jpg
deleted file mode 100644
index 87f8580dd6..0000000000
Binary files a/public/img/products/dell-venue.4.jpg and /dev/null differ
diff --git a/public/img/products/dell-venue.5.jpg b/public/img/products/dell-venue.5.jpg
deleted file mode 100644
index eae4bd784c..0000000000
Binary files a/public/img/products/dell-venue.5.jpg and /dev/null differ
diff --git a/public/img/products/droid-2-global-by-motorola.0.jpg b/public/img/products/droid-2-global-by-motorola.0.jpg
deleted file mode 100644
index 60700a2ab3..0000000000
Binary files a/public/img/products/droid-2-global-by-motorola.0.jpg and /dev/null differ
diff --git a/public/img/products/droid-2-global-by-motorola.1.jpg b/public/img/products/droid-2-global-by-motorola.1.jpg
deleted file mode 100644
index 7c31b73e1d..0000000000
Binary files a/public/img/products/droid-2-global-by-motorola.1.jpg and /dev/null differ
diff --git a/public/img/products/droid-2-global-by-motorola.2.jpg b/public/img/products/droid-2-global-by-motorola.2.jpg
deleted file mode 100644
index e72f52a686..0000000000
Binary files a/public/img/products/droid-2-global-by-motorola.2.jpg and /dev/null differ
diff --git a/public/img/products/droid-pro-by-motorola.0.jpg b/public/img/products/droid-pro-by-motorola.0.jpg
deleted file mode 100644
index c7710de986..0000000000
Binary files a/public/img/products/droid-pro-by-motorola.0.jpg and /dev/null differ
diff --git a/public/img/products/droid-pro-by-motorola.1.jpg b/public/img/products/droid-pro-by-motorola.1.jpg
deleted file mode 100644
index 277793ef99..0000000000
Binary files a/public/img/products/droid-pro-by-motorola.1.jpg and /dev/null differ
diff --git a/public/img/products/lg-axis.0.jpg b/public/img/products/lg-axis.0.jpg
deleted file mode 100644
index 55e5a23bb2..0000000000
Binary files a/public/img/products/lg-axis.0.jpg and /dev/null differ
diff --git a/public/img/products/lg-axis.1.jpg b/public/img/products/lg-axis.1.jpg
deleted file mode 100644
index 6b8116eee9..0000000000
Binary files a/public/img/products/lg-axis.1.jpg and /dev/null differ
diff --git a/public/img/products/lg-axis.2.jpg b/public/img/products/lg-axis.2.jpg
deleted file mode 100644
index a1b4eb611b..0000000000
Binary files a/public/img/products/lg-axis.2.jpg and /dev/null differ
diff --git a/public/img/products/motorola-atrix-4g.0.jpg b/public/img/products/motorola-atrix-4g.0.jpg
deleted file mode 100644
index 2446159e93..0000000000
Binary files a/public/img/products/motorola-atrix-4g.0.jpg and /dev/null differ
diff --git a/public/img/products/motorola-atrix-4g.1.jpg b/public/img/products/motorola-atrix-4g.1.jpg
deleted file mode 100644
index 867f207459..0000000000
Binary files a/public/img/products/motorola-atrix-4g.1.jpg and /dev/null differ
diff --git a/public/img/products/motorola-atrix-4g.2.jpg b/public/img/products/motorola-atrix-4g.2.jpg
deleted file mode 100644
index 27d78338c4..0000000000
Binary files a/public/img/products/motorola-atrix-4g.2.jpg and /dev/null differ
diff --git a/public/img/products/motorola-atrix-4g.3.jpg b/public/img/products/motorola-atrix-4g.3.jpg
deleted file mode 100644
index 29459a68a4..0000000000
Binary files a/public/img/products/motorola-atrix-4g.3.jpg and /dev/null differ
diff --git a/public/img/products/motorola-bravo-with-motoblur.0.jpg b/public/img/products/motorola-bravo-with-motoblur.0.jpg
deleted file mode 100644
index e452ae7e7c..0000000000
Binary files a/public/img/products/motorola-bravo-with-motoblur.0.jpg and /dev/null differ
diff --git a/public/img/products/motorola-bravo-with-motoblur.1.jpg b/public/img/products/motorola-bravo-with-motoblur.1.jpg
deleted file mode 100644
index 2238f92085..0000000000
Binary files a/public/img/products/motorola-bravo-with-motoblur.1.jpg and /dev/null differ
diff --git a/public/img/products/motorola-bravo-with-motoblur.2.jpg b/public/img/products/motorola-bravo-with-motoblur.2.jpg
deleted file mode 100644
index 3e7115416b..0000000000
Binary files a/public/img/products/motorola-bravo-with-motoblur.2.jpg and /dev/null differ
diff --git a/public/img/products/motorola-charm-with-motoblur.0.jpg b/public/img/products/motorola-charm-with-motoblur.0.jpg
deleted file mode 100644
index 21e4b8d741..0000000000
Binary files a/public/img/products/motorola-charm-with-motoblur.0.jpg and /dev/null differ
diff --git a/public/img/products/motorola-charm-with-motoblur.1.jpg b/public/img/products/motorola-charm-with-motoblur.1.jpg
deleted file mode 100644
index fda0828f90..0000000000
Binary files a/public/img/products/motorola-charm-with-motoblur.1.jpg and /dev/null differ
diff --git a/public/img/products/motorola-charm-with-motoblur.2.jpg b/public/img/products/motorola-charm-with-motoblur.2.jpg
deleted file mode 100644
index c976ea8261..0000000000
Binary files a/public/img/products/motorola-charm-with-motoblur.2.jpg and /dev/null differ
diff --git a/public/img/products/motorola-defy-with-motoblur.0.jpg b/public/img/products/motorola-defy-with-motoblur.0.jpg
deleted file mode 100644
index c7c5e3ba0c..0000000000
Binary files a/public/img/products/motorola-defy-with-motoblur.0.jpg and /dev/null differ
diff --git a/public/img/products/motorola-defy-with-motoblur.1.jpg b/public/img/products/motorola-defy-with-motoblur.1.jpg
deleted file mode 100644
index 19d90af42d..0000000000
Binary files a/public/img/products/motorola-defy-with-motoblur.1.jpg and /dev/null differ
diff --git a/public/img/products/motorola-defy-with-motoblur.2.jpg b/public/img/products/motorola-defy-with-motoblur.2.jpg
deleted file mode 100644
index 51ce0d6f17..0000000000
Binary files a/public/img/products/motorola-defy-with-motoblur.2.jpg and /dev/null differ
diff --git a/public/img/products/motorola-xoom-with-wi-fi.0.jpg b/public/img/products/motorola-xoom-with-wi-fi.0.jpg
deleted file mode 100644
index a6c993291e..0000000000
Binary files a/public/img/products/motorola-xoom-with-wi-fi.0.jpg and /dev/null differ
diff --git a/public/img/products/motorola-xoom-with-wi-fi.1.jpg b/public/img/products/motorola-xoom-with-wi-fi.1.jpg
deleted file mode 100644
index 400b89e2df..0000000000
Binary files a/public/img/products/motorola-xoom-with-wi-fi.1.jpg and /dev/null differ
diff --git a/public/img/products/motorola-xoom-with-wi-fi.2.jpg b/public/img/products/motorola-xoom-with-wi-fi.2.jpg
deleted file mode 100644
index 86b55d28dd..0000000000
Binary files a/public/img/products/motorola-xoom-with-wi-fi.2.jpg and /dev/null differ
diff --git a/public/img/products/motorola-xoom-with-wi-fi.3.jpg b/public/img/products/motorola-xoom-with-wi-fi.3.jpg
deleted file mode 100644
index 85ec293ae5..0000000000
Binary files a/public/img/products/motorola-xoom-with-wi-fi.3.jpg and /dev/null differ
diff --git a/public/img/products/motorola-xoom-with-wi-fi.4.jpg b/public/img/products/motorola-xoom-with-wi-fi.4.jpg
deleted file mode 100644
index 75ef1464cb..0000000000
Binary files a/public/img/products/motorola-xoom-with-wi-fi.4.jpg and /dev/null differ
diff --git a/public/img/products/motorola-xoom-with-wi-fi.5.jpg b/public/img/products/motorola-xoom-with-wi-fi.5.jpg
deleted file mode 100644
index 4d42db4330..0000000000
Binary files a/public/img/products/motorola-xoom-with-wi-fi.5.jpg and /dev/null differ
diff --git a/public/img/products/motorola-xoom.0.jpg b/public/img/products/motorola-xoom.0.jpg
deleted file mode 100644
index bf6954bbd5..0000000000
Binary files a/public/img/products/motorola-xoom.0.jpg and /dev/null differ
diff --git a/public/img/products/motorola-xoom.1.jpg b/public/img/products/motorola-xoom.1.jpg
deleted file mode 100644
index 659688a47d..0000000000
Binary files a/public/img/products/motorola-xoom.1.jpg and /dev/null differ
diff --git a/public/img/products/motorola-xoom.2.jpg b/public/img/products/motorola-xoom.2.jpg
deleted file mode 100644
index ce0ff1002e..0000000000
Binary files a/public/img/products/motorola-xoom.2.jpg and /dev/null differ
diff --git a/public/img/products/nexus-s.0.jpg b/public/img/products/nexus-s.0.jpg
deleted file mode 100644
index 0952bc79c2..0000000000
Binary files a/public/img/products/nexus-s.0.jpg and /dev/null differ
diff --git a/public/img/products/nexus-s.1.jpg b/public/img/products/nexus-s.1.jpg
deleted file mode 100644
index f33004dd7f..0000000000
Binary files a/public/img/products/nexus-s.1.jpg and /dev/null differ
diff --git a/public/img/products/nexus-s.2.jpg b/public/img/products/nexus-s.2.jpg
deleted file mode 100644
index c5c63621f1..0000000000
Binary files a/public/img/products/nexus-s.2.jpg and /dev/null differ
diff --git a/public/img/products/nexus-s.3.jpg b/public/img/products/nexus-s.3.jpg
deleted file mode 100644
index e51f75b0ed..0000000000
Binary files a/public/img/products/nexus-s.3.jpg and /dev/null differ
diff --git a/public/img/products/samsung-galaxy-tab.0.jpg b/public/img/products/samsung-galaxy-tab.0.jpg
deleted file mode 100644
index 3750377ad9..0000000000
Binary files a/public/img/products/samsung-galaxy-tab.0.jpg and /dev/null differ
diff --git a/public/img/products/samsung-galaxy-tab.1.jpg b/public/img/products/samsung-galaxy-tab.1.jpg
deleted file mode 100644
index 30b91b2c36..0000000000
Binary files a/public/img/products/samsung-galaxy-tab.1.jpg and /dev/null differ
diff --git a/public/img/products/samsung-galaxy-tab.2.jpg b/public/img/products/samsung-galaxy-tab.2.jpg
deleted file mode 100644
index cd31f997ef..0000000000
Binary files a/public/img/products/samsung-galaxy-tab.2.jpg and /dev/null differ
diff --git a/public/img/products/samsung-galaxy-tab.3.jpg b/public/img/products/samsung-galaxy-tab.3.jpg
deleted file mode 100644
index 195e083f06..0000000000
Binary files a/public/img/products/samsung-galaxy-tab.3.jpg and /dev/null differ
diff --git a/public/img/products/samsung-galaxy-tab.4.jpg b/public/img/products/samsung-galaxy-tab.4.jpg
deleted file mode 100644
index 06a504ecab..0000000000
Binary files a/public/img/products/samsung-galaxy-tab.4.jpg and /dev/null differ
diff --git a/public/img/products/samsung-galaxy-tab.5.jpg b/public/img/products/samsung-galaxy-tab.5.jpg
deleted file mode 100644
index da3d548123..0000000000
Binary files a/public/img/products/samsung-galaxy-tab.5.jpg and /dev/null differ
diff --git a/public/img/products/samsung-galaxy-tab.6.jpg b/public/img/products/samsung-galaxy-tab.6.jpg
deleted file mode 100644
index 505858c8b5..0000000000
Binary files a/public/img/products/samsung-galaxy-tab.6.jpg and /dev/null differ
diff --git a/public/img/products/samsung-gem.0.jpg b/public/img/products/samsung-gem.0.jpg
deleted file mode 100644
index 0d5024a026..0000000000
Binary files a/public/img/products/samsung-gem.0.jpg and /dev/null differ
diff --git a/public/img/products/samsung-gem.1.jpg b/public/img/products/samsung-gem.1.jpg
deleted file mode 100644
index c6aaef8ede..0000000000
Binary files a/public/img/products/samsung-gem.1.jpg and /dev/null differ
diff --git a/public/img/products/samsung-gem.2.jpg b/public/img/products/samsung-gem.2.jpg
deleted file mode 100644
index d325a58fee..0000000000
Binary files a/public/img/products/samsung-gem.2.jpg and /dev/null differ
diff --git a/public/img/products/samsung-mesmerize-a-galaxy-s-phone.0.jpg b/public/img/products/samsung-mesmerize-a-galaxy-s-phone.0.jpg
deleted file mode 100644
index 11b8f860cb..0000000000
Binary files a/public/img/products/samsung-mesmerize-a-galaxy-s-phone.0.jpg and /dev/null differ
diff --git a/public/img/products/samsung-mesmerize-a-galaxy-s-phone.1.jpg b/public/img/products/samsung-mesmerize-a-galaxy-s-phone.1.jpg
deleted file mode 100644
index 451f87c741..0000000000
Binary files a/public/img/products/samsung-mesmerize-a-galaxy-s-phone.1.jpg and /dev/null differ
diff --git a/public/img/products/samsung-mesmerize-a-galaxy-s-phone.2.jpg b/public/img/products/samsung-mesmerize-a-galaxy-s-phone.2.jpg
deleted file mode 100644
index 066f0a2b29..0000000000
Binary files a/public/img/products/samsung-mesmerize-a-galaxy-s-phone.2.jpg and /dev/null differ
diff --git a/public/img/products/samsung-mesmerize-a-galaxy-s-phone.3.jpg b/public/img/products/samsung-mesmerize-a-galaxy-s-phone.3.jpg
deleted file mode 100644
index edb3ae9914..0000000000
Binary files a/public/img/products/samsung-mesmerize-a-galaxy-s-phone.3.jpg and /dev/null differ
diff --git a/public/img/products/samsung-showcase-a-galaxy-s-phone.0.jpg b/public/img/products/samsung-showcase-a-galaxy-s-phone.0.jpg
deleted file mode 100644
index 11b8f860cb..0000000000
Binary files a/public/img/products/samsung-showcase-a-galaxy-s-phone.0.jpg and /dev/null differ
diff --git a/public/img/products/samsung-showcase-a-galaxy-s-phone.1.jpg b/public/img/products/samsung-showcase-a-galaxy-s-phone.1.jpg
deleted file mode 100644
index 451f87c741..0000000000
Binary files a/public/img/products/samsung-showcase-a-galaxy-s-phone.1.jpg and /dev/null differ
diff --git a/public/img/products/samsung-showcase-a-galaxy-s-phone.2.jpg b/public/img/products/samsung-showcase-a-galaxy-s-phone.2.jpg
deleted file mode 100644
index 066f0a2b29..0000000000
Binary files a/public/img/products/samsung-showcase-a-galaxy-s-phone.2.jpg and /dev/null differ
diff --git a/public/img/products/samsung-transform.0.jpg b/public/img/products/samsung-transform.0.jpg
deleted file mode 100644
index 0e3107caf5..0000000000
Binary files a/public/img/products/samsung-transform.0.jpg and /dev/null differ
diff --git a/public/img/products/samsung-transform.1.jpg b/public/img/products/samsung-transform.1.jpg
deleted file mode 100644
index f29fdd915f..0000000000
Binary files a/public/img/products/samsung-transform.1.jpg and /dev/null differ
diff --git a/public/img/products/samsung-transform.2.jpg b/public/img/products/samsung-transform.2.jpg
deleted file mode 100644
index ba79d48dfc..0000000000
Binary files a/public/img/products/samsung-transform.2.jpg and /dev/null differ
diff --git a/public/img/products/samsung-transform.3.jpg b/public/img/products/samsung-transform.3.jpg
deleted file mode 100644
index 240e06cc6f..0000000000
Binary files a/public/img/products/samsung-transform.3.jpg and /dev/null differ
diff --git a/public/img/products/samsung-transform.4.jpg b/public/img/products/samsung-transform.4.jpg
deleted file mode 100644
index bbc1977359..0000000000
Binary files a/public/img/products/samsung-transform.4.jpg and /dev/null differ
diff --git a/public/img/products/sanyo-zio.0.jpg b/public/img/products/sanyo-zio.0.jpg
deleted file mode 100644
index 9eeb9b96ed..0000000000
Binary files a/public/img/products/sanyo-zio.0.jpg and /dev/null differ
diff --git a/public/img/products/sanyo-zio.1.jpg b/public/img/products/sanyo-zio.1.jpg
deleted file mode 100644
index 11bba9996f..0000000000
Binary files a/public/img/products/sanyo-zio.1.jpg and /dev/null differ
diff --git a/public/img/products/sanyo-zio.2.jpg b/public/img/products/sanyo-zio.2.jpg
deleted file mode 100644
index 589ef9e267..0000000000
Binary files a/public/img/products/sanyo-zio.2.jpg and /dev/null differ
diff --git a/public/img/products/t-mobile-g2.0.jpg b/public/img/products/t-mobile-g2.0.jpg
deleted file mode 100644
index 6b6c09e058..0000000000
Binary files a/public/img/products/t-mobile-g2.0.jpg and /dev/null differ
diff --git a/public/img/products/t-mobile-g2.1.jpg b/public/img/products/t-mobile-g2.1.jpg
deleted file mode 100644
index 21a3e23065..0000000000
Binary files a/public/img/products/t-mobile-g2.1.jpg and /dev/null differ
diff --git a/public/img/products/t-mobile-g2.2.jpg b/public/img/products/t-mobile-g2.2.jpg
deleted file mode 100644
index 84ce064b25..0000000000
Binary files a/public/img/products/t-mobile-g2.2.jpg and /dev/null differ
diff --git a/public/img/products/t-mobile-mytouch-4g.0.jpg b/public/img/products/t-mobile-mytouch-4g.0.jpg
deleted file mode 100644
index beba1f6827..0000000000
Binary files a/public/img/products/t-mobile-mytouch-4g.0.jpg and /dev/null differ
diff --git a/public/img/products/t-mobile-mytouch-4g.1.jpg b/public/img/products/t-mobile-mytouch-4g.1.jpg
deleted file mode 100644
index f1c2d0630b..0000000000
Binary files a/public/img/products/t-mobile-mytouch-4g.1.jpg and /dev/null differ
diff --git a/public/img/products/t-mobile-mytouch-4g.2.jpg b/public/img/products/t-mobile-mytouch-4g.2.jpg
deleted file mode 100644
index e0fb7988cc..0000000000
Binary files a/public/img/products/t-mobile-mytouch-4g.2.jpg and /dev/null differ
diff --git a/public/img/products/t-mobile-mytouch-4g.3.jpg b/public/img/products/t-mobile-mytouch-4g.3.jpg
deleted file mode 100644
index beb557df1f..0000000000
Binary files a/public/img/products/t-mobile-mytouch-4g.3.jpg and /dev/null differ
diff --git a/public/img/products/t-mobile-mytouch-4g.4.jpg b/public/img/products/t-mobile-mytouch-4g.4.jpg
deleted file mode 100644
index bdd67c053c..0000000000
Binary files a/public/img/products/t-mobile-mytouch-4g.4.jpg and /dev/null differ
diff --git a/public/img/products/t-mobile-mytouch-4g.5.jpg b/public/img/products/t-mobile-mytouch-4g.5.jpg
deleted file mode 100644
index beba1f6827..0000000000
Binary files a/public/img/products/t-mobile-mytouch-4g.5.jpg and /dev/null differ
diff --git a/public/index.html b/public/index.html
index 4b622dad39..31c33f7dfd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Phone catalog</title>
+    <link rel="icon" type="image/x-icon" href="./favicon.png">
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/App.scss b/src/App.scss
deleted file mode 100644
index 71bc413aad..0000000000
--- a/src/App.scss
+++ /dev/null
@@ -1 +0,0 @@
-// not empty
diff --git a/src/App.tsx b/src/App.tsx
index a1715e52b3..d5fa685505 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,9 +1,10 @@
-import './App.scss';
+import React from 'react';
+import { Page } from './pages/Page/Page';
 
-const App = () => (
-  <div className="App">
-    <h1>React Phone Catalog</h1>
-  </div>
-);
-
-export default App;
+export const App: React.FC = () => {
+  return (
+    <div className="App">
+      <Page />
+    </div>
+  );
+};
diff --git a/src/api/fetchData.ts b/src/api/fetchData.ts
new file mode 100644
index 0000000000..d8e1bf607c
--- /dev/null
+++ b/src/api/fetchData.ts
@@ -0,0 +1,32 @@
+import { Product } from '../types/Product';
+import { DetailedProduct } from '../types/DetailedProduct';
+
+const BASE_URL = 'https://mate-academy.github.io/react_phone-catalog/_new/';
+
+function request<T>(url: string): Promise<T> {
+  return fetch(BASE_URL + url).then(response => {
+    if (!response.ok) {
+      throw new Error('Can not load data from server');
+    }
+
+    return response.json();
+  });
+}
+
+export const getProducts = () => {
+  return request<Product[]>('/products.json');
+};
+
+export const getProductById = (id: string) => {
+  return request<DetailedProduct>(`/products/${id}.json`);
+};
+
+export const getProductByCategory = (categoryName: string) => {
+  return getProducts()
+    .then(products => {
+      const productsInCategory = products
+        .filter(product => product.category === categoryName);
+
+      return productsInCategory;
+    });
+};
diff --git a/src/components/BreadCrumbs/BreadCrumbs.tsx b/src/components/BreadCrumbs/BreadCrumbs.tsx
new file mode 100644
index 0000000000..f034609818
--- /dev/null
+++ b/src/components/BreadCrumbs/BreadCrumbs.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { Link, useLocation } from 'react-router-dom';
+import classNames from 'classnames';
+import './breadCrumbs.scss';
+
+export const BreadCrumbs: React.FC = () => {
+  const breadcrumbs = useLocation().pathname.split('/')
+    .filter(item => item !== '');
+
+  const isLastLink = (index: number) => {
+    return index === breadcrumbs.length - 1;
+  };
+
+  return (
+    <div data-cy="breadCrumbs" className="breadcrumbs">
+      <Link to="/" className="breadcrumbs__home" />
+      {breadcrumbs.map((crumbs, index) => {
+        const text = crumbs.split('-').join(' ');
+
+        const linkTO = `/${crumbs.toLowerCase()}`;
+
+        return (
+          <Link
+            key={crumbs}
+            to={linkTO}
+            className={classNames(
+              'breadcrumbs__link',
+              { disabled: isLastLink(index) },
+            )}
+          >
+            {text}
+          </Link>
+        );
+      })}
+    </div>
+  );
+};
diff --git a/src/components/BreadCrumbs/breadCrumbs.scss b/src/components/BreadCrumbs/breadCrumbs.scss
new file mode 100644
index 0000000000..c7a85c5255
--- /dev/null
+++ b/src/components/BreadCrumbs/breadCrumbs.scss
@@ -0,0 +1,46 @@
+@import "/styles/common";
+
+.breadcrumbs {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 40px;
+
+  &__home {
+    height: 16px;
+    width: 16px;
+    @include bgr-img;
+    background-image: url($icon-home);
+  }
+    
+  &__list {
+    display: flex;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  &__link {
+    align-items: center;
+    @extend %small-text;
+    color: $main-gray-color;
+    text-transform: capitalize;
+    display: flex;
+    gap: 8px;
+
+    &::before {
+      content: "";
+      width: 16px;
+      height: 16px;
+      @include bgr-img;
+      background-image: url($arrow-right);
+      color: $light-gray-color;
+      font-weight: 300;
+    }
+
+    &.disabled {
+      pointer-events: none;
+      color: $light-gray-color;
+    }
+  }
+}
diff --git a/src/components/BreadCrumbs/index.tsx b/src/components/BreadCrumbs/index.tsx
new file mode 100644
index 0000000000..8ffa35f61f
--- /dev/null
+++ b/src/components/BreadCrumbs/index.tsx
@@ -0,0 +1 @@
+export * from './BreadCrumbs';
diff --git a/src/components/ButtonAddToCart/ButtonAddToCart.tsx b/src/components/ButtonAddToCart/ButtonAddToCart.tsx
new file mode 100644
index 0000000000..1f8e6e87c2
--- /dev/null
+++ b/src/components/ButtonAddToCart/ButtonAddToCart.tsx
@@ -0,0 +1,53 @@
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { AppContext } from '../../context/AppContextProvider';
+import { Product } from '../../types/Product';
+import './buttonAddToCart.scss';
+
+export type Props = {
+  isProductInFav: boolean,
+  isProductInCart: boolean,
+  product: Product,
+};
+
+export const ButtonAddToCart: React.FC<Props> = ({
+  isProductInFav,
+  isProductInCart,
+  product,
+}) => {
+  const { toggleToFavorites, toggleToCart } = useContext(AppContext);
+
+  const toggleToFav = () => {
+    toggleToFavorites(product);
+  };
+
+  const toggleToCheckout = () => {
+    toggleToCart(product);
+  };
+
+  return (
+    <div className="buttons-container">
+      {/* eslint-disable-next-line */}
+      <button
+        type="button"
+        className={classNames(
+          'button button_add-to-cart',
+          { selected: isProductInCart },
+        )}
+        onClick={toggleToCheckout}
+      >
+        {isProductInCart ? 'Added' : 'Add to cart'}
+      </button>
+      {/* eslint-disable-next-line */}
+      <button
+        data-cy="addToFavorite"
+        type="button"
+        className={classNames(
+          'button button_like',
+          { selected: isProductInFav },
+        )}
+        onClick={toggleToFav}
+      />
+    </div>
+  );
+};
diff --git a/src/components/ButtonAddToCart/buttonAddToCart.scss b/src/components/ButtonAddToCart/buttonAddToCart.scss
new file mode 100644
index 0000000000..cff28fab1c
--- /dev/null
+++ b/src/components/ButtonAddToCart/buttonAddToCart.scss
@@ -0,0 +1,4 @@
+.buttons-container {
+  display: flex;
+  margin-top: 16px;
+}
diff --git a/src/components/ButtonAddToCart/index.tsx b/src/components/ButtonAddToCart/index.tsx
new file mode 100644
index 0000000000..ab41645592
--- /dev/null
+++ b/src/components/ButtonAddToCart/index.tsx
@@ -0,0 +1 @@
+export * from './ButtonAddToCart';
diff --git a/src/components/Carousel/Carousel.tsx b/src/components/Carousel/Carousel.tsx
new file mode 100644
index 0000000000..60eecde76a
--- /dev/null
+++ b/src/components/Carousel/Carousel.tsx
@@ -0,0 +1,69 @@
+import React, { useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { PathnamesForNav } from '../../types/Pathnames';
+import './carousel.scss';
+
+export const Carousel: React.FC = () => {
+  const [currentImageIndex, setCurrentImageIndex] = useState(0);
+
+  const banners = Object.keys(PathnamesForNav)
+    .slice(1).map(path => path.toLowerCase());
+
+  const showNextImage = () => {
+    setCurrentImageIndex(prevIndex => (prevIndex + 1) % banners.length);
+  };
+
+  useEffect(() => {
+    const interval = setInterval(() => showNextImage(), 5000);
+
+    return () => clearInterval(interval);
+  }, [currentImageIndex]);
+
+  const showPrevImage = () => {
+    setCurrentImageIndex(prevIndex => {
+      return (prevIndex - 1 + banners.length) % banners.length;
+    });
+  };
+
+  const onHandleImageChange = (index: number) => {
+    setCurrentImageIndex(index);
+  };
+
+  return (
+    <div className="carousel">
+      <div className="carousel__content">
+        {/* eslint-disable-next-line */}
+        <button
+          className="carousel__button carousel__button_prev"
+          type="button"
+          onClick={showPrevImage}
+        />
+        <img
+          className="carousel__image"
+          alt={`banner_${banners[currentImageIndex]}`}
+          src={`./img/carousel/${banners[currentImageIndex]}.png`}
+        />
+        {/* eslint-disable-next-line */}
+        <button
+          className="carousel__button carousel__button_next"
+          type="button"
+          onClick={showNextImage}
+        />
+      </div>
+      <div className="carousel-pagination">
+        {banners.map((banner, index) => (
+          // eslint-disable-next-line
+          <button
+            key={banner[currentImageIndex]}
+            className={classNames(
+              'carousel-pagination__item',
+              { selected: index === currentImageIndex },
+            )}
+            type="button"
+            onClick={() => onHandleImageChange(index)}
+          />
+        ))}
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/Carousel/carousel.scss b/src/components/Carousel/carousel.scss
new file mode 100644
index 0000000000..bd81340f49
--- /dev/null
+++ b/src/components/Carousel/carousel.scss
@@ -0,0 +1,75 @@
+@import "../../../styles/common";
+
+.carousel {
+  height: 432px;
+
+  &__content {
+    display: flex;
+    height: 100%;
+  }
+
+  &__image {
+    width: calc(100% - 96px);
+    height: 100%;
+    object-fit: cover;
+    margin: 0 16px;
+    transition: opacity 0.5s ease;
+  }
+
+  &__button {
+    cursor: pointer;
+    @include button-transparent;
+    height: 100%;
+
+    &_prev::before {
+      background-image: url($arrow-left);
+    }
+  
+    &_next::before {
+      background-image: url($arrow-right);
+    }
+  }
+}
+
+.carousel-pagination {
+  display: flex;
+  justify-content: center;
+  margin-top: 16px;
+
+  &__item {
+    width: 20px;
+    height: 6px;
+    margin-right: 20px;
+    background-color: $borders-gray-color;
+    border: none;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &.selected {
+      background-color: $main-gray-color;
+    }
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .carousel {
+    height: unset;
+
+    &__content {
+      height: unset;
+    }
+
+    &__image {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+    }
+
+    &__button {
+      display: none;
+    }
+  }
+}
diff --git a/src/components/Carousel/index.tsx b/src/components/Carousel/index.tsx
new file mode 100644
index 0000000000..c0ab19964d
--- /dev/null
+++ b/src/components/Carousel/index.tsx
@@ -0,0 +1 @@
+export * from './Carousel';
diff --git a/src/components/CategoriesList/CategoriesList.tsx b/src/components/CategoriesList/CategoriesList.tsx
new file mode 100644
index 0000000000..27b8c0f359
--- /dev/null
+++ b/src/components/CategoriesList/CategoriesList.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { Category } from '../../types/Category';
+import { CategoryCard } from '../CategoryCard/CategoryCard';
+import './categoriesList.scss';
+
+export type Props = {
+  productsCounter: {
+    [key: string]: number
+  },
+};
+
+export const CategoriesList: React.FC<Props> = ({ productsCounter }) => {
+  const categories = [
+    { id: 1, title: 'Mobile phones' },
+    { id: 2, title: 'Tablets' },
+    { id: 3, title: 'Accessories' },
+  ];
+
+  const normalizeNameCategory = (category: string): string => {
+    return category === 'Mobile phones' ? 'phones' : category.toLowerCase();
+  };
+
+  const categoriesNormalized: Category[] = categories.map(item => {
+    const newName = normalizeNameCategory(item.title);
+
+    return ({
+      ...item,
+      name: newName,
+      itemCount: productsCounter[newName],
+    });
+  });
+
+  return (
+    <ul className="product-category">
+      {categoriesNormalized.map(category => (
+        <CategoryCard
+          key={category.name}
+          data-cy="categoryLinksContainer"
+          category={category}
+        />
+      ))}
+    </ul>
+  );
+};
diff --git a/src/components/CategoriesList/categoriesList.scss b/src/components/CategoriesList/categoriesList.scss
new file mode 100644
index 0000000000..8fdbfdff84
--- /dev/null
+++ b/src/components/CategoriesList/categoriesList.scss
@@ -0,0 +1,18 @@
+@import "../../../styles/common";
+
+.product-category {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 16px;
+  margin-bottom: 140px;
+}
+
+@media #{$phone-media-query} {
+
+  .product-category {
+    display: block;
+    grid-template-columns: unset;
+    gap: unset;
+    margin-bottom: 0;
+  }
+}
diff --git a/src/components/CategoriesList/index.tsx b/src/components/CategoriesList/index.tsx
new file mode 100644
index 0000000000..89cf3a6135
--- /dev/null
+++ b/src/components/CategoriesList/index.tsx
@@ -0,0 +1 @@
+export * from './CategoriesList';
diff --git a/src/components/CategoryCard/CategoryCard.tsx b/src/components/CategoryCard/CategoryCard.tsx
new file mode 100644
index 0000000000..12e53b1833
--- /dev/null
+++ b/src/components/CategoryCard/CategoryCard.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Category } from '../../types/Category';
+import { ModelsCounter } from '../ModelsCounter/ModelsCounter';
+import './categoryCard.scss';
+
+export type Props = {
+  category: Category,
+};
+
+export const CategoryCard: React.FC<Props> = ({ category }) => {
+  const {
+    id,
+    title,
+    name,
+    itemCount,
+  } = category;
+
+  return (
+    <Link
+      key={id}
+      to={`/${name}`}
+      className="category-card"
+    >
+      <div className="category-card__image-container">
+        <img
+          alt={name}
+          className="category-card__img"
+          src={`./img/categories/${name}.png`}
+        />
+      </div>
+      <h1 className="category-card__title">
+        {title}
+      </h1>
+      <ModelsCounter number={itemCount} />
+    </Link>
+  );
+};
diff --git a/src/components/CategoryCard/categoryCard.scss b/src/components/CategoryCard/categoryCard.scss
new file mode 100644
index 0000000000..0904e9cb01
--- /dev/null
+++ b/src/components/CategoryCard/categoryCard.scss
@@ -0,0 +1,19 @@
+@import "../../../styles/common";
+
+.category-card {
+  height: 100%;
+  width: 100%;
+  justify-content: flex-start;
+  cursor: pointer;
+  transition: all 0.3s;
+
+  &:hover {
+    scale: 1.05;
+  }
+
+  &__title {
+    @extend %h3;
+    color: $main-gray-color;
+    margin-top: 24px;
+  }
+}
diff --git a/src/components/CategoryCard/index.tsx b/src/components/CategoryCard/index.tsx
new file mode 100644
index 0000000000..a72d92435c
--- /dev/null
+++ b/src/components/CategoryCard/index.tsx
@@ -0,0 +1 @@
+export * from './CategoryCard';
diff --git a/src/components/CheckoutCard/CheckoutCard.tsx b/src/components/CheckoutCard/CheckoutCard.tsx
new file mode 100644
index 0000000000..145260626f
--- /dev/null
+++ b/src/components/CheckoutCard/CheckoutCard.tsx
@@ -0,0 +1,78 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { Link } from 'react-router-dom';
+import classNames from 'classnames';
+import { ProductInCart } from '../../types/Product';
+import { AppContext } from '../../context/AppContextProvider';
+import './checkoutCard.scss';
+
+export type Props = {
+  item: ProductInCart;
+};
+
+export const CheckoutCard:React.FC<Props> = ({ item }) => {
+  const { toggleToCart, updateCountInCart } = useContext(AppContext);
+  const [count, setCount] = useState(item.count);
+
+  useEffect(() => {
+    updateCountInCart(item.itemId, count);
+  }, [item.itemId, count]);
+
+  const totalPrice = () => {
+    return item.price * count;
+  };
+
+  const handleDecrease = () => {
+    setCount((prevCount: number) => prevCount - 1);
+  };
+
+  const handleIncrease = () => {
+    setCount((prevCount: number) => prevCount + 1);
+  };
+
+  return (
+    <div className="checkout-card">
+      {/* eslint-disable-next-line */}
+      <button
+        type="button"
+        data-cy="cartDeleteButton"
+        className="checkout-card__button-remove"
+        onClick={() => toggleToCart(item)}
+      />
+      <div className="checkout-card__content">
+        <img
+          alt={item.name}
+          src={item.image}
+          className="checkout-card__img"
+        />
+        <Link className="checkout-card__title" to={`/${item.category}/${item.itemId}`}>
+          {item.name}
+        </Link>
+      </div>
+      <div className="checkout-card__container">
+        <div className="checkout-card__actions">
+          {/* eslint-disable-next-line */}
+          <button
+            type="button"
+            className={classNames(
+              'checkout-card__button checkout-card__button_prev',
+              { disabled: count === 1 },
+            )}
+            onClick={handleDecrease}
+          />
+          <div className="checkout-card__count">
+            {count}
+          </div>
+          {/* eslint-disable-next-line */}
+          <button
+            type="button"
+            className="checkout-card__button checkout-card__button_next"
+            onClick={handleIncrease}
+          />
+        </div>
+        <p className="checkout-card__price">
+          {`$${totalPrice()}`}
+        </p>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/CheckoutCard/checkoutCard.scss b/src/components/CheckoutCard/checkoutCard.scss
new file mode 100644
index 0000000000..8da945f24d
--- /dev/null
+++ b/src/components/CheckoutCard/checkoutCard.scss
@@ -0,0 +1,104 @@
+@import "../../../styles/common";
+
+.checkout-card {
+  display: flex;
+  border: 1px solid $borders-gray-color;
+  padding: 30px;
+  margin-bottom: 16px;
+  align-items: center;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &__content,
+  &__container {
+    display: flex;
+    align-items: center;
+  }
+
+  &__button-remove {
+    border: none;
+    height: 16px;
+    width: 16px;
+    @include bgr-img;
+    background-image: url($icon-close-light-gray);
+    margin-right: 30px;
+    transition: all 0.3s;
+
+    &:hover {
+      background-image: url($icon-close);
+      transform: scale(1.05);
+    }
+  }
+  
+  &__img {
+    width: 66px;
+    height: 66px;
+    object-fit: contain;
+    margin-right: 30px;
+  }
+
+  &__title {
+    width: 295px;
+    @extend %body-text;
+    color: $main-gray-color;
+    margin-right: 50px;
+  }
+
+  &__actions {
+    display: flex;
+    height: 32px;
+    align-items: center;
+    margin-right: 16px;
+  }
+
+  &__button {
+    @include button-more-less;
+
+    &_prev {
+      content: "+";
+
+    }
+  }
+
+  &__count {
+    margin-right: 16px;
+    @extend %body-text;
+    color: #000;
+  }
+
+  &__price {
+    @extend %h2;
+    color: $main-gray-color;
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .checkout-card {
+    display: flex;
+    flex-direction: column;
+    align-items: baseline;
+    grid-gap: 16px;
+    gap: 16px;
+    padding: 16px;
+
+    &__button-remove {
+      margin-bottom: 24px;
+    }
+
+    &__content,
+    &__container {
+      width: 100%;
+      justify-content: space-between;
+      grid-gap: 16px;
+      gap: 16px;
+    }
+
+    &__actions,
+    &__title {
+      margin: 0 0 16px;
+    }
+  }
+}
diff --git a/src/components/CheckoutCard/index.tsx b/src/components/CheckoutCard/index.tsx
new file mode 100644
index 0000000000..e34c42ac3c
--- /dev/null
+++ b/src/components/CheckoutCard/index.tsx
@@ -0,0 +1 @@
+export * from './CheckoutCard';
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
new file mode 100644
index 0000000000..1281afe81a
--- /dev/null
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -0,0 +1,92 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import './dropdown.scss';
+import { Link, useSearchParams } from 'react-router-dom';
+import { getSearchWith } from '../../helpers/searchHelper';
+
+export type Props = {
+  label: string,
+  classModificator: string,
+  options: string[],
+  startValue: string,
+  searchParamsKey: string,
+};
+
+export const Dropdown: React.FC<Props> = ({
+  label,
+  classModificator,
+  options,
+  startValue,
+  searchParamsKey,
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [searchParams] = useSearchParams();
+  const [value, setValue] = useState(startValue);
+
+  const toggle = () => {
+    setIsOpen(!isOpen);
+  };
+
+  const handleChangeValue = (option: string) => {
+    setValue(option);
+    setIsOpen(false);
+  };
+
+  const getSearchParams = (params: string) => {
+    if (searchParamsKey === 'itemsOnPage') {
+      return getSearchWith(searchParams, {
+        page: '1',
+        [searchParamsKey]: params,
+      });
+    }
+
+    return getSearchWith(searchParams, {
+      [searchParamsKey]: params,
+    });
+  };
+
+  return (
+    <div className={`dropdown dropdown_${classModificator}`}>
+      <label className="dropdown__label">{label}</label>
+      <button
+        type="button"
+        className="dropdown__select"
+        onClick={toggle}
+      >
+        <span>{value}</span>
+        <div
+          className={classNames(
+            'dropdown__arrow',
+            { dropdown__arrow_opened: isOpen },
+          )}
+        />
+      </button>
+
+      {isOpen && (
+        <ul className="dropdown__list">
+          {options.map(option => (
+            /* eslint-disable-next-line */
+            <li
+              key={option}
+              className="dropdown__item"
+              onClick={() => handleChangeValue(option)}
+            >
+              <Link
+                to={{
+                  search: getSearchParams(option),
+                }}
+                onClick={toggle}
+                className={classNames(
+                  'dropdown__link',
+                  { active: option === value },
+                )}
+              >
+                {option}
+              </Link>
+            </li>
+          ))}
+        </ul>
+      )}
+    </div>
+  );
+};
diff --git a/src/components/Dropdown/dropdown.scss b/src/components/Dropdown/dropdown.scss
new file mode 100644
index 0000000000..70ea716bb5
--- /dev/null
+++ b/src/components/Dropdown/dropdown.scss
@@ -0,0 +1,80 @@
+@import "../../../styles/common";
+
+.dropdown {
+  position: relative;
+
+  &_sort {
+    width: 176px;
+    margin-right: 24px;
+  }
+
+  &_items {
+    width: 128px;
+  }
+
+  &__label {
+    @extend %uppercase;
+    color: $second-gray-color;
+    margin-bottom: 4px;
+  }
+
+  &__select {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border: 1px solid $light-gray-color;
+    background-color: #fafbfc;
+    padding: 10px;
+    height: 40px;
+    width: 100%;
+    outline: none;
+    color: $main-gray-color;
+    text-transform: capitalize;
+    transition: 0.3s;
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+
+    &:hover {
+      border: 1px solid $main-gray-color;
+    }
+  }
+
+  &__arrow {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 16px;
+    transition: transform 0.3s;
+    @include bgr-img;
+    background-image: url("https://i.gstatvb.com/7b0c5a911403e372d5b0aace017605fc1689328395.rng.png");
+
+    &_opened {
+      transform: rotate(180deg);
+    }
+  }
+
+  &__list {
+    position: absolute;
+    text-transform: capitalize;
+    z-index: 1;
+    width: 100%;
+    margin-top: 4px;
+    background-color: #fff;
+    border: 1px solid $borders-gray-color;
+    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.05);
+  }
+
+  &__link {
+    display: block;
+    width: 100%;
+    padding: 6px 12px;
+    color: $second-gray-color;
+    transition: all 0.3s linear;
+
+    &.active {
+      color: $main-gray-color;
+    }
+  }
+}
diff --git a/src/components/Dropdown/index.tsx b/src/components/Dropdown/index.tsx
new file mode 100644
index 0000000000..2f29bad4e6
--- /dev/null
+++ b/src/components/Dropdown/index.tsx
@@ -0,0 +1 @@
+export * from './Dropdown';
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
new file mode 100644
index 0000000000..1a4ff03bd8
--- /dev/null
+++ b/src/components/Footer/Footer.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { PageNavLink } from '../../helpers/PageNavLink';
+import './footer.scss';
+
+export const Footer: React.FC = () => {
+  const scrollToElement = (elementId: string) => {
+    const element = document.getElementById(elementId);
+
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
+  return (
+    <div className="footer">
+      <div className="footer__container">
+        <div className="footer__logo" />
+        <div className="nav">
+          <PageNavLink text="GITHUB" to="https://github.com/Anastasiya145/" />
+          <PageNavLink text="CONTACTS" to="tel:+330784070315" />
+          <PageNavLink text="RIGHTS" to="https://github.com/Anastasiya145/" />
+        </div>
+        {/* eslint-disable-next-line */}
+        <button
+          className="button button_scroll"
+          type="button"
+          onClick={() => scrollToElement('header')}
+        />
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/Footer/footer.scss b/src/components/Footer/footer.scss
new file mode 100644
index 0000000000..df66e95888
--- /dev/null
+++ b/src/components/Footer/footer.scss
@@ -0,0 +1,50 @@
+@import "../../../styles/common";
+
+.footer {
+  border-top: 1px solid $borders-gray-color;
+  height: 96px;
+
+  &__container {
+    height: 100%;
+    width: 100%;
+    max-width: 1150px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &__logo {
+    background: center/contain no-repeat url($logo);
+    height: 24px;
+    width: 40px;
+    margin: 0 64px 0 8px;
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .footer {
+    height: min-content;
+    padding: 20px 0;
+
+    &__container {
+      flex-direction: column;
+      align-items: unset;
+      padding: 0 24px;
+    }
+
+    &__logo {
+      margin: 0;
+      margin-bottom: 16px;
+    }
+  }
+}
+
+@supports (-webkit-touch-callout: none) {
+
+  .footer {
+    padding-bottom: 100px;
+  }
+}
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
new file mode 100644
index 0000000000..ddcc5a9cd1
--- /dev/null
+++ b/src/components/Footer/index.tsx
@@ -0,0 +1 @@
+export * from './Footer';
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
new file mode 100644
index 0000000000..5e056df775
--- /dev/null
+++ b/src/components/Header/Header.tsx
@@ -0,0 +1,108 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { Link, useLocation } from 'react-router-dom';
+import classNames from 'classnames';
+import { PageNavLink } from '../../helpers/PageNavLink';
+import { AppContext } from '../../context/AppContextProvider';
+import { SearchBar } from '../SearchBar/SearchBar';
+import { PathnamesApp, PathnamesForNav } from '../../types/Pathnames';
+import { IconMenu } from '../IconMenu/IconMenu';
+import './header.scss';
+
+const linkAddress = (pageName: string) => {
+  return pageName === 'Home' ? '/' : pageName.toLowerCase();
+};
+
+export const Header: React.FC = () => {
+  const { favorites, cart } = useContext(AppContext);
+  const { pathname } = useLocation();
+  const [isMenuOpened, setIsMenuOpened] = useState(false);
+
+  const pathnameNormalized = pathname.substring(1);
+  const isSearchBarShown = Object.keys(PathnamesForNav)
+    .some(path => path.toLowerCase() === pathnameNormalized);
+
+  useEffect(() => {
+    setIsMenuOpened(false);
+  }, [pathname]);
+
+  const toggleMenu = () => {
+    setIsMenuOpened(!isMenuOpened);
+  };
+
+  return (
+    <>
+      <div
+        id="header"
+        className="header"
+      >
+        <div className="header__content">
+          <Link to={PathnamesApp.Home} className="header__logo" />
+          <div className="nav">
+            {Object.keys(PathnamesForNav).map(item => (
+              <PageNavLink
+                key={item}
+                text={item}
+                to={linkAddress(item)}
+              />
+            ))}
+          </div>
+        </div>
+        <div className="header__container">
+          {isSearchBarShown && <SearchBar />}
+          <IconMenu
+            link={PathnamesApp.Favorites}
+            count={favorites.length}
+            iconName="favorites"
+          />
+          <IconMenu
+            link={PathnamesApp.Cart}
+            count={cart.length}
+            iconName="cart"
+          />
+          {/* eslint-disable-next-line */}
+          <button
+            type="button"
+            className="header__menu-open-button"
+            onClick={toggleMenu}
+          />
+        </div>
+      </div>
+      <nav className={classNames(
+        'header__menu',
+        { header__menu_opened: isMenuOpened },
+      )}
+      >
+        <div className="header__box">
+          <Link to={PathnamesApp.Home} className="header__logo" />
+          {/* eslint-disable-next-line */}
+          <button
+            type="button"
+            className="header__menu-open-button"
+            onClick={toggleMenu}
+          />
+        </div>
+        <div className="nav">
+          {Object.keys(PathnamesForNav).map(item => (
+            <PageNavLink
+              key={item}
+              text={item}
+              to={linkAddress(item)}
+            />
+          ))}
+        </div>
+        <div className="header__container">
+          <IconMenu
+            link={PathnamesApp.Favorites}
+            count={favorites.length}
+            iconName="favorites"
+          />
+          <IconMenu
+            link={PathnamesApp.Cart}
+            count={cart.length}
+            iconName="cart"
+          />
+        </div>
+      </nav>
+    </>
+  );
+};
diff --git a/src/components/Header/header.scss b/src/components/Header/header.scss
new file mode 100644
index 0000000000..121510d525
--- /dev/null
+++ b/src/components/Header/header.scss
@@ -0,0 +1,150 @@
+@import "../../../styles/common";
+
+.header {
+  border-bottom: 1px solid $borders-gray-color;
+  height: 64px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+
+  &__content {
+    display: flex;
+    align-items: center;
+  }
+
+  &__menu {
+    display: none;
+  }
+
+  &__logo {
+    background: center/contain no-repeat url($logo);
+    height: 24px;
+    width: 40px;
+    margin: 0 64px 0 26px;
+  }
+
+  &__container {
+    display: flex;
+  }
+
+  &__menu-open-button {
+    display: none;
+  }
+}
+
+.nav {
+  display: flex;
+
+  &__item {
+    cursor: pointer;
+    padding: 24px 0;
+    margin-right: 64px;
+    height: 100%;
+    @extend %uppercase;
+    color: $second-gray-color;
+    transition: color 0.3s;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &.selected {
+      color: $main-gray-color;
+      border-bottom: 3px solid $main-gray-color;
+    }
+
+    &:hover {
+      color: #000;
+    }
+  }
+}
+
+@media #{$desktop-smallest-media-query} {
+
+  .header {
+
+    &__menu-open-button {
+      display: block;
+      @include button-header;
+      border: none;
+      @include bgr-img;
+      background-image: url($icon-menu);
+      background-size: 20px 20px;
+    }
+
+    & .nav {
+      display: none;
+    }
+
+    &__box {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      margin-bottom: 64px;
+
+      & .header__menu-open-button {
+        background-image: url($icon-close);
+      }
+    }
+  }
+
+  .header__menu {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100vw;
+    height: 100vh;
+    z-index: 1;
+    overflow-y: auto;
+    transform: translateX(100%);
+    transition: transform 0.3s;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    &.header__menu_opened {
+      transform: translateX(0);
+    }
+
+    & .nav {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+
+      &__item {
+        padding: 16px 0;
+        margin: 8px 0;
+      }
+    }
+
+    & .header__container {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      width: 100%;
+    }
+
+    & .icon {
+      width: 100%;
+
+      & .icon__count {
+        top: 40%;
+        left: 50%;
+      }
+    }
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .nav {
+    flex-direction: column;
+
+    &__item {
+      padding: 16px 0;
+      margin: 8px 0;
+    }
+  }
+}
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
new file mode 100644
index 0000000000..266dec8a1b
--- /dev/null
+++ b/src/components/Header/index.tsx
@@ -0,0 +1 @@
+export * from './Header';
diff --git a/src/components/IconMenu/IconMenu.tsx b/src/components/IconMenu/IconMenu.tsx
new file mode 100644
index 0000000000..495ef54894
--- /dev/null
+++ b/src/components/IconMenu/IconMenu.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { NavLink } from 'react-router-dom';
+import classNames from 'classnames';
+import { PathnamesApp } from '../../types/Pathnames';
+import './iconMenu.scss';
+
+type Props = {
+  count: number,
+  link: PathnamesApp,
+  iconName: string,
+};
+
+export const IconMenu: React.FC<Props> = ({
+  count,
+  link,
+  iconName,
+}) => {
+  return (
+    <NavLink
+      to={link}
+      className={({ isActive }) => classNames(
+        'icon',
+        { selected: isActive },
+      )}
+    >
+      <div className={`icon__img icon__img_${iconName}`} />
+      {count > 0 && (
+        <div className="icon__count">
+          <span className="icon__text">
+            {count}
+          </span>
+        </div>
+      )}
+    </NavLink>
+  );
+};
diff --git a/src/components/IconMenu/iconMenu.scss b/src/components/IconMenu/iconMenu.scss
new file mode 100644
index 0000000000..7c409f3292
--- /dev/null
+++ b/src/components/IconMenu/iconMenu.scss
@@ -0,0 +1,49 @@
+@import "../../../styles/common";
+
+.icon {
+  @include button-header;
+  position: relative;
+
+  &.selected {
+    border-bottom: 3px solid $main-gray-color;
+  }
+
+  &__img {
+    height: 20px;
+    width: 20px;
+    margin: 0 auto;
+    @include bgr-img;
+
+    &_favorites {
+      background-image: url($icon-fav);
+    }
+
+    &_cart {
+      background-image: url($icon-cart);
+    }
+  }
+
+  &__count {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: 8px;
+    display: block;
+    width: 16px;
+    height: 16px;
+    color: #fff;
+    text-align: center;
+    border: 1.5px solid #fff;
+    border-radius: 50%;
+    background-color: $accent-red;
+  }
+
+  &__text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    font-size: 9px;
+    line-height: 9px;
+    transform: translate(-50%,-50%);
+  }
+}
diff --git a/src/components/Loader/Loader.tsx b/src/components/Loader/Loader.tsx
new file mode 100644
index 0000000000..29fcbaf296
--- /dev/null
+++ b/src/components/Loader/Loader.tsx
@@ -0,0 +1,3 @@
+import './loader.scss';
+
+export const Loader = () => <div className="loader" />;
diff --git a/src/components/Loader/index.tsx b/src/components/Loader/index.tsx
new file mode 100644
index 0000000000..d5ce981151
--- /dev/null
+++ b/src/components/Loader/index.tsx
@@ -0,0 +1 @@
+export * from './Loader';
diff --git a/src/components/Loader/loader.scss b/src/components/Loader/loader.scss
new file mode 100644
index 0000000000..bea1aaf24b
--- /dev/null
+++ b/src/components/Loader/loader.scss
@@ -0,0 +1,22 @@
+.loader {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border: 5px solid gray;
+  border-top: 5px solid #fff;
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
+  animation: loader 2s linear infinite;
+}
+
+@keyframes loader {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
diff --git a/src/components/ModelsCounter/ModelsCounter.tsx b/src/components/ModelsCounter/ModelsCounter.tsx
new file mode 100644
index 0000000000..c11b0038f6
--- /dev/null
+++ b/src/components/ModelsCounter/ModelsCounter.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import './modelsCounter.scss';
+
+export type Props = {
+  number: number;
+};
+
+export const ModelsCounter:React.FC<Props> = ({ number = 0 }) => {
+  return (
+    <p className="models">
+      {`${number} models`}
+    </p>
+  );
+};
diff --git a/src/components/ModelsCounter/index.tsx b/src/components/ModelsCounter/index.tsx
new file mode 100644
index 0000000000..2fd75d959c
--- /dev/null
+++ b/src/components/ModelsCounter/index.tsx
@@ -0,0 +1 @@
+export * from './ModelsCounter';
diff --git a/src/components/ModelsCounter/modelsCounter.scss b/src/components/ModelsCounter/modelsCounter.scss
new file mode 100644
index 0000000000..ee0f103cde
--- /dev/null
+++ b/src/components/ModelsCounter/modelsCounter.scss
@@ -0,0 +1,7 @@
+@import "../../../styles/common";
+
+.models {
+  @extend %body-text;
+  color: $second-gray-color;
+  margin-bottom: 40px;
+}
diff --git a/src/components/NoSearchResults/NoSearchResults.tsx b/src/components/NoSearchResults/NoSearchResults.tsx
new file mode 100644
index 0000000000..515885278d
--- /dev/null
+++ b/src/components/NoSearchResults/NoSearchResults.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import './noSearchResults.scss';
+
+export const NoSearchResults:React.FC = () => {
+  return (
+    <div className="no-results">
+      <h2 className="no-results__title">
+        There are no products matching your request
+      </h2>
+    </div>
+  );
+};
diff --git a/src/components/NoSearchResults/index.tsx b/src/components/NoSearchResults/index.tsx
new file mode 100644
index 0000000000..4ca5239abf
--- /dev/null
+++ b/src/components/NoSearchResults/index.tsx
@@ -0,0 +1 @@
+export * from './NoSearchResults';
diff --git a/src/components/NoSearchResults/noSearchResults.scss b/src/components/NoSearchResults/noSearchResults.scss
new file mode 100644
index 0000000000..114e308a50
--- /dev/null
+++ b/src/components/NoSearchResults/noSearchResults.scss
@@ -0,0 +1,12 @@
+@import "/styles/common";
+
+.no-results {
+
+  &__title {
+    @extend %h2;
+    text-align: center;
+    color: $second-gray-color;
+    text-transform: uppercase;
+    margin-bottom: 20px;
+  }
+}
diff --git a/src/components/NotFound/NotFound.tsx b/src/components/NotFound/NotFound.tsx
new file mode 100644
index 0000000000..b18e356d29
--- /dev/null
+++ b/src/components/NotFound/NotFound.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import './notFound.scss';
+
+export type Props = {
+  title: string,
+};
+
+export const NotFound:React.FC<Props> = ({ title }) => {
+  const navigate = useNavigate();
+  const handleNavigate = () => navigate('/');
+
+  return (
+    <div className="not-found">
+      <div className="not-found__container">
+        <h2 className="not-found__title">{title}</h2>
+      </div>
+      <button
+        className="not-found__button"
+        type="button"
+        onClick={handleNavigate}
+      >
+        Go Home
+      </button>
+    </div>
+  );
+};
diff --git a/src/components/NotFound/index.tsx b/src/components/NotFound/index.tsx
new file mode 100644
index 0000000000..ea2877e324
--- /dev/null
+++ b/src/components/NotFound/index.tsx
@@ -0,0 +1 @@
+export * from './NotFound';
diff --git a/src/components/NotFound/notFound.scss b/src/components/NotFound/notFound.scss
new file mode 100644
index 0000000000..6ece45b7b0
--- /dev/null
+++ b/src/components/NotFound/notFound.scss
@@ -0,0 +1,42 @@
+@import "/styles/common";
+
+.not-found {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  margin-top: 50px;
+
+  &__container {
+    max-width: 540px;
+  }
+
+  &__title {
+    @extend %h2;
+    text-align: center;
+    color: $second-gray-color;
+    text-transform: uppercase;
+    margin-bottom: 20px;
+  }
+
+  &__button {
+    @include button-gray;
+    height: 40px;
+    max-width: 185px;
+    text-transform: uppercase;
+
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: $main-gray-color;
+      color: #fff;
+    }
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .not-found {
+    margin: 50px 0;
+  }
+}
diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
new file mode 100644
index 0000000000..ba7d1ef585
--- /dev/null
+++ b/src/components/Pagination/Pagination.tsx
@@ -0,0 +1,104 @@
+import React, { useEffect, useState } from 'react';
+import { Link, useSearchParams } from 'react-router-dom';
+import classNames from 'classnames';
+import { getSearchWith } from '../../helpers/searchHelper';
+import './pagination.scss';
+
+export type Props = {
+  total: number,
+  itemsOnPage: number,
+  currentPage: number,
+};
+
+const DEFAULT_VISIBLE_PAGES = 4;
+
+export const Pagination: React.FC<Props> = ({
+  total,
+  itemsOnPage,
+  currentPage,
+}) => {
+  const [searchParams, setSearchParams] = useSearchParams('');
+  const lastPage = Math.ceil(total / itemsOnPage);
+  const [visiblePages, setVisiblePages] = useState<number[]>([]);
+
+  useEffect(() => {
+    const adjacentPages = Math.round(DEFAULT_VISIBLE_PAGES / 2);
+    let startPage = Math.max(1, currentPage - adjacentPages);
+    let endPage = Math.min(lastPage, currentPage + adjacentPages);
+
+    while (endPage - startPage < DEFAULT_VISIBLE_PAGES) {
+      if (startPage > 1) {
+        startPage -= 1;
+      } else if (endPage < lastPage) {
+        endPage += 1;
+      } else {
+        break;
+      }
+    }
+
+    const numberOfPages = [...Array(endPage - startPage + 1)]
+      .map((_, index) => startPage + index);
+
+    setVisiblePages(numberOfPages);
+  }, [currentPage, lastPage]);
+
+  useEffect(() => {
+    if (currentPage > lastPage) {
+      setSearchParams((params) => {
+        params.set('page', '1');
+
+        return params;
+      });
+    }
+  }, [currentPage, lastPage, setSearchParams]);
+
+  return (
+    <div data-cy="pagination" className="pagination">
+      <Link
+        data-cy="paginationLeft"
+        to={{
+          search: getSearchWith(searchParams, {
+            page: (currentPage - 1).toString(),
+          }),
+        }}
+        className={classNames(
+          'pagination__arrow pagination__arrow_prev',
+          { disabled: currentPage === 1 },
+        )}
+      />
+
+      <ul className="pagination__list">
+        {visiblePages.map(pageNumber => (
+          <li key={pageNumber} className="pagination__item">
+            <Link
+              to={{
+                search: getSearchWith(searchParams, {
+                  page: pageNumber.toString(),
+                }),
+              }}
+              className={classNames(
+                'pagination__link',
+                { active: pageNumber === currentPage },
+              )}
+            >
+              {pageNumber}
+            </Link>
+          </li>
+        ))}
+      </ul>
+
+      <Link
+        data-cy="paginationRight"
+        to={{
+          search: getSearchWith(searchParams, {
+            page: (currentPage + 1).toString(),
+          }),
+        }}
+        className={classNames(
+          'pagination__arrow pagination__arrow_next',
+          { disabled: currentPage === lastPage },
+        )}
+      />
+    </div>
+  );
+};
diff --git a/src/components/Pagination/index.tsx b/src/components/Pagination/index.tsx
new file mode 100644
index 0000000000..e016c96b72
--- /dev/null
+++ b/src/components/Pagination/index.tsx
@@ -0,0 +1 @@
+export * from './Pagination';
diff --git a/src/components/Pagination/pagination.scss b/src/components/Pagination/pagination.scss
new file mode 100644
index 0000000000..b59de771da
--- /dev/null
+++ b/src/components/Pagination/pagination.scss
@@ -0,0 +1,53 @@
+@import "../../../styles/common";
+
+.pagination,
+.pagination__item,
+.pagination__link {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.pagination {
+  grid-gap: 16px;
+  gap: 16px;
+
+  &__list {
+    display: flex;
+    grid-gap: 8px;
+    gap: 8px;
+  }
+
+  &__arrow {
+    @include button-arrows;
+
+    &_prev,
+    &_next {
+      margin-right: 0;
+    }
+  }
+
+  &__item {
+    width: 32px;
+    height: 32px;
+    border: 1px solid $light-gray-color;
+    background-color: transparent;
+    transition: all 0.3s;
+    fill: $main-gray-color;
+
+    &:hover {
+      border-color: $main-gray-color;
+    }
+  }
+
+  &__link {
+    width: 100%;
+    height: 100%;
+    color: $main-gray-color;
+
+    &.active {
+      background-color: $main-gray-color;
+      color: #fff;
+    }
+  }
+}
diff --git a/src/components/ProductCard/ProductCard.tsx b/src/components/ProductCard/ProductCard.tsx
new file mode 100644
index 0000000000..f43feb8fef
--- /dev/null
+++ b/src/components/ProductCard/ProductCard.tsx
@@ -0,0 +1,52 @@
+import React, { useContext } from 'react';
+import { Link } from 'react-router-dom';
+import { AppContext } from '../../context/AppContextProvider';
+import { Product } from '../../types/Product';
+import { ProductPrice } from '../ProductPrice/ProductPrice';
+import { PropertyList } from '../PropertyList/PropertyList';
+import { ButtonAddToCart } from '../ButtonAddToCart/ButtonAddToCart';
+import './productCard.scss';
+
+export type Props = {
+  product: Product,
+};
+
+export const ProductCard: React.FC<Props> = ({ product }) => {
+  const {
+    favorites,
+    isProductSelected,
+    cart,
+  } = useContext(AppContext);
+
+  const isProductSelectedinFav = isProductSelected(product.itemId, favorites);
+  const isProductSelectedinCart = isProductSelected(product.itemId, cart);
+
+  const { screen, capacity, ram } = product;
+
+  const properties = { screen, capacity, ram };
+
+  return (
+    <div className="card">
+      <Link className="card__link" to={`/${product.category}/${product.itemId}`}>
+        <img
+          className="card__image"
+          alt={product.name}
+          src={product.image}
+        />
+      </Link>
+      <h1 className="card__title">{product.name}</h1>
+      <div className="card__price">
+        <ProductPrice
+          regularPrice={product.fullPrice}
+          discountPrice={product.price}
+        />
+      </div>
+      <PropertyList properties={properties} />
+      <ButtonAddToCart
+        product={product}
+        isProductInFav={isProductSelectedinFav}
+        isProductInCart={isProductSelectedinCart}
+      />
+    </div>
+  );
+};
diff --git a/src/components/ProductCard/index.tsx b/src/components/ProductCard/index.tsx
new file mode 100644
index 0000000000..7ce031c382
--- /dev/null
+++ b/src/components/ProductCard/index.tsx
@@ -0,0 +1 @@
+export * from './ProductCard';
diff --git a/src/components/ProductCard/productCard.scss b/src/components/ProductCard/productCard.scss
new file mode 100644
index 0000000000..2091f88c43
--- /dev/null
+++ b/src/components/ProductCard/productCard.scss
@@ -0,0 +1,48 @@
+@import "../../../styles/common";
+
+.card {
+  position: relative;
+  background-color: #fff;
+  border: 1px solid $borders-gray-color;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+  min-height: 560px;
+  width: 270px;
+  padding: 24px;
+  transition: all 0.3s;
+
+  &:hover {
+    border-color: $main-gray-color;
+  }
+
+  &__image {
+    height: 208px;
+    width: 208px;
+    object-fit: contain;
+  }
+
+  &__title {
+    margin-top: 24px;
+    color: $main-gray-color;
+    @extend %body-text;
+  }
+
+  &__price {
+    margin: 32px 0 6px;
+    border-bottom: 1px solid $borders-gray-color;
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .card {
+
+    &__title,
+    &__price,
+    &__properties {
+      margin-top: 16px;
+    }
+  }
+}
diff --git a/src/components/ProductList/ProductList.tsx b/src/components/ProductList/ProductList.tsx
new file mode 100644
index 0000000000..dd8107293b
--- /dev/null
+++ b/src/components/ProductList/ProductList.tsx
@@ -0,0 +1,166 @@
+import React, {
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
+import { useSearchParams } from 'react-router-dom';
+import classNames from 'classnames';
+import { Product } from '../../types/Product';
+import { sortProducts } from '../../helpers/sortHelper';
+import { Dropdown } from '../Dropdown/Dropdown';
+import { SortTypeForDropdown } from '../../types/SortType';
+import { Pagination } from '../Pagination/Pagination';
+import { ProductCard } from '../ProductCard/ProductCard';
+import { NoSearchResults } from '../NoSearchResults/NoSearchResults';
+import './productList.scss';
+import { Loader } from '../Loader';
+
+export type Props = {
+  products: Product[],
+  isSortDropdownShown?: boolean,
+  isPaginationShown?: boolean,
+  handleVisibleProductsNumber:(number: number) => void,
+};
+
+export const itemsOptions = ['4', '8', '16', 'All'];
+
+export const ProductList: React.FC<Props> = ({
+  products,
+  isSortDropdownShown,
+  isPaginationShown,
+  handleVisibleProductsNumber,
+}) => {
+  const [searchParams] = useSearchParams();
+  const [isLoading, setIsLoading] = useState(false);
+  const itemsOnPage = Number(searchParams.get('itemsOnPage'))
+    || products.length;
+  const sortBy = searchParams.get('sort') || '';
+  const page = Number(searchParams.get('page')) || 1;
+  const query = searchParams.get('query') || '';
+  const start = (page - 1) * itemsOnPage;
+  const end = start + itemsOnPage;
+  const isPaginationBarShown = isPaginationShown
+    && itemsOnPage !== products.length;
+
+  const [visibleProducts, setVisibleProducts] = useState<Product[]>(products);
+
+  const productsByQuery = (inputQuery: string) => {
+    const queryNormalized = inputQuery.trim().toLowerCase();
+
+    return products.filter(item => {
+      return item.name.toLowerCase().includes(queryNormalized);
+    });
+  };
+
+  const sortedProducts = useMemo(
+    () => sortProducts(productsByQuery(query), sortBy),
+    [sortBy, products, query],
+  );
+
+  const isRenderedRef = useRef(false);
+
+  useEffect(() => {
+    if (!isRenderedRef.current) {
+      isRenderedRef.current = true;
+    } else {
+      setIsLoading(true);
+    }
+
+    if (handleVisibleProductsNumber) {
+      handleVisibleProductsNumber(sortedProducts.length);
+    }
+
+    setVisibleProducts(sortedProducts.slice(start, end));
+
+    const timer = setTimeout(() => {
+      setIsLoading(false);
+    }, 500);
+
+    return () => clearTimeout(timer);
+  }, [products, sortBy, itemsOnPage, page, query]);
+
+  const startSortValue = sortBy.length === 0 ? 'Choose an option' : sortBy;
+  const startItemsValue = itemsOnPage === products.length
+    ? 'All'
+    : itemsOnPage.toString();
+
+  return (
+    <>
+      {isLoading && <Loader />}
+
+      {visibleProducts.length > 0 && !isLoading && (
+        <div className="product-list">
+          {(isPaginationShown || isSortDropdownShown) && (
+            <div className="product-list__container">
+              {isSortDropdownShown && (
+                <div className="product-list__dropdowns">
+                  <Dropdown
+                    label="Sort by"
+                    classModificator="sort"
+                    options={Object.values(SortTypeForDropdown)}
+                    startValue={startSortValue}
+                    searchParamsKey="sort"
+                  />
+                  <Dropdown
+                    label="Items on page"
+                    classModificator="items"
+                    options={itemsOptions}
+                    startValue={startItemsValue}
+                    searchParamsKey="itemsOnPage"
+                  />
+                </div>
+              )}
+              {isPaginationBarShown && (
+                <div className={classNames(
+                  'product-list__pagination',
+                  'product-list__pagination_top',
+                )}
+                >
+                  <Pagination
+                    total={sortedProducts.length}
+                    itemsOnPage={itemsOnPage}
+                    currentPage={page}
+                  />
+                </div>
+              )}
+            </div>
+          )}
+
+          {visibleProducts && (
+            <ul data-cy="cardsContainer" className="product-list__content">
+              {visibleProducts.map((product: Product) => (
+                <li
+                  key={product.id}
+                  data-cy="cardsContainer"
+                  className="product-list__item"
+                >
+                  <ProductCard product={product} />
+                </li>
+              ))}
+            </ul>
+          )}
+
+          {isPaginationBarShown && (
+            <div className="product-list__pagination">
+              <Pagination
+                total={sortedProducts.length}
+                itemsOnPage={itemsOnPage}
+                currentPage={page}
+              />
+            </div>
+          )}
+        </div>
+      )}
+
+      {productsByQuery(query).length === 0 && !isLoading && (
+        <NoSearchResults />
+      )}
+    </>
+  );
+};
+
+ProductList.defaultProps = {
+  isSortDropdownShown: false,
+  isPaginationShown: false,
+};
diff --git a/src/components/ProductList/index.tsx b/src/components/ProductList/index.tsx
new file mode 100644
index 0000000000..c71910ae05
--- /dev/null
+++ b/src/components/ProductList/index.tsx
@@ -0,0 +1 @@
+export * from './ProductList';
diff --git a/src/components/ProductList/productList.scss b/src/components/ProductList/productList.scss
new file mode 100644
index 0000000000..8f989f2611
--- /dev/null
+++ b/src/components/ProductList/productList.scss
@@ -0,0 +1,64 @@
+@import "../../../styles/common";
+
+.product-list {
+
+  &__container {
+    display: flex;
+    align-self: center;
+    margin-bottom: 40px;
+  }
+
+  &__content {
+    margin-bottom: 40px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    column-gap: 16px;
+    row-gap: 40px;
+  }
+
+  &__item {
+    cursor: pointer;
+    height: 100%;
+  }
+
+  &__dropdowns {
+    display: flex;
+  }
+
+  &__pagination {
+    margin-top: 24px;
+
+    &_top {
+      display: none;
+    }
+  }
+}
+
+@media #{$phone-media-query} {
+
+  .product-list {
+
+    &__content {
+      flex-direction: column;
+    }
+
+    &__container {
+      flex-direction: column;
+    }
+
+    &__dropdowns {
+      flex-direction: column;
+      margin: 0 auto;
+  
+      & .dropdown_items {
+        width: 176px;
+        margin-top: 20px;
+      }
+    }
+
+    &__pagination_top {
+      display: block;
+    }
+  }
+}
diff --git a/src/components/ProductPrice/ProductPrice.tsx b/src/components/ProductPrice/ProductPrice.tsx
new file mode 100644
index 0000000000..b53492cd51
--- /dev/null
+++ b/src/components/ProductPrice/ProductPrice.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import './productPrice.scss';
+
+export type Props = {
+  discountPrice: number,
+  regularPrice: number,
+};
+
+export const ProductPrice: React.FC<Props> = ({
+  discountPrice,
+  regularPrice,
+}) => {
+  return (
+    <div className="price">
+      <div className="price__container">
+        <p className="price__text price__text_bold">{`$${discountPrice}`}</p>
+        <p className="price__text price__text_discount">{`$${regularPrice}`}</p>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/ProductPrice/index.tsx b/src/components/ProductPrice/index.tsx
new file mode 100644
index 0000000000..061c1b420c
--- /dev/null
+++ b/src/components/ProductPrice/index.tsx
@@ -0,0 +1 @@
+export * from './ProductPrice';
diff --git a/src/components/ProductPrice/productPrice.scss b/src/components/ProductPrice/productPrice.scss
new file mode 100644
index 0000000000..7da0faa5c2
--- /dev/null
+++ b/src/components/ProductPrice/productPrice.scss
@@ -0,0 +1,28 @@
+@import "../../../styles/common";
+
+.price {
+
+  &__container {
+    display: flex;
+    align-items: center;
+  }
+
+  &__text {
+    @extend %h2;
+    color: $main-gray-color;
+    margin: 6px 8px 0;
+
+    &_bold {
+      font-family: "Mont Bold", sans-serif;
+    }
+
+    &_discount {
+      color: $second-gray-color;
+      font-size: 22px;
+      font-weight: 500;
+      line-height: 28px;
+      text-decoration: line-through;
+      margin-right: 0;
+    }
+  }
+}
diff --git a/src/components/ProductsSlider/ProductsSlider.tsx b/src/components/ProductsSlider/ProductsSlider.tsx
new file mode 100644
index 0000000000..d6ee655bf2
--- /dev/null
+++ b/src/components/ProductsSlider/ProductsSlider.tsx
@@ -0,0 +1,87 @@
+import React, { useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { Product } from '../../types/Product';
+import { ProductCard } from '../ProductCard/ProductCard';
+import { sortProducts } from '../../helpers/sortHelper';
+import { SortType } from '../../types/SortType';
+import './productsSlider.scss';
+
+export type Props = {
+  products: Product[],
+  title: string,
+  sortBy: SortType,
+};
+
+export const ProductsSlider: React.FC<Props> = ({
+  products,
+  title,
+  sortBy,
+}) => {
+  const [visibleProducts, setVisibleProducts] = useState<Product[]>([]);
+  const [startIndex, setStartIndex] = useState(0);
+  const [transition, setTransition] = useState('');
+
+  useEffect(() => {
+    const sortedProducts = sortProducts(products, sortBy);
+
+    setVisibleProducts(sortedProducts);
+  }, [products]);
+
+  const showPrevImage = () => {
+    setStartIndex(prevIndex => prevIndex - 1);
+  };
+
+  const showNextImage = () => {
+    setStartIndex(prevIndex => prevIndex + 1);
+  };
+
+  useEffect(() => {
+    setTransition(`${startIndex * (-280)}px`);
+  }, [startIndex]);
+
+  const isFirstCard = () => {
+    return startIndex === 0;
+  };
+
+  const isLastCard = () => {
+    return startIndex === products.length - 4;
+  };
+
+  return (
+    <div className="slider">
+      <div className="slider__row">
+        <h1 className="slider__title">{title}</h1>
+        <div className="slider__nav">
+          {/* eslint-disable-next-line */}
+          <button
+            className={classNames(
+              'slider__button slider__button_prev',
+              { disabled: isFirstCard() },
+            )}
+            type="button"
+            onClick={showPrevImage}
+          />
+          {/* eslint-disable-next-line */}
+          <button
+            className={classNames(
+              'slider__button slider__button_next',
+              { disabled: isLastCard() },
+            )}
+            type="button"
+            onClick={showNextImage}
+          />
+        </div>
+      </div>
+      <div className="slider__container">
+        <div
+          className="slider__cards"
+          style={{ transform: `translateX(${transition})` }}
+        >
+          {visibleProducts.map((item: Product) => (
+            <ProductCard key={item.id} product={item} />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/ProductsSlider/index.tsx b/src/components/ProductsSlider/index.tsx
new file mode 100644
index 0000000000..68d3ea0012
--- /dev/null
+++ b/src/components/ProductsSlider/index.tsx
@@ -0,0 +1 @@
+export * from './ProductsSlider';
diff --git a/src/components/ProductsSlider/productsSlider.scss b/src/components/ProductsSlider/productsSlider.scss
new file mode 100644
index 0000000000..62027a31e8
--- /dev/null
+++ b/src/components/ProductsSlider/productsSlider.scss
@@ -0,0 +1,36 @@
+@import "/styles/common";
+
+.slider {
+  overflow: hidden;
+
+  &__container {
+    height: 550px;
+  }
+
+  &__nav {
+    display: flex;
+  }
+
+  &__cards {
+    display: flex;
+    height: 100%;
+    gap: 10px;
+    padding: 0 10px;
+    transition: transform 0.3s ease;
+  }
+
+  &__row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 24px;
+  }
+
+  &__title {
+    @extend %h1;
+  }
+
+  &__button {
+    @include button-arrows;
+  }
+}
diff --git a/src/components/PropertyList/PropertyList.tsx b/src/components/PropertyList/PropertyList.tsx
new file mode 100644
index 0000000000..5e48ef3fed
--- /dev/null
+++ b/src/components/PropertyList/PropertyList.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import './propertyList.scss';
+
+export type Props = {
+  properties: {
+    [key: string]: string,
+  },
+};
+
+export const PropertyList: React.FC<Props> = ({ properties }) => {
+  return (
+    <div className="properties">
+      {Object.keys(properties).map(property => (
+        <div key={property} className="properties__item">
+          <p className="properties__text card__text_light-gray">{property}</p>
+          <p className="properties__text">
+            {properties[property]}
+          </p>
+        </div>
+      ))}
+    </div>
+  );
+};
diff --git a/src/components/PropertyList/index.tsx b/src/components/PropertyList/index.tsx
new file mode 100644
index 0000000000..5e386127b4
--- /dev/null
+++ b/src/components/PropertyList/index.tsx
@@ -0,0 +1 @@
+export * from './PropertyList';
diff --git a/src/components/PropertyList/propertyList.scss b/src/components/PropertyList/propertyList.scss
new file mode 100644
index 0000000000..10e700d783
--- /dev/null
+++ b/src/components/PropertyList/propertyList.scss
@@ -0,0 +1,31 @@
+@import "/styles/common";
+
+.properties {
+  margin-top: 32px;
+
+  &__item {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    margin-top: 8px;
+
+    &:first-child {
+      margin-top: 0;
+    }
+
+    &-list {
+      border-top: 1px solid $borders-gray-color;
+      padding-top: 16px;
+      margin-top: 6px;
+    }
+  }
+
+  &__text {
+    @extend %small-text;
+    color: $main-gray-color;
+
+    &_light-gray {
+      color: $second-gray-color;
+    }
+  }
+}
diff --git a/src/components/SearchBar/SearchBar.tsx b/src/components/SearchBar/SearchBar.tsx
new file mode 100644
index 0000000000..ddfe70cbc5
--- /dev/null
+++ b/src/components/SearchBar/SearchBar.tsx
@@ -0,0 +1,74 @@
+import React, { useEffect, useState } from 'react';
+import { useLocation, useSearchParams } from 'react-router-dom';
+import classNames from 'classnames';
+import { getSearchWith } from '../../helpers/searchHelper';
+import { useDebounce } from '../../helpers/hooks/useDebounce';
+import './searchBar.scss';
+
+export const SearchBar: React.FC = () => {
+  const { pathname } = useLocation();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const [appliedQuery, setAppliedQuery] = useState('');
+  const debounceSearch = useDebounce(appliedQuery, 500) || null;
+  const pathnameNormalized = pathname.substring(1);
+  const isInputEmpty = appliedQuery.length === 0;
+  const [isSearchOpened, setIsSearchOpened] = useState(false);
+
+  useEffect(() => {
+    setSearchParams(getSearchWith(searchParams, { query: debounceSearch }));
+  }, [debounceSearch]);
+
+  const handleClearSearchInput = () => {
+    setAppliedQuery('');
+    setSearchParams(getSearchWith(searchParams, { query: null }));
+    setIsSearchOpened(false);
+  };
+
+  useEffect(() => {
+    handleClearSearchInput();
+  }, [pathname]);
+
+  const handleChangeSearchInput = (ev: React.ChangeEvent<HTMLInputElement>) => {
+    setAppliedQuery(ev.target.value);
+  };
+
+  const toggleSearch = () => {
+    setIsSearchOpened(!isSearchOpened);
+  };
+
+  return (
+    <>
+      <div className={classNames(
+        'search-bar',
+        { 'search-bar_opened': isSearchOpened },
+      )}
+      >
+        <input
+          type="text"
+          placeholder={`Search in ${pathnameNormalized}`}
+          value={appliedQuery}
+          onChange={handleChangeSearchInput}
+          className="search-bar__input"
+        />
+        {/* eslint-disable-next-line */}
+        <button
+          data-cy="searchDelete"
+          type="button"
+          className={classNames(
+            'search-bar__button',
+            isInputEmpty
+              ? 'search-bar__button_search'
+              : 'search-bar__button_close',
+          )}
+          onClick={handleClearSearchInput}
+        />
+      </div>
+      {/* eslint-disable-next-line */}
+      <button
+        type="button"
+        className="search-bar__icon"
+        onClick={toggleSearch}
+      />
+    </>
+  );
+};
diff --git a/src/components/SearchBar/index.tsx b/src/components/SearchBar/index.tsx
new file mode 100644
index 0000000000..3d7e42eb56
--- /dev/null
+++ b/src/components/SearchBar/index.tsx
@@ -0,0 +1 @@
+export * from './SearchBar';
diff --git a/src/components/SearchBar/searchBar.scss b/src/components/SearchBar/searchBar.scss
new file mode 100644
index 0000000000..8cabbcdfc4
--- /dev/null
+++ b/src/components/SearchBar/searchBar.scss
@@ -0,0 +1,78 @@
+@import "../../../styles/common";
+
+.search-bar {
+  height: 100%;
+  width: 320px;
+  position: relative;
+
+  &__input {
+    color: $light-gray-color;
+    @extend %body-text;
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+    outline: none;
+    border: none;
+    border-left: 1px solid $borders-gray-color;
+    border-right: 1px solid $borders-gray-color;
+
+    &::placeholder {
+      color: $light-gray-color;
+    }
+  }
+
+  &__button {
+    position: absolute;
+    top: 50%;
+    right: 24px;
+    transform: translateY(-50%);
+    border: none;
+    cursor: pointer;
+    width: 16px;
+    height: 16px;
+    @include bgr-img;
+
+    &_search {
+      background-image: url($icon-search);
+    }
+
+    &_close {
+      background-image: url($icon-close);
+    }
+  }
+
+  &__icon {
+    display: none;
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .search-bar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 64px;
+    z-index: 1;
+    transform: translateX(100%);
+    transition: transform 0.3s;
+    background-color: #fff;
+    border: 2px solid $main-gray-color;
+
+    &_opened {
+      transform: translateX(0);
+    }
+
+    &__icon {
+      top: 4px;
+      display: block;
+      @include button-header;
+      border: none;
+      @include bgr-img;
+      background-image: url($icon-search);
+      background-size: 20px 20px;
+    }
+  }
+}
diff --git a/src/components/SlickCarousel/SlickCarousel.tsx b/src/components/SlickCarousel/SlickCarousel.tsx
new file mode 100644
index 0000000000..cf2e907fe3
--- /dev/null
+++ b/src/components/SlickCarousel/SlickCarousel.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import Slider from 'react-slick';
+import { PathnamesForNav } from '../../types/Pathnames';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+import './slickCarousel.scss';
+
+export const SlickCarousel: React.FC = () => {
+  const banners = Object.keys(PathnamesForNav)
+    .slice(1).map(path => path.toLowerCase());
+
+  const settings = {
+    infinite: true,
+    speed: 500,
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    dots: true,
+    autoplay: true,
+    autoplaySpeed: 5000,
+  };
+
+  return (
+    <div className="slick-carousel">
+      <Slider {...settings}>
+        {banners.map((bannerName: string) => (
+          <img
+            key={bannerName}
+            alt={`banner_${bannerName}`}
+            src={`./img/carousel/${bannerName}.png`}
+          />
+        ))}
+      </Slider>
+    </div>
+  );
+};
diff --git a/src/components/SlickCarousel/index.tsx b/src/components/SlickCarousel/index.tsx
new file mode 100644
index 0000000000..bd584718bf
--- /dev/null
+++ b/src/components/SlickCarousel/index.tsx
@@ -0,0 +1 @@
+export * from './SlickCarousel';
diff --git a/src/components/SlickCarousel/slickCarousel.scss b/src/components/SlickCarousel/slickCarousel.scss
new file mode 100644
index 0000000000..e553bb6070
--- /dev/null
+++ b/src/components/SlickCarousel/slickCarousel.scss
@@ -0,0 +1,30 @@
+@import "../../../styles/common";
+
+.slick-carousel {
+
+  .slick-slider {
+    padding: 0;
+  }
+
+  .slick-dots li button:before {
+    font-size: 16px;
+    color: $main-gray-color;
+  }
+
+  .slick-dots li.slick-active button:before {
+    opacity: 1;
+  }
+
+  .slick-slide {
+    aspect-ratio: 2/1;
+    overflow: hidden;
+
+    img {
+      object-fit: cover;
+    }
+  }
+
+  .slick-dots {
+    bottom: -36px;
+  }
+}
diff --git a/src/components/SlickSlider/SlickSlider.tsx b/src/components/SlickSlider/SlickSlider.tsx
new file mode 100644
index 0000000000..c53d9363b0
--- /dev/null
+++ b/src/components/SlickSlider/SlickSlider.tsx
@@ -0,0 +1,69 @@
+import React, { useEffect, useState } from 'react';
+import Slider from 'react-slick';
+import { Product } from '../../types/Product';
+import { ProductCard } from '../ProductCard/ProductCard';
+import { sortProducts } from '../../helpers/sortHelper';
+import { SortType } from '../../types/SortType';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+import './slickSlider.scss';
+
+export type Props = {
+  products: Product[],
+  sortBy: SortType,
+};
+
+export const SlickSlider: React.FC<Props> = ({ products, sortBy }) => {
+  const [visibleProducts, setVisibleProducts] = useState<Product[]>([]);
+
+  useEffect(() => {
+    const sortedProducts = sortProducts(products, sortBy);
+
+    setVisibleProducts(sortedProducts);
+  }, [products]);
+
+  const settings = {
+    infinite: true,
+    speed: 500,
+    slidesToShow: 4,
+    slidesToScroll: 2,
+    adaptiveHeight: true,
+    responsive: [
+      {
+        breakpoint: 1024,
+        settings: {
+          slidesToShow: 3,
+          slidesToScroll: 2,
+        },
+      },
+      {
+        breakpoint: 800,
+        settings: {
+          slidesToShow: 2,
+          slidesToScroll: 1,
+          variableWidth: true,
+          arrows: false,
+        },
+      },
+      {
+        breakpoint: 620,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+          variableWidth: true,
+          arrows: false,
+        },
+      },
+    ],
+  };
+
+  return (
+    <div className="product-slider">
+      <Slider {...settings}>
+        {visibleProducts.map((item: Product) => (
+          <ProductCard key={item.id} product={item} />
+        ))}
+      </Slider>
+    </div>
+  );
+};
diff --git a/src/components/SlickSlider/index.tsx b/src/components/SlickSlider/index.tsx
new file mode 100644
index 0000000000..8e8927fbc1
--- /dev/null
+++ b/src/components/SlickSlider/index.tsx
@@ -0,0 +1 @@
+export * from './SlickSlider';
diff --git a/src/components/SlickSlider/slickSlider.scss b/src/components/SlickSlider/slickSlider.scss
new file mode 100644
index 0000000000..01ead7ae9b
--- /dev/null
+++ b/src/components/SlickSlider/slickSlider.scss
@@ -0,0 +1,72 @@
+@import "/styles/common";
+
+.product-slider {
+  
+  .slick {
+  
+    &-list {
+      overflow: hidden;
+    }
+  
+    &-track {
+      display: flex;
+      align-items: flex-start;
+    }
+  
+    &-slider {
+      padding: 0 10px;
+      position: relative;
+    }
+  
+    &-slide {
+      margin-right: 16px;
+    }
+  
+    &-arrow {
+      @include button-transparent;
+      height: 32px;
+      position: absolute;
+      top: 50%;
+      background-color: #fff;
+      z-index: 2;
+  
+      &:hover,
+      &:active,
+      &:focus {
+        background-color: #fff;
+      }
+    }
+  
+    &-prev {
+      margin-right: 16px;
+      left: 0;
+  
+      &::before {
+        background-image: url($arrow-left);
+      }
+  
+      &.disabled::before {
+        background-image: url($arrow-left-light);
+      }
+    }
+  
+    &-next {
+      right: 0;
+  
+      &::before {
+        background-image: url($arrow-right);
+      }
+  
+      &.disabled::before {
+        background-image: url($arrow-right-light);
+      }
+    }
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .product-slider .slick-track {
+    gap: 16px;
+  }
+}
diff --git a/src/context/AppContextProvider.tsx b/src/context/AppContextProvider.tsx
new file mode 100644
index 0000000000..10eb9b9324
--- /dev/null
+++ b/src/context/AppContextProvider.tsx
@@ -0,0 +1,28 @@
+import { createContext, useContext } from 'react';
+import { Product, ProductInCart } from '../types/Product';
+
+export type AppContextType = {
+  favorites: Product[],
+  cart: ProductInCart[],
+  toggleToFavorites: (product: Product) => void,
+  toggleToCart: (product: Product | ProductInCart) => void,
+  isProductSelected: (productId: string, products: Product[]) => boolean,
+  updateCountInCart: (id: string, newCount: number) => void,
+};
+
+export const AppContext = createContext<AppContextType>({
+  favorites: [],
+  cart: [],
+  toggleToFavorites: () => {},
+  toggleToCart: () => {},
+  isProductSelected: () => false,
+  updateCountInCart: () => {},
+});
+
+export const AppProvider = AppContext.Provider;
+
+export const useAppContext = () => {
+  const data = useContext(AppContext);
+
+  return data;
+};
diff --git a/public/fonts/Mont-Bold.otf b/src/fonts/Mont-Bold.otf
old mode 100755
new mode 100644
similarity index 100%
rename from public/fonts/Mont-Bold.otf
rename to src/fonts/Mont-Bold.otf
diff --git a/public/fonts/Mont-Regular.otf b/src/fonts/Mont-Regular.otf
old mode 100755
new mode 100644
similarity index 100%
rename from public/fonts/Mont-Regular.otf
rename to src/fonts/Mont-Regular.otf
diff --git a/public/fonts/Mont-SemiBold.otf b/src/fonts/Mont-SemiBold.otf
old mode 100755
new mode 100644
similarity index 100%
rename from public/fonts/Mont-SemiBold.otf
rename to src/fonts/Mont-SemiBold.otf
diff --git a/src/helpers/PageNavLink.tsx b/src/helpers/PageNavLink.tsx
new file mode 100644
index 0000000000..1386a2b281
--- /dev/null
+++ b/src/helpers/PageNavLink.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import classNames from 'classnames';
+import { NavLink } from 'react-router-dom';
+
+export type Props = {
+  to: string,
+  text: string,
+};
+
+export const PageNavLink: React.FC<Props> = ({ to, text }) => {
+  return (
+    <NavLink
+      to={to}
+      className={({ isActive }) => classNames(
+        'nav__item',
+        { selected: isActive },
+      )}
+    >
+      {text}
+    </NavLink>
+  );
+};
diff --git a/src/helpers/ScrollTop.tsx b/src/helpers/ScrollTop.tsx
new file mode 100644
index 0000000000..9a36957ad1
--- /dev/null
+++ b/src/helpers/ScrollTop.tsx
@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+
+export default function ScrollToTop() {
+  const { pathname } = useLocation();
+
+  const scrollToElement = (elementId: string) => {
+    const element = document.getElementById(elementId);
+
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
+  useEffect(() => {
+    scrollToElement('header');
+  }, [pathname]);
+
+  return null;
+}
diff --git a/src/helpers/hooks/useDebounce.tsx b/src/helpers/hooks/useDebounce.tsx
new file mode 100644
index 0000000000..5161782003
--- /dev/null
+++ b/src/helpers/hooks/useDebounce.tsx
@@ -0,0 +1,17 @@
+import { useState, useEffect } from 'react';
+
+export const useDebounce = (value: string, delay = 300) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+
+  return debouncedValue;
+};
diff --git a/src/helpers/hooks/useLocalStorage.tsx b/src/helpers/hooks/useLocalStorage.tsx
new file mode 100644
index 0000000000..0895d2ac76
--- /dev/null
+++ b/src/helpers/hooks/useLocalStorage.tsx
@@ -0,0 +1,21 @@
+import { useState } from 'react';
+import { Product } from '../../types/Product';
+
+export const useLocalStorage = (key: string, initialValue: Product[]) => {
+  const [value, setValue] = useState(() => {
+    try {
+      const data = localStorage.getItem(key);
+
+      return data ? JSON.parse(data) : initialValue;
+    } catch {
+      return initialValue;
+    }
+  });
+
+  const save = (currentValue: Product) => {
+    setValue(currentValue);
+    localStorage.setItem(key, JSON.stringify(currentValue));
+  };
+
+  return [value, save];
+};
diff --git a/src/helpers/searchHelper.tsx b/src/helpers/searchHelper.tsx
new file mode 100644
index 0000000000..3395bdac25
--- /dev/null
+++ b/src/helpers/searchHelper.tsx
@@ -0,0 +1,29 @@
+export type SearchParams = {
+  [key: string]: string | string[] | null,
+};
+
+export function getSearchWith(
+  currentParams: URLSearchParams,
+  paramsToUpdate: SearchParams,
+): string {
+  const newParams = new URLSearchParams(
+    currentParams.toString(),
+  );
+
+  Object.entries(paramsToUpdate)
+    .forEach(([key, value]) => {
+      if (value === null) {
+        newParams.delete(key);
+      } else if (Array.isArray(value)) {
+        newParams.delete(key);
+
+        value.forEach(part => {
+          newParams.append(key, part);
+        });
+      } else {
+        newParams.set(key, value);
+      }
+    });
+
+  return newParams.toString();
+}
diff --git a/src/helpers/sortHelper.tsx b/src/helpers/sortHelper.tsx
new file mode 100644
index 0000000000..2ba522a714
--- /dev/null
+++ b/src/helpers/sortHelper.tsx
@@ -0,0 +1,37 @@
+import { Product } from '../types/Product';
+import { SortType } from '../types/SortType';
+
+export const sortProducts = (
+  products: Product[],
+  sortBy: string,
+): Product[] => {
+  const copyOfProducts = [...products];
+
+  return copyOfProducts.sort((item1, item2) => {
+    const discount2 = item2.fullPrice - item2.price;
+    const discount1 = item1.fullPrice - item1.price;
+
+    switch (sortBy) {
+      case SortType.Cheapest:
+        return item1.fullPrice - item2.fullPrice;
+
+      case SortType.Expensive:
+        return item2.fullPrice - item1.fullPrice;
+
+      case SortType.Alphabetically:
+        return item1.name.localeCompare(item2.name);
+
+      case SortType.Newest:
+        return item2.year - item1.year;
+
+      case SortType.MaxDiscount:
+        return discount2 - discount1;
+
+      case SortType.Random:
+        return Math.random() - 0.5;
+
+      default:
+        return 0;
+    }
+  });
+};
diff --git a/src/index.tsx b/src/index.tsx
index 5f7410fd92..e66e881d25 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,8 +1,10 @@
 import ReactDOM from 'react-dom';
-
-import App from './App';
+import { HashRouter } from 'react-router-dom';
+import { App } from './App';
 
 ReactDOM.render(
-  <App />,
+  <HashRouter>
+    <App />
+  </HashRouter>,
   document.getElementById('root'),
 );
diff --git a/src/pages/CartPage/CartPage.tsx b/src/pages/CartPage/CartPage.tsx
new file mode 100644
index 0000000000..62482bd8d1
--- /dev/null
+++ b/src/pages/CartPage/CartPage.tsx
@@ -0,0 +1,76 @@
+import React, { useContext, useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { AppContext } from '../../context/AppContextProvider';
+import { ProductInCart } from '../../types/Product';
+import { ModelsCounter } from '../../components/ModelsCounter/ModelsCounter';
+import { NotFound } from '../../components/NotFound/NotFound';
+import { BreadCrumbs } from '../../components/BreadCrumbs/BreadCrumbs';
+import { CheckoutCard } from '../../components/CheckoutCard/CheckoutCard';
+import './cartPage.scss';
+
+export const CartPage:React.FC = () => {
+  const { cart } = useContext(AppContext);
+  const [isPopupShown, setIsPopupShown] = useState(false);
+  const [totalSum, setTotalSum] = useState(0);
+
+  useEffect(() => {
+    if (cart.length > 0) {
+      const totalCost = cart.reduce((
+        accumulator,
+        item: ProductInCart,
+      ) => accumulator + item.price * item.count, 0);
+
+      setTotalSum(totalCost);
+    }
+  }, [cart]);
+
+  useEffect(() => {
+    setTimeout(() => {
+      setIsPopupShown(false);
+    }, 3000);
+  }, [isPopupShown]);
+
+  return (
+    <div className="page__cart">
+      <BreadCrumbs />
+      <h1 className="main-title">Cart</h1>
+      <ModelsCounter number={cart.length} />
+
+      {!cart.length ? (
+        <NotFound
+          title="Your cart is empty"
+        />
+      ) : (
+        <div className="cart">
+          <div className="cart__products">
+            {cart.map(item => (
+              <CheckoutCard key={item.id} item={item} />
+            ))}
+          </div>
+          <div className="cart__container">
+            <h1 data-cy="productQauntity" className="cart__budget">
+              {`$${totalSum}`}
+            </h1>
+            <p className="cart__text">
+              {`Total for ${cart.length} items`}
+            </p>
+            <button
+              type="button"
+              className="cart__checkout"
+              onClick={() => setIsPopupShown(true)}
+            >
+              Checkout
+            </button>
+          </div>
+          <div className={classNames(
+            'cart__popup',
+            { cart__popup_shown: isPopupShown },
+          )}
+          >
+            Sorry, this funtion is not implemented yet.
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
diff --git a/src/pages/CartPage/cartPage.scss b/src/pages/CartPage/cartPage.scss
new file mode 100644
index 0000000000..7e3f32f431
--- /dev/null
+++ b/src/pages/CartPage/cartPage.scss
@@ -0,0 +1,101 @@
+@import "../../../styles/common";
+
+.cart {
+  display: flex;
+
+  &__products {
+    display: flex;
+    flex-direction: column;
+    margin-right: 24px;
+  }
+
+  &__container {
+    padding: 24px;
+    width: 368px;
+    height: min-content;
+    border: 1px solid $borders-gray-color;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  &__budget {
+    @extend %h1;
+    text-transform: capitalize;
+    margin-bottom: -4px;
+  }
+
+  &__text {
+    @extend %body-text;
+    color: $second-gray-color;
+    width: 100%;
+    text-align: center;
+    padding-bottom: 24px;
+    border-bottom: 1px solid $borders-gray-color;
+    margin-bottom: 24px;
+  }
+
+  &__checkout {
+    @include button-gray;
+    width: 320px;
+    height: 48px;
+
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: $main-gray-color;
+      color: #fff;
+    }
+  }
+
+  &__popup {
+    position: fixed;
+    top: 100px;
+    right: 40px;
+    width: 200px;
+    height: min-content;
+    padding: 20px;
+    border-radius: 10px;
+    border: 1px solid $accent-green;
+    background-color: #fafbfc;
+    color: $accent-green;
+    transition: all 0.3s linear;
+    transform: translateX(150%);
+
+    &_shown {
+      transform: translateX(0);
+    }
+  }
+}
+
+@media #{$desktop-media-query} {
+
+  .cart {
+    flex-direction: column-reverse;
+
+    &__container {
+      width: 100%;
+      margin-bottom: 24px;
+    }
+
+    &__products {
+      margin-right: 0;
+    }
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .cart {
+    max-width: 320px;
+    margin: 0 auto;
+
+    &__container {
+      padding: 24px;
+    }
+
+    &__checkout {
+      width: 100%;
+    }
+  }
+}
diff --git a/src/pages/CartPage/index.tsx b/src/pages/CartPage/index.tsx
new file mode 100644
index 0000000000..90c010237a
--- /dev/null
+++ b/src/pages/CartPage/index.tsx
@@ -0,0 +1 @@
+export * from './CartPage';
diff --git a/src/pages/CategoryPage/CategoryPage.tsx b/src/pages/CategoryPage/CategoryPage.tsx
new file mode 100644
index 0000000000..7ebd84303f
--- /dev/null
+++ b/src/pages/CategoryPage/CategoryPage.tsx
@@ -0,0 +1,68 @@
+import React, { useEffect, useState } from 'react';
+import { useLocation } from 'react-router-dom';
+import { Product } from '../../types/Product';
+import { BreadCrumbs } from '../../components/BreadCrumbs/BreadCrumbs';
+import { NotFound } from '../../components/NotFound/NotFound';
+import { ModelsCounter } from '../../components/ModelsCounter/ModelsCounter';
+import { ProductList } from '../../components/ProductList/ProductList';
+import { Loader } from '../../components/Loader';
+import { getProductByCategory } from '../../api/fetchData';
+import './categoryPage.scss';
+
+export const CategoryPage:React.FC = () => {
+  const [products, setProducts] = useState<Product[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [productCount, setProductCount] = useState(products?.length);
+  const { pathname } = useLocation();
+  const categoryName = pathname.slice(1);
+
+  async function loadProducts() {
+    setIsLoading(true);
+
+    try {
+      const productsFromServer = await getProductByCategory(categoryName);
+
+      setProducts(productsFromServer);
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    loadProducts();
+  }, []);
+
+  const handleVisibleProductsNumber = (number: number) => {
+    setProductCount(number);
+  };
+
+  return (
+    <>
+      {isLoading && <Loader />}
+
+      {!isLoading && (
+        <div className={`page__${categoryName}`}>
+          <BreadCrumbs />
+          <h1 className="main-title">{categoryName}</h1>
+          <ModelsCounter number={productCount} />
+
+          {!products.length ? (
+            <NotFound
+              title={
+                `Sorry, we are temporarily not selling ${categoryName}. 
+                Please come back in a month.`
+              }
+            />
+          ) : (
+            <ProductList
+              products={products}
+              handleVisibleProductsNumber={handleVisibleProductsNumber}
+              isSortDropdownShown
+              isPaginationShown
+            />
+          )}
+        </div>
+      )}
+    </>
+  );
+};
diff --git a/src/pages/CategoryPage/categoryPage.scss b/src/pages/CategoryPage/categoryPage.scss
new file mode 100644
index 0000000000..7d361fe529
--- /dev/null
+++ b/src/pages/CategoryPage/categoryPage.scss
@@ -0,0 +1,7 @@
+@import "../../../styles/common";
+
+.main-title {
+  @extend %h1;
+  text-transform: capitalize;
+  margin-bottom: 8px;
+}
diff --git a/src/pages/CategoryPage/index.tsx b/src/pages/CategoryPage/index.tsx
new file mode 100644
index 0000000000..241559d15e
--- /dev/null
+++ b/src/pages/CategoryPage/index.tsx
@@ -0,0 +1 @@
+export * from './CategoryPage';
diff --git a/src/pages/FavoritesPage/FavoritesPage.tsx b/src/pages/FavoritesPage/FavoritesPage.tsx
new file mode 100644
index 0000000000..dc796d65df
--- /dev/null
+++ b/src/pages/FavoritesPage/FavoritesPage.tsx
@@ -0,0 +1,35 @@
+import React, { useContext, useState } from 'react';
+import { AppContext } from '../../context/AppContextProvider';
+import { BreadCrumbs } from '../../components/BreadCrumbs/BreadCrumbs';
+import { NotFound } from '../../components/NotFound/NotFound';
+import { ModelsCounter } from '../../components/ModelsCounter/ModelsCounter';
+import { ProductList } from '../../components/ProductList/ProductList';
+import './favoritesPage.scss';
+
+export const FavoritesPage:React.FC = () => {
+  const { favorites } = useContext(AppContext);
+  const [productCount, setProductCount] = useState(favorites.length);
+
+  const handleVisibleProductsNumber = (number: number) => {
+    setProductCount(number);
+  };
+
+  return (
+    <div className="page__favorites">
+      <BreadCrumbs />
+      <h1 className="main-title">Favorites</h1>
+      <ModelsCounter number={productCount} />
+
+      {!favorites.length ? (
+        <NotFound
+          title="Your favorites list is empty"
+        />
+      ) : (
+        <ProductList
+          products={favorites}
+          handleVisibleProductsNumber={handleVisibleProductsNumber}
+        />
+      )}
+    </div>
+  );
+};
diff --git a/src/pages/FavoritesPage/favoritesPage.scss b/src/pages/FavoritesPage/favoritesPage.scss
new file mode 100644
index 0000000000..7d361fe529
--- /dev/null
+++ b/src/pages/FavoritesPage/favoritesPage.scss
@@ -0,0 +1,7 @@
+@import "../../../styles/common";
+
+.main-title {
+  @extend %h1;
+  text-transform: capitalize;
+  margin-bottom: 8px;
+}
diff --git a/src/pages/FavoritesPage/index.tsx b/src/pages/FavoritesPage/index.tsx
new file mode 100644
index 0000000000..b3a884b188
--- /dev/null
+++ b/src/pages/FavoritesPage/index.tsx
@@ -0,0 +1 @@
+export * from './FavoritesPage';
diff --git a/src/pages/HomePage/HomePage.tsx b/src/pages/HomePage/HomePage.tsx
new file mode 100644
index 0000000000..c68569f113
--- /dev/null
+++ b/src/pages/HomePage/HomePage.tsx
@@ -0,0 +1,57 @@
+import React from 'react';
+import { CategoriesList } from '../../components/CategoriesList/CategoriesList';
+import { Product } from '../../types/Product';
+import { SortType } from '../../types/SortType';
+import { SlickSlider } from '../../components/SlickSlider/SlickSlider';
+import { Loader } from '../../components/Loader/Loader';
+import { SlickCarousel } from '../../components/SlickCarousel/SlickCarousel';
+import './homePage.scss';
+
+export type Props = {
+  products: Product[],
+  productsCounter: {
+    phones: number,
+    tablets: number,
+    accessories: number,
+  },
+  isLoading: boolean,
+};
+
+export const HomePage: React.FC<Props> = ({
+  products,
+  productsCounter,
+  isLoading,
+}) => {
+  return (
+    <>
+      {!isLoading ? (
+        <div className="page__home">
+          <section className="section">
+            <h1 className="section__title">Welcome to my store!</h1>
+            <SlickCarousel />
+          </section>
+          <section className="section">
+            <h1 className="section__title">Hot prices</h1>
+            <SlickSlider
+              products={products}
+              sortBy={SortType.MaxDiscount}
+            />
+          </section>
+          <section className="section">
+            <h1 className="section__title">Shop by category</h1>
+            <CategoriesList productsCounter={productsCounter} />
+          </section>
+          <section className="section">
+            <h1 className="section__title">Brand new models</h1>
+            <SlickSlider
+              products={products}
+              sortBy={SortType.Newest}
+            />
+          </section>
+        </div>
+      ) : (
+        <Loader />
+      )}
+    </>
+  );
+};
diff --git a/src/pages/HomePage/homePage.scss b/src/pages/HomePage/homePage.scss
new file mode 100644
index 0000000000..f6c046cd0e
--- /dev/null
+++ b/src/pages/HomePage/homePage.scss
@@ -0,0 +1,25 @@
+@import "../../../styles/common";
+
+.section {
+  margin-bottom: 80px;
+
+  &__title {
+    @extend %h1;
+    margin-bottom: 24px;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+@media #{$phone-media-query} {
+
+  .section {
+    margin-bottom: 60px;
+
+    &__title {
+      text-align: center;
+    }
+  }
+}
diff --git a/src/pages/HomePage/index.tsx b/src/pages/HomePage/index.tsx
new file mode 100644
index 0000000000..11e53da674
--- /dev/null
+++ b/src/pages/HomePage/index.tsx
@@ -0,0 +1 @@
+export * from './HomePage';
diff --git a/src/pages/ItemPage/ItemPage.tsx b/src/pages/ItemPage/ItemPage.tsx
new file mode 100644
index 0000000000..4a23fd023c
--- /dev/null
+++ b/src/pages/ItemPage/ItemPage.tsx
@@ -0,0 +1,290 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { Link, useLocation, useParams } from 'react-router-dom';
+import classNames from 'classnames';
+import { AppContext } from '../../context/AppContextProvider';
+import { Product } from '../../types/Product';
+import { DetailedProduct } from '../../types/DetailedProduct';
+import { colors, ColorsType } from '../../types/Colors';
+import { TechnicalSpecifications } from '../../types/TechSpecification';
+import { SortType } from '../../types/SortType';
+import { ProductPrice } from '../../components/ProductPrice/ProductPrice';
+import { PropertyList } from '../../components/PropertyList/PropertyList';
+import { getProductById } from '../../api/fetchData';
+import { Loader } from '../../components/Loader';
+import { BreadCrumbs } from '../../components/BreadCrumbs/BreadCrumbs';
+/* eslint-disable-next-line */
+import { ButtonAddToCart } from '../../components/ButtonAddToCart/ButtonAddToCart';
+import { SlickSlider } from '../../components/SlickSlider/SlickSlider';
+import './itemPage.scss';
+
+const calcValueSpecification = (
+  product: DetailedProduct,
+  spec: string,
+) => {
+  const specValue = product[spec.toLowerCase() as keyof DetailedProduct];
+
+  return Array.isArray(specValue) ? specValue.join(', ') : specValue;
+};
+
+const navigateTo = (
+  pathname: string,
+  paramOld: string,
+  paramNew: string,
+) => {
+  const newLink = pathname.replace(
+    paramOld.toLowerCase(),
+    paramNew.toLowerCase(),
+  );
+
+  return `${newLink}`;
+};
+
+const chooseProperties = (product: DetailedProduct) => {
+  const {
+    screen,
+    resolution,
+    processor,
+    ram,
+  } = product;
+
+  const properties = {
+    screen,
+    resolution,
+    processor,
+    ram,
+  };
+
+  return properties;
+};
+
+const bgrColor = (colorName: string) => {
+  return colors[colorName as keyof ColorsType];
+};
+
+const findProductById = (id = '', products: Product[]) => {
+  return products.find((product) => product.itemId === id);
+};
+
+export type Props = {
+  products: Product[],
+};
+
+export const ItemPage: React.FC<Props> = ({ products }) => {
+  const [product, setProduct] = useState<DetailedProduct | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [mainImg, setMainImg] = useState(product?.images[0]);
+
+  const { pathname } = useLocation();
+  const { itemId = '' } = useParams();
+  const { favorites, cart, isProductSelected } = useContext(AppContext);
+
+  const isProductSelectedinFav = isProductSelected(
+    product?.id || '', favorites,
+  );
+  const isProductSelectedinCart = isProductSelected(product?.id || '', cart);
+  const selectedItem = findProductById(product?.id, products);
+  const isProductFind = product && selectedItem;
+
+  const [error, setError] = useState('');
+
+  async function loadProductById(productId: string) {
+    setIsLoading(true);
+
+    try {
+      const detailedPproductFromServer = await getProductById(productId);
+
+      setProduct(detailedPproductFromServer);
+      setMainImg(detailedPproductFromServer.images[0]);
+    } catch {
+      setError('Product not found');
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    loadProductById(itemId);
+  }, [itemId]);
+
+  const onChangeImage = (img: string) => {
+    setMainImg(img);
+  };
+
+  const goToPreviusPage = () => {
+    window.history.go(-1);
+  };
+
+  return (
+    <div className="page__item">
+      {isLoading && (
+        <div className="product-details__loader">
+          <Loader />
+        </div>
+      )}
+
+      {!isLoading && isProductFind && (
+        <>
+          <BreadCrumbs />
+
+          <div className="product-details__back">
+            <button
+              type="button"
+              className="product-details__button-back"
+              onClick={goToPreviusPage}
+            >
+              Back
+            </button>
+          </div>
+
+          <div className="product-details">
+            <h1 className="product-details__title">{product.name}</h1>
+            <div className="product-details__row">
+              <div className="product-details__content">
+                {product.images && (
+                  <div className="product-details__images-container">
+                    <div className="image-list">
+                      {product.images.map(img => (
+                        <button
+                          type="button"
+                          key={img}
+                          className="image-list__box"
+                          onClick={() => onChangeImage(img)}
+                        >
+                          <img
+                            alt="product"
+                            src={img}
+                            className={classNames(
+                              'image image_small',
+                              { active: img === mainImg },
+                            )}
+                          />
+                        </button>
+                      ))}
+                    </div>
+                    <div className="image__box">
+                      <img
+                        alt="product main"
+                        src={`${mainImg}`}
+                        className="image image_main"
+                      />
+                    </div>
+                  </div>
+                )}
+              </div>
+              <div className="product-details__action">
+                <div className="product-details__select">
+                  <div className="colors">
+                    <h3 className="colors__title">Available colors</h3>
+                    <div className="colors__list">
+                      {product.colorsAvailable.map(color => (
+                        <Link
+                          key={color}
+                          to={{
+                            pathname: `${navigateTo(pathname, product.color, color)}`,
+                          }}
+                          style={{ background: `${bgrColor(color)}` }}
+                          className={classNames(
+                            'button button_circle',
+                            { active: product.color === color },
+                          )}
+                        />
+                      ))}
+                    </div>
+                  </div>
+                </div>
+                <div className="product-details__select">
+                  <div className="capacity">
+                    <h3 className="capacity__title capacity__title">
+                      Select capacity
+                    </h3>
+                    <div className="capacity__list">
+                      {product.capacityAvailable.map(capacity => (
+                        <Link
+                          key={capacity}
+                          to={{
+                            pathname: `${navigateTo(pathname, product.capacity, capacity)}`,
+                          }}
+                          className={classNames(
+                            'button button_square',
+                            { active: product.capacity === capacity },
+                          )}
+                        >
+                          {capacity}
+                        </Link>
+                      ))}
+                    </div>
+                  </div>
+                </div>
+                <ProductPrice
+                  regularPrice={product.priceRegular}
+                  discountPrice={product.priceDiscount}
+                />
+                <ButtonAddToCart
+                  product={selectedItem}
+                  isProductInFav={isProductSelectedinFav}
+                  isProductInCart={isProductSelectedinCart}
+                />
+                <PropertyList properties={chooseProperties(product)} />
+              </div>
+            </div>
+            <div className="product-details__row">
+              <div className="product-details__section">
+                <h2 className="product-details__subtitle">About</h2>
+                <div data-cy="productDescription" className="description">
+                  {product.description && (
+                    product.description.map(description => (
+                      <div
+                        key={description.title}
+                        className="description__item"
+                      >
+                        <h3 className="description__title">
+                          {description.title}
+                        </h3>
+                        <p className="description__text">
+                          {description.text}
+                        </p>
+                      </div>
+                    ))
+                  )}
+                </div>
+              </div>
+              <div className="product-details__section">
+                <h2 className="product-details__subtitle">Tech specs</h2>
+                <div className="tech-specifications">
+                  {Object.keys(TechnicalSpecifications).map(spec => (
+                    <div key={spec} className="tech-specifications__item">
+                      <p className="tech-specifications__text">
+                        {spec}
+                      </p>
+                      <p className={classNames(
+                        'tech-specifications__text',
+                        'tech-specifications__text--bold',
+                      )}
+                      >
+                        {calcValueSpecification(product, spec)}
+                      </p>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </div>
+        </>
+      )}
+
+      {error && !isProductFind && (
+        <p className="page__title">Product not found</p>
+      )}
+
+      {!isLoading && (
+        <section className="section">
+          <h1 className="section__title">You may also like</h1>
+          <SlickSlider
+            products={products}
+            sortBy={SortType.Random}
+          />
+        </section>
+      )}
+    </div>
+  );
+};
diff --git a/src/pages/ItemPage/index.tsx b/src/pages/ItemPage/index.tsx
new file mode 100644
index 0000000000..329bee28de
--- /dev/null
+++ b/src/pages/ItemPage/index.tsx
@@ -0,0 +1 @@
+export * from './ItemPage';
diff --git a/src/pages/ItemPage/itemPage.scss b/src/pages/ItemPage/itemPage.scss
new file mode 100644
index 0000000000..2a8b257b22
--- /dev/null
+++ b/src/pages/ItemPage/itemPage.scss
@@ -0,0 +1,273 @@
+@import "/styles/common";
+
+.page__title {
+  @extend %h2-reg;
+  text-align: center;
+  text-transform: uppercase;
+  color: $accent-red;
+  background-color: rgba(249,205,205,0.2);
+  border: 1px solid $accent-red;
+  border-radius: 15px;
+  padding: 24px;
+  max-width: 360px;
+  margin: 64px auto;
+}
+
+.product-details {
+  
+  &__back {
+    align-items: center;
+    @extend %small-text;
+    color: $light-gray-color;
+    position: relative;
+    padding-left: 20px;
+    margin-bottom: 16px;
+  }
+
+  &__button-back {
+    background: none;
+    border: none;
+    color: $main-gray-color;
+    @extend %small-text;
+
+    &::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      width: 16px;
+      height: 16px;
+      @include bgr-img;
+      background-image: url($arrow-left);
+    }
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  &__title {
+    @extend %h1;
+    margin-bottom: 40px;
+  }
+
+  &__row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 64px;
+    justify-content: space-between;
+    margin-bottom: 80px;
+  }
+
+  &__section {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  &__subtitle {
+    width: 100%;
+    text-align: left;
+    @extend %h2;
+    padding-bottom: 16px;
+    margin-bottom: 32px;
+    border-bottom: 1px solid $borders-gray-color;
+  }
+
+  &__content {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  &__images-container {
+    display: flex;
+    width: 100%;
+    gap: 16px;
+  }
+
+  &__action {
+    width: 320px;
+
+    & .buttons-container {
+      height: 48px;
+      width: 100%;
+
+      & .button_add-to-cart {
+        height: 100%;
+        width: calc(100% - 56px);
+      }
+
+      & .button_like {
+        height: 48px;
+        width: 48px;
+      }
+    }
+
+    & .price__text_bold {
+      @extend %h1;
+    }
+  }
+
+  &__select {
+    width: 100%;
+    height: min-content;
+    padding-bottom: 24px;
+    border-bottom: 1px solid $borders-gray-color;
+  }
+}
+
+.image {
+  object-fit: contain;
+  object-position: center;
+  height: 100%;
+  width: 100%;
+
+  &__box {
+    flex-shrink: 0;
+    width: 100%;
+    max-height: 400px;
+    max-width: 400px;
+    aspect-ratio: 1/1;
+    margin-bottom: 0;
+  }
+
+  &_small {
+    border: 1px solid #c4c4c4;
+    transition: all 0.3s;
+    cursor: pointer;
+
+    &:hover {
+      border-color: #000;
+    }
+  }
+
+  &.active {
+    border-color: #000;
+  }
+
+  &-list {
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    grid-gap: 8px;
+    gap: 8px;
+
+    &__box {
+      max-height: 50px;
+      aspect-ratio: 1/1;
+      background: transparent;
+      border: 1px solid #e2e6e9;
+    }
+  }
+}
+
+.colors {
+
+  &__title {
+    @extend %small-text;
+    margin-bottom: 8px;
+    color: $second-gray-color;
+  }
+
+  &__list {
+    display: flex;
+    grid-gap: 8px;
+    gap: 8px;
+  }
+}
+
+.capacity {
+
+  &__title {
+    @extend %small-text;
+    margin: 24px 0 8px;
+    color: $second-gray-color;
+  }
+
+  &__list {
+    display: flex;
+  }
+}
+
+.description {
+  
+  &__item {
+    margin-bottom: 32px;
+  }
+
+  &__title {
+    @extend %h3;
+    margin-bottom: 16px;
+  }
+
+  &__text {
+    @extend %body-text;
+    color: $second-gray-color;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.tech-specifications {
+
+  &__item {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 16px;
+  }
+
+  &__text {
+    @extend %body-text;
+    color: $second-gray-color;
+
+    &--bold {
+      color: inherit;
+    }
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+@media #{$desktop-media-query} {
+  .product-details {
+    max-width: 700px;
+    margin: 0 auto;
+  }
+
+  .image__box {
+    max-height: 275px;
+    max-width: 275px;
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .product-details {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 280px;
+
+    &__row {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+    }
+
+    &__images-container {
+      flex-direction: column-reverse;
+      width: 100%;
+    }
+
+    &__action {
+      width: 100%;
+    }
+  }
+
+  .image-list {
+    flex-direction: row;
+  }
+}
diff --git a/src/pages/NotFoundPage/NotFoundPage.tsx b/src/pages/NotFoundPage/NotFoundPage.tsx
new file mode 100644
index 0000000000..4afaf1d660
--- /dev/null
+++ b/src/pages/NotFoundPage/NotFoundPage.tsx
@@ -0,0 +1,19 @@
+import React, { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { NotFound } from '../../components/NotFound/NotFound';
+
+export const NotFoundPage:React.FC = () => {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const redirectTimer = setTimeout(() => {
+      navigate('/');
+    }, 1000);
+
+    return () => clearTimeout(redirectTimer);
+  }, [navigate]);
+
+  return (
+    <NotFound title="Page not found" />
+  );
+};
diff --git a/src/pages/NotFoundPage/index.tsx b/src/pages/NotFoundPage/index.tsx
new file mode 100644
index 0000000000..6197aa75aa
--- /dev/null
+++ b/src/pages/NotFoundPage/index.tsx
@@ -0,0 +1 @@
+export * from './NotFoundPage';
diff --git a/src/pages/Page/Page.tsx b/src/pages/Page/Page.tsx
new file mode 100644
index 0000000000..86af6b49be
--- /dev/null
+++ b/src/pages/Page/Page.tsx
@@ -0,0 +1,179 @@
+import React, { useState, useEffect } from 'react';
+import { Routes, Route, useLocation } from 'react-router-dom';
+import { AppProvider } from '../../context/AppContextProvider';
+import { Product, ProductInCart } from '../../types/Product';
+import { getProducts } from '../../api/fetchData';
+import { useLocalStorage } from '../../helpers/hooks/useLocalStorage';
+import ScrollToTop from '../../helpers/ScrollTop';
+import { Header } from '../../components/Header/Header';
+import { HomePage } from '../HomePage/HomePage';
+import { CategoryPage } from '../CategoryPage/CategoryPage';
+import { ItemPage } from '../ItemPage/ItemPage';
+import { FavoritesPage } from '../FavoritesPage/FavoritesPage';
+import { NotFoundPage } from '../NotFoundPage/NotFoundPage';
+import { Footer } from '../../components/Footer/Footer';
+import { CartPage } from '../CartPage/CartPage';
+import './page.scss';
+import { PathnamesApp } from '../../types/Pathnames';
+
+export const Page: React.FC = () => {
+  const [products, setProducts] = useState<Product[]>([]);
+  const [phones, setPhones] = useState<Product[]>([]);
+  const [tablets, setTablets] = useState<Product[]>([]);
+  const [accessories, setAccessories] = useState<Product[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [productsCounter, setProductsCounter] = useState({
+    phones: 0,
+    tablets: 0,
+    accessories: 0,
+  });
+  const [favorites, setFavorites] = useLocalStorage('favorites', []);
+  const [cart, setCart] = useLocalStorage('cart', []);
+  const { pathname } = useLocation();
+
+  const pathnameNormalized = pathname === '/' ? 'home' : pathname.substring(1);
+
+  async function loadProducts() {
+    setIsLoading(true);
+
+    try {
+      const productsFromServer = await getProducts();
+
+      setProducts(productsFromServer);
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    loadProducts();
+  }, []);
+
+  useEffect(() => {
+    setPhones(products.filter(item => item.category === 'phones'));
+    setTablets(products.filter(item => item.category === 'tablets'));
+    setAccessories(products.filter(item => item.category === 'accessories'));
+  }, [products]);
+
+  useEffect(() => {
+    setProductsCounter({
+      phones: phones.length,
+      tablets: tablets.length,
+      accessories: accessories.length,
+    });
+  }, [phones, tablets, accessories]);
+
+  const isProductSelected = (
+    productId: string, productsGroup: Product[] | ProductInCart[],
+  ): boolean => {
+    return Array.isArray(productsGroup)
+      && productsGroup.some(product => product.itemId === productId);
+  };
+
+  const toggleToFavorites = (item: Product) => {
+    if (item && isProductSelected(item.itemId, favorites)) {
+      const newFavorites = favorites.filter(
+        (product: Product) => product.itemId !== item.itemId,
+      );
+
+      setFavorites(newFavorites);
+    } else {
+      setFavorites([...favorites, item]);
+    }
+  };
+
+  const toggleToCart = (item: Product | ProductInCart) => {
+    const productWidthCount = { ...item, count: 1 };
+
+    if (item && isProductSelected(productWidthCount.itemId, cart)) {
+      const newCart = cart.filter(
+        (product: Product) => product.itemId !== item.itemId,
+      );
+
+      setCart(newCart);
+    } else {
+      setCart([...cart, productWidthCount]);
+    }
+  };
+
+  const updateCountInCart = (productId: string, newCount: number) => {
+    const updatedCart = cart.map((item: ProductInCart) => {
+      if (item.itemId === productId) {
+        return { ...item, count: newCount };
+      }
+
+      return item;
+    });
+
+    setCart(updatedCart);
+  };
+
+  return (
+    <AppProvider
+      value={{
+        favorites,
+        cart,
+        toggleToFavorites,
+        toggleToCart,
+        isProductSelected,
+        updateCountInCart,
+      }}
+    >
+      <div className="page">
+        <ScrollToTop />
+        <Header />
+        <main className="page__main">
+          <div
+            className={`page__container page__container_${pathnameNormalized}`}
+          >
+            <Routes>
+              <Route path={PathnamesApp.Home}>
+                <Route
+                  index
+                  element={(
+                    <HomePage
+                      products={phones}
+                      productsCounter={productsCounter}
+                      isLoading={isLoading}
+                    />
+                  )}
+                />
+                <Route path={PathnamesApp.Phones}>
+                  <Route
+                    index
+                    element={(
+                      <CategoryPage />
+                    )}
+                  />
+                  <Route
+                    path=":itemId"
+                    element={<ItemPage products={products} />}
+                  />
+                </Route>
+                <Route
+                  path={PathnamesApp.Tablets}
+                  element={(
+                    <CategoryPage />
+                  )}
+                />
+                <Route
+                  path={PathnamesApp.Accessories}
+                  element={(
+                    <CategoryPage />
+                  )}
+                />
+                <Route
+                  path={PathnamesApp.Favorites}
+                  element={<FavoritesPage />}
+                />
+                <Route path={PathnamesApp.Cart} element={<CartPage />} />
+              </Route>
+              <Route path="*" element={<NotFoundPage />} />
+            </Routes>
+          </div>
+        </main>
+        <Footer />
+      </div>
+    </AppProvider>
+  );
+};
diff --git a/src/pages/Page/index.tsx b/src/pages/Page/index.tsx
new file mode 100644
index 0000000000..d9925d7520
--- /dev/null
+++ b/src/pages/Page/index.tsx
@@ -0,0 +1 @@
+export * from './Page';
diff --git a/src/pages/Page/page.scss b/src/pages/Page/page.scss
new file mode 100644
index 0000000000..c6864d5f32
--- /dev/null
+++ b/src/pages/Page/page.scss
@@ -0,0 +1,47 @@
+@import "/styles/common";
+
+.page {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100vh;
+  overflow-y: scroll;
+  min-width: 320px;
+
+  &__main {
+    flex-grow: 1;
+    padding: 24px 0 80px;
+  }
+
+  &__container {
+    max-width: 1130px;
+    margin: 0 auto;
+  }
+}
+
+@media #{$desktop-smallest-media-query} {
+
+  .page {
+
+    &__container {
+      max-width: unset;
+      padding: 0 24px;
+
+      &_home {
+        padding: 0;
+      
+        & .section {
+          padding: 0 24px;
+
+          &:first-child {
+            padding: 0;
+
+            & .section__title {
+              padding: 0 24px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/types/Category.ts b/src/types/Category.ts
new file mode 100644
index 0000000000..fc15c05255
--- /dev/null
+++ b/src/types/Category.ts
@@ -0,0 +1,6 @@
+export type Category = {
+  id: number,
+  title: string,
+  name: string,
+  itemCount: number,
+};
diff --git a/src/types/Colors.ts b/src/types/Colors.ts
new file mode 100644
index 0000000000..68310df8fc
--- /dev/null
+++ b/src/types/Colors.ts
@@ -0,0 +1,29 @@
+export type ColorsType = {
+  black: string;
+  white: string;
+  red: string;
+  silver: string;
+  gold: string;
+  yellow: string;
+  rosegold: string;
+  spacegray: string;
+  coral: string;
+  midnightgreen: string;
+  green: string;
+  purple: string;
+};
+
+export const colors = {
+  black: '#000',
+  white: '#000',
+  red: '#ff0000',
+  silver: '#b5b5bd',
+  gold: '#d4af37',
+  yellow: '#ffff00',
+  rosegold: '#b76e79',
+  spacegray: '#717378',
+  coral: '#ff7f50',
+  midnightgreen: '#004953',
+  green: '#4CD887',
+  purple: '#EF7FFC',
+};
diff --git a/src/types/DetailedProduct.ts b/src/types/DetailedProduct.ts
new file mode 100644
index 0000000000..a6b0473cbe
--- /dev/null
+++ b/src/types/DetailedProduct.ts
@@ -0,0 +1,25 @@
+export type Description = {
+  title: string;
+  text: string[];
+};
+
+export type DetailedProduct = {
+  id: string;
+  namespaceId: string;
+  name: string;
+  capacityAvailable: string[];
+  capacity: string;
+  priceRegular: number;
+  priceDiscount: number;
+  colorsAvailable: string[];
+  color: string;
+  images: string[];
+  description: Description[];
+  screen: string;
+  resolution: string;
+  processor: string;
+  ram: string;
+  camera: string;
+  zoom: string;
+  cell: string[];
+};
diff --git a/src/types/Pathnames.ts b/src/types/Pathnames.ts
new file mode 100644
index 0000000000..14f15223f9
--- /dev/null
+++ b/src/types/Pathnames.ts
@@ -0,0 +1,15 @@
+export enum PathnamesForNav {
+  Home = '/',
+  Phones = '/phones',
+  Tablets = '/tablets',
+  Accessories = '/accessories',
+}
+
+export enum PathnamesApp {
+  Home = '/',
+  Phones = '/phones',
+  Tablets = '/tablets',
+  Accessories = '/accessories',
+  Favorites = '/favorites',
+  Cart = '/cart',
+}
diff --git a/src/types/Product.ts b/src/types/Product.ts
new file mode 100644
index 0000000000..17c3ac5ae4
--- /dev/null
+++ b/src/types/Product.ts
@@ -0,0 +1,19 @@
+export type Product = {
+  id: string;
+  category: string;
+  phoneId: string;
+  itemId: string;
+  name: string;
+  fullPrice: number;
+  price: number;
+  screen: string;
+  capacity: string;
+  color: string;
+  ram: string;
+  year: number;
+  image: string;
+};
+
+export type ProductInCart = Product & {
+  count: number;
+};
diff --git a/src/types/SortType.ts b/src/types/SortType.ts
new file mode 100644
index 0000000000..c8ed4e8e85
--- /dev/null
+++ b/src/types/SortType.ts
@@ -0,0 +1,17 @@
+export enum SortType {
+  Newest = 'newest',
+  Alphabetically = 'alphabetically',
+  Cheapest = 'cheapest',
+  Expensive = 'expensive',
+  Year = 'year',
+  MaxDiscount = 'maxDiscount',
+  HotPrice = 'hotprice',
+  Random = 'random',
+}
+
+export enum SortTypeForDropdown {
+  Newest = 'newest',
+  Alphabetically = 'alphabetically',
+  Cheapest = 'cheapest',
+  Expensive = 'expensive',
+}
diff --git a/src/types/TechSpecification.ts b/src/types/TechSpecification.ts
new file mode 100644
index 0000000000..8e90e6e96f
--- /dev/null
+++ b/src/types/TechSpecification.ts
@@ -0,0 +1,10 @@
+export enum TechnicalSpecifications {
+  Screen = 'screen',
+  Resolution = 'resolution',
+  Processor = 'processor',
+  RAM = 'ram',
+  Capacity = 'capacity',
+  Camera = 'camera',
+  Zoom = 'zoom',
+  Cell = 'cell',
+}
diff --git a/styles/_common.scss b/styles/_common.scss
new file mode 100644
index 0000000000..38526ba1f3
--- /dev/null
+++ b/styles/_common.scss
@@ -0,0 +1,5 @@
+@import './utils/normalizing.scss';
+@import './utils/variables.scss';
+@import './utils/fonts.scss';
+@import './utils/mixins.scss';
+@import './utils/buttons.scss';
diff --git a/styles/utils/buttons.scss b/styles/utils/buttons.scss
new file mode 100644
index 0000000000..03dc6b5fb5
--- /dev/null
+++ b/styles/utils/buttons.scss
@@ -0,0 +1,138 @@
+@import './mixins.scss';
+@import './variables.scss';
+
+.button {
+  @include button-transparent;
+
+  &_scroll {
+
+    &::before {
+      background-image: url($arrow-top);
+    }
+
+    &:after {
+      content: "Back to top";
+      position: absolute;
+      width: max-content;
+      right: 100%;
+      top: 8px;
+      display: block;
+      margin-right: 16px;
+      align-items: center;
+      background-color: transparent;
+      @extend %small-text;
+      color: $second-gray-color;
+      margin-right: 16px;
+      transition: all 0.3s;
+    }
+
+    &:hover {
+      border-color: #000;
+
+      &::after {
+        color: $main-gray-color;
+      }
+    }
+  }
+
+  &_like {
+    width: 40px;
+    height: 40px;
+    border-color: $borders-gray-color;
+    
+    &::before {
+      background-image: url($heart-gray-icon);
+    }
+
+    &.selected::before {
+      background-image: url($heart-red-icon);
+    } 
+  }
+
+  &_like--long {
+    width: 64px;
+    height: 64px;
+    border-color: $borders-gray-color;
+  }
+
+  &_cart {
+    width: 64px;
+    height: 64px;
+    border-color: $borders-gray-color;
+    
+    &::before {
+      background-image: url("https://i.gstatvb.com/971cae570aad5e050cfd09d9d4d295ea1689103935.rng.png");
+    }
+  }
+
+  &_add-to-cart {
+    @include button-gray;
+    margin-right: 8px;
+
+    &.selected {
+      width: 176px;
+      height: 40px;
+      color: $accent-green;
+      background-color: #fff;
+      border: 1px solid $borders-gray-color;
+      margin-right: 8px;
+    }
+  }
+
+  &_circle {
+    flex: 0 0 auto;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    border: 2px solid #fff;
+    outline: 1px solid $borders-gray-color;
+    margin-right: 8px;
+    transition: all .3s;
+
+    &::before {
+      content: none;
+    }
+  
+    &.active,
+    &:hover {
+      border: 2px solid #fff;
+      outline: 1px solid $main-gray-color;
+    }
+
+    &.active {
+      pointer-events: none;
+    }
+  }
+
+  &_square {
+    width: min-content;
+    height: min-content;
+    padding: 8px;
+    margin-right: 8px;
+    transition: all 0.3s;
+
+    &::before {
+      content: none;
+    }
+
+    &:hover {
+      border-color: #000;
+    }
+  
+    &.active {
+      color: #fff;
+      border-color: transparent;
+      background-color: $main-gray-color;
+    }
+  }
+}
+
+@media #{$tablet-media-query} {
+
+  .button {
+
+    &_scroll {
+      margin-left: 84px;
+    }
+  }
+}
\ No newline at end of file
diff --git a/styles/utils/fonts.css b/styles/utils/fonts.css
new file mode 100644
index 0000000000..9a9d1018c5
--- /dev/null
+++ b/styles/utils/fonts.css
@@ -0,0 +1,17 @@
+@font-face {
+  font-family: "Mont Regular";
+  src: url(../../src/fonts/Mont-Regular.otf);
+  font-style: normal;
+}
+@font-face {
+  font-family: "Mont SemiBold";
+  font-weight: 700;
+  src: url(../../src/fonts/Mont-SemiBold.otf);
+  font-style: normal;
+}
+@font-face {
+  font-family: "Mont Bold";
+  font-weight: 600;
+  src: url(../../src/fonts/Mont-Bold.otf);
+  font-style: normal;
+}/*# sourceMappingURL=fonts.css.map */
\ No newline at end of file
diff --git a/styles/utils/fonts.css.map b/styles/utils/fonts.css.map
new file mode 100644
index 0000000000..e843e8688c
--- /dev/null
+++ b/styles/utils/fonts.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["fonts.scss","fonts.css"],"names":[],"mappings":"AAAA;EACE,2BAAA;EACA,0CAAA;EACA,kBAAA;ACCF;ADEA;EACE,4BAAA;EACA,gBAAA;EACA,2CAAA;EACA,kBAAA;ACAF;ADGA;EACE,wBAAA;EACA,gBAAA;EACA,uCAAA;EACA,kBAAA;ACDF","file":"fonts.css"}
\ No newline at end of file
diff --git a/styles/utils/fonts.scss b/styles/utils/fonts.scss
new file mode 100644
index 0000000000..c09679d0da
--- /dev/null
+++ b/styles/utils/fonts.scss
@@ -0,0 +1,68 @@
+@font-face {
+  font-family: "Mont Regular";
+  src: url(../../src/fonts/Mont-Regular.otf);
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Mont SemiBold";
+  font-weight: 700;
+  src: url(../../src/fonts/Mont-SemiBold.otf);
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Mont Bold";
+  font-weight: 600;
+  src: url(../../src/fonts/Mont-Bold.otf);
+  font-style: normal;
+}
+
+%h1 {
+  font-family: "Mont Bold", sans-serif;
+  font-size: 32px;
+  line-height: 41px;
+  letter-spacing: -0.01em;
+}
+
+%h2 {
+  font-family: "Mont Bold", sans-serif;
+  font-size: 22px;
+  line-height: 31px;
+}
+
+%h2-reg {
+  font-family: inherit;
+  font-size: 22px;
+  line-height: 31px;
+}
+
+%h3 {
+  font-family: "Mont SemiBold", sans-serif;
+  font-size: 20px;
+  line-height: 26px;
+}
+
+%uppercase {
+  font-family: "Mont Bold", sans-serif;
+  font-size: 12px;
+  line-height: 11px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
+%buttons {
+  font-family: "Mont SemiBold", sans-serif;
+  font-size: 14px;
+}
+
+%body-text {
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 21px;
+}
+
+%small-text {
+  font-family: "Mont SemiBold", sans-serif;
+  font-size: 12px;
+}
diff --git a/styles/utils/mixins.css b/styles/utils/mixins.css
new file mode 100644
index 0000000000..6051932ef7
--- /dev/null
+++ b/styles/utils/mixins.css
@@ -0,0 +1 @@
+/*# sourceMappingURL=mixins.css.map */
\ No newline at end of file
diff --git a/styles/utils/mixins.css.map b/styles/utils/mixins.css.map
new file mode 100644
index 0000000000..f97f1ca854
--- /dev/null
+++ b/styles/utils/mixins.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"mixins.css"}
\ No newline at end of file
diff --git a/styles/utils/mixins.scss b/styles/utils/mixins.scss
new file mode 100644
index 0000000000..10cfbf774b
--- /dev/null
+++ b/styles/utils/mixins.scss
@@ -0,0 +1,124 @@
+@mixin bgr-img() {
+  background: center/contain no-repeat;
+};
+
+@mixin button-transparent($width: 32px, $height: 32px) {
+  height: $height;
+  width: $width;
+  color: $main-gray-color;
+  border: 1px solid $light-gray-color;
+  background-color: transparent;
+  position: relative;
+  transition: all 0.3s;
+
+  &::before {
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    display: block;
+    content: "";
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    @include bgr-img;
+  }
+
+  &:hover {
+    border-color: #000;
+  }
+};
+
+@mixin button-gray($width: 176px, $height: 40px) {
+  height: $height;
+  width: $width;
+  background-color: $main-gray-color;
+  color: #fff;
+  text-align: center;
+  @extend %buttons;
+  border: none;
+  box-shadow: none;
+  transition: all 0.3s;
+
+  &:hover {
+    box-shadow: 0px 3px 13px 0px rgba(23, 32, 49, 0.26);
+  }
+
+  &:active {
+    color: $accent-green;
+    background-color: #fff;
+    border: 1px solid $borders-gray-color;
+    box-shadow: none;
+  }
+}
+
+@mixin button-arrows($width: 32px, $height: 32px) {
+  @include button-transparent;
+  height: 32px;
+
+  &_prev {
+    margin-right: 16px;
+
+    &::before {
+      background-image: url($arrow-left);
+    }
+
+    &.disabled::before {
+      background-image: url($arrow-left-light);
+    }
+  }
+
+  &_next {
+
+    &::before {
+      background-image: url($arrow-right);
+    }
+
+    &.disabled::before {
+      background-image: url($arrow-right-light);
+    }
+  }
+
+  &.disabled {
+    pointer-events: none;
+  }
+};
+
+@mixin button-more-less($width: 32px, $height: 32px) {
+  @include button-transparent;
+  height: 32px;
+
+  &:before {
+    width: unset;
+    height: unset;
+    font-family: inherit;
+    font-size: 14px;
+    color: $main-gray-color;
+  }
+
+  &.disabled::before {
+    color: $light-gray-color;
+  }
+
+  &_prev {
+    margin-right: 16px;
+
+    &::before {
+      content: "-";
+    }
+  }
+
+  &_next::before {
+    content: "+";
+  }
+
+  &.disabled {
+    pointer-events: none;
+  }
+};
+
+@mixin button-header {
+  height: 64px;
+  width: 64px;
+  position: relative;
+  padding: 25px;
+}
diff --git a/styles/utils/normalizing.css b/styles/utils/normalizing.css
new file mode 100644
index 0000000000..2c8bb0f0b4
--- /dev/null
+++ b/styles/utils/normalizing.css
@@ -0,0 +1,25 @@
+* {
+  margin: 0;
+  padding: 0;
+  font-family: "Mont Regular", sans-serif;
+  font-weight: 400;
+  box-sizing: border-box;
+}
+
+li {
+  list-style: none;
+}
+
+a, a:hover, a:visited {
+  text-decoration: none;
+}
+
+button {
+  cursor: pointer;
+}
+
+img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}/*# sourceMappingURL=normalizing.css.map */
\ No newline at end of file
diff --git a/styles/utils/normalizing.css.map b/styles/utils/normalizing.css.map
new file mode 100644
index 0000000000..f24aa5c535
--- /dev/null
+++ b/styles/utils/normalizing.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["normalizing.scss","normalizing.css"],"names":[],"mappings":"AAAA;EACE,SAAA;EACA,UAAA;EACA,uCAAA;EACA,gBAAA;EACA,sBAAA;ACCF;;ADEA;EACE,gBAAA;ACCF;;ADEA;EACE,qBAAA;ACCF;;ADEA;EACE,eAAA;ACCF;;ADEA;EACE,cAAA;EACA,eAAA;EACA,YAAA;ACCF","file":"normalizing.css"}
\ No newline at end of file
diff --git a/styles/utils/normalizing.scss b/styles/utils/normalizing.scss
new file mode 100644
index 0000000000..5033e302ad
--- /dev/null
+++ b/styles/utils/normalizing.scss
@@ -0,0 +1,25 @@
+* {
+  margin: 0;
+  padding: 0;
+  font-family: "Mont Regular", sans-serif;
+  font-weight: 400;
+  box-sizing: border-box;
+}
+
+li {
+  list-style: none;
+}
+
+a, a:hover, a:visited {
+  text-decoration: none;
+}
+
+button {
+  cursor: pointer;
+}
+
+img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
diff --git a/styles/utils/variables.css b/styles/utils/variables.css
new file mode 100644
index 0000000000..1451a1536e
--- /dev/null
+++ b/styles/utils/variables.css
@@ -0,0 +1 @@
+/*# sourceMappingURL=variables.css.map */
\ No newline at end of file
diff --git a/styles/utils/variables.css.map b/styles/utils/variables.css.map
new file mode 100644
index 0000000000..639caba5ba
--- /dev/null
+++ b/styles/utils/variables.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"variables.css"}
\ No newline at end of file
diff --git a/styles/utils/variables.scss b/styles/utils/variables.scss
new file mode 100644
index 0000000000..71afeef919
--- /dev/null
+++ b/styles/utils/variables.scss
@@ -0,0 +1,29 @@
+$main-gray-color: #313237;
+$second-gray-color: #89939a;
+$light-gray-color: #b4bdc3;
+$borders-gray-color: #e2e6e9;
+$accent-green: #27ae60;
+$accent-red: #eb5757;
+
+$logo: "https://i.gstatvb.com/c389a77ca305ee5d9f0ee6f87f74fcfb1688922827.rng.png";
+$arrow-left: 'https://i.gstatvb.com/666bd175cdc8706e8a3f147f985a8ebe1689008383.rng.png';
+$arrow-left-light: 'https://i.gstatvb.com/56257d53833d634b58ca1095b4d5ab0b1689364322.rng.png';
+$arrow-right: 'https://i.gstatvb.com/8f63a520b73400d453500cf67939b8ab1689008556.rng.png';
+$arrow-right-light: 'https://i.gstatvb.com/6440facefe2b31d4e91ee3300524faf41689364580.rng.png';
+$arrow-top: 'https://i.gstatvb.com/8b770ea465d99dee199c967e195be3071689017099.rng.png';
+$arrow-down-for-dropdown: 'https://i.gstatvb.com/7b0c5a911403e372d5b0aace017605fc1689328395.rng.png';
+$icon-home: 'https://i.gstatvb.com/a1e15ca62daaa6c9b8b36df2e04be2bf1689190203.rng.png';
+$icon-close: "https://i.gstatvb.com/17e6ffa6dc2773ee256fe64be642bca21689500914.rng.png";
+$icon-close-light-gray: "https://i.gstatvb.com/365f29114952435a15013166843dcc5f1689531551.rng.png";
+$heart-gray-icon: "https://i.gstatvb.com/5cd474fd6e823704785256852e48373d1688905044.rng.png";
+$heart-red-icon: "https://i.gstatvb.com/8d884803928628aa7b15861d143e5ee01689508609.rng.svg";
+$icon-search: "https://i.gstatvb.com/d83bcf9ad76f2609371932eca8d554011690049021.rng.png";
+$icon-fav: "https://i.gstatvb.com/5cd474fd6e823704785256852e48373d1688905044.rng.png";
+$icon-cart: "https://i.gstatvb.com/971cae570aad5e050cfd09d9d4d295ea1689103935.rng.png";
+$icon-menu: "https://i.gstatvb.com/a40a8ebf82ae69be5aa3a14758410e641690179741.rng.svg";
+
+$desktop-media-query: 'only screen and (max-width : 1220px)';
+$desktop-smallest-media-query: 'only screen and (max-width : 1024px)';
+$tablet-media-query: 'only screen and (max-width : 768px)';
+$phone-media-query: 'only screen and (max-width : 540px)';
+$phone-smallest-media-query: 'only screen and (max-width : 374px)';
diff --git a/tsconfig.json b/tsconfig.json
index 95c932e511..b0f00601f7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,5 +2,5 @@
   "extends": "@mate-academy/students-ts-config",
   "include": [
     "src"
-  ]
+, "src/components/.tsx"  ]
 }