diff --git a/src/App.js b/src/App.js
index ab1668b..ee00e13 100644
--- a/src/App.js
+++ b/src/App.js
@@ -9,31 +9,7 @@ import HomePage from './pages/home';
 import './App.scss';
 
 function App() {
-  return (
-    <Router>
-      <Header />
-
-      <div className="page-container">
-        <Switch>
-          <Route exact path="/cart">
-            <CartPage />
-          </Route>
-
-          <Route exact path="/product/:productId">
-            <ProductPage />
-          </Route>
-
-          <Route exact path="/login">
-            <LoginPage />
-          </Route>
-
-          <Route>
-            <HomePage />
-          </Route>
-        </Switch>
-      </div>
-    </Router>
-  );
+  return 'Hello App';
 }
 
 export default App;
diff --git a/src/cart-context.js b/src/cart-context.js
index a58b8b5..1464112 100644
--- a/src/cart-context.js
+++ b/src/cart-context.js
@@ -7,61 +7,8 @@ const CartDispatchContext = React.createContext();
 
 function cartReducer(state, action) {
   switch (action.type) {
-    case 'increment': {
-      const product = action.payload;
-      const currentEntry = state.products[product.id];
-      let newEntry;
-      if (currentEntry) {
-        newEntry = {
-          ...currentEntry,
-          quantity: currentEntry.quantity + 1,
-        };
-      } else {
-        newEntry = {
-          ...product,
-          quantity: 1,
-        };
-      }
-
-      const { finalPrice } = calculatePriceDetails(product.price);
-      return {
-        ...state,
-        totalQuantity: state.totalQuantity + 1,
-        totalPrice: state.totalPrice + finalPrice,
-        products: {
-          ...state.products,
-          [product.id]: newEntry,
-        },
-      };
-    }
-    case 'decrement': {
-      const product = action.payload;
-      const currentEntry = state.products[product.id];
-      if (!currentEntry) return state;
-
-      let newEntry;
-      if (currentEntry.quantity === 1) {
-        newEntry = null;
-      } else {
-        newEntry = {
-          ...currentEntry,
-          quantity: currentEntry.quantity - 1,
-        };
-      }
-
-      const { finalPrice } = calculatePriceDetails(product.price);
-      return {
-        ...state,
-        totalQuantity: state.totalQuantity - 1,
-        totalPrice: state.totalPrice - finalPrice,
-        products: {
-          ...state.products,
-          [product.id]: newEntry,
-        },
-      };
-    }
     default: {
-      throw new Error(`Unhandled action type: ${action.type}`);
+      return state;
     }
   }
 }
diff --git a/src/components/general/CurrencyFormat.js b/src/components/general/CurrencyFormat.js
index 017ed0d..de7d12a 100644
--- a/src/components/general/CurrencyFormat.js
+++ b/src/components/general/CurrencyFormat.js
@@ -13,24 +13,8 @@ const currencyCodeLocaleMap = {
   INR: 'en-IN',
 };
 
-function CurrencyFormat({
-  className,
-  value,
-  currencyCode,
-  iconSize = 1,
-  ...remainingProps
-}) {
-  return (
-    <div
-      className={classNames('currency-format', { [className]: className })}
-      {...remainingProps}
-    >
-      <Icon size={iconSize} path={currenyCodeIconMap[currencyCode]} />
-      <span className="currency-format__value">
-        {value.toLocaleString(currencyCodeLocaleMap[currencyCode])}
-      </span>
-    </div>
-  );
+function CurrencyFormat({}) {
+  return null;
 }
 
 export default CurrencyFormat;
diff --git a/src/components/header/Account.js b/src/components/header/Account.js
index d656fee..20b2bb6 100644
--- a/src/components/header/Account.js
+++ b/src/components/header/Account.js
@@ -5,15 +5,7 @@ import { mdiMenuDown } from '@mdi/js';
 import './Account.scss';
 
 function Account() {
-  return (
-    <div className="account">
-      <div className="account__hint">Hello, Sign in</div>
-      <div className="account__title">
-        My Account
-        <Icon className="account__arrow" path={mdiMenuDown} size={1.2} />
-      </div>
-    </div>
-  );
+  return null;
 }
 
 export default Account;
diff --git a/src/components/header/Cart.js b/src/components/header/Cart.js
index 87bd351..80d050c 100644
--- a/src/components/header/Cart.js
+++ b/src/components/header/Cart.js
@@ -8,14 +8,7 @@ import './Cart.scss';
 import { useCartState } from 'cart-context';
 
 function Cart() {
-  const { totalQuantity } = useCartState();
-
-  return (
-    <Link to="/cart" className="h-cart">
-      <Icon path={mdiCartOutline} size={1.4} />
-      <div className="h-cart__count">{totalQuantity}</div>
-    </Link>
-  );
+  return null;
 }
 
 export default Cart;
diff --git a/src/components/header/DeliveryLocation.js b/src/components/header/DeliveryLocation.js
index 8710830..7af1e24 100644
--- a/src/components/header/DeliveryLocation.js
+++ b/src/components/header/DeliveryLocation.js
@@ -5,19 +5,7 @@ import { mdiMapMarkerOutline } from '@mdi/js';
 import './DeliveryLocation.scss';
 
 function DeliveryLocation() {
-  return (
-    <div className="delivery-location">
-      <Icon
-        className="delivery-location__pin"
-        path={mdiMapMarkerOutline}
-        size={1.2}
-      />
-      <div className="delivery-location__details">
-        <div className="delivery-location__hint">Hello</div>
-        <div className="delivery-location__title">Select your address</div>
-      </div>
-    </div>
-  );
+  return null;
 }
 
 export default DeliveryLocation;
diff --git a/src/components/header/Logo.js b/src/components/header/Logo.js
index 1058593..ffe24bc 100644
--- a/src/components/header/Logo.js
+++ b/src/components/header/Logo.js
@@ -6,12 +6,7 @@ import { Link } from 'react-router-dom';
 import './Logo.scss';
 
 function Logo({ country = 'in' }) {
-  return (
-    <Link to="/" className="logo">
-      <img className="logo__img" alt="Amazon" src={BrandLogo} />
-      {country && <span className="logo__country">.{country}</span>}
-    </Link>
-  );
+  return null;
 }
 
 export default Logo;
diff --git a/src/components/header/Orders.js b/src/components/header/Orders.js
index 5dd1e6a..71852de 100644
--- a/src/components/header/Orders.js
+++ b/src/components/header/Orders.js
@@ -3,12 +3,7 @@ import React from 'react';
 import './Orders.scss';
 
 function Orders() {
-  return (
-    <div className="h-orders">
-      <div className="h-orders__hint">Returns</div>
-      <div className="h-orders__title">& Orders</div>
-    </div>
-  );
+  return null;
 }
 
 export default Orders;
diff --git a/src/components/header/Search.js b/src/components/header/Search.js
index 0ecad38..86bc68d 100644
--- a/src/components/header/Search.js
+++ b/src/components/header/Search.js
@@ -52,25 +52,7 @@ const categories = [
 function Search() {
   const [category, setCategory] = useState(0);
 
-  return (
-    <div className="search">
-      <select
-        className="search__select"
-        value={category}
-        onChange={(e) => setCategory(parseInt(e.target.value, 10))}
-      >
-        {categories.map((o, i) => (
-          <option key={i} value={i}>
-            {o}
-          </option>
-        ))}
-      </select>
-      <input className="search__input" type="text" />
-      <button className="search__button">
-        <Icon path={mdiMagnify} size={1.4} />
-      </button>
-    </div>
-  );
+  return null;
 }
 
 export default Search;
diff --git a/src/components/product/AddToCart.js b/src/components/product/AddToCart.js
index 1158c18..562a8fd 100644
--- a/src/components/product/AddToCart.js
+++ b/src/components/product/AddToCart.js
@@ -7,39 +7,7 @@ import './AddToCart.scss';
 import { useCartDispatch, useCartState } from 'cart-context';
 
 function AddToCard({ product }) {
-  const { products } = useCartState();
-  const dispatch = useCartDispatch();
-
-  const cartEntry = products[product.id];
-
-  if (cartEntry) {
-    return (
-      <div className="add-to-cart">
-        <button
-          className="add-to-cart__action add-to-cart__action--minus"
-          onClick={() => dispatch({ type: 'decrement', payload: product })}
-        >
-          <Icon className="add-to-cart__icon" size={1.2} path={mdiMinus} />
-        </button>
-        <div className="add-to-cart__quantity">{cartEntry.quantity}</div>
-        <button
-          className="add-to-cart__action add-to-cart__action--plus"
-          onClick={() => dispatch({ type: 'increment', payload: product })}
-        >
-          <Icon className="add-to-cart__icon" size={1.2} path={mdiPlus} />
-        </button>
-      </div>
-    );
-  } else {
-    return (
-      <button
-        className="add-to-cart-button"
-        onClick={() => dispatch({ type: 'increment', payload: product })}
-      >
-        Add to cart
-      </button>
-    );
-  }
+  return null;
 }
 
 export default AddToCard;
diff --git a/src/components/product/ImageSlider.js b/src/components/product/ImageSlider.js
index 77e2dd6..5143e62 100644
--- a/src/components/product/ImageSlider.js
+++ b/src/components/product/ImageSlider.js
@@ -20,31 +20,7 @@ function ImageSlider({ product }) {
   const imageClick = (src) => {
     setImage(src);
   };
-  return (
-    <div className="slider">
-      <div className="slider__left">
-        <ul className="slider__listing">
-          {images &&
-            images.map((image, i) => (
-              <li
-                className="slider__list"
-                key={i}
-                onClick={() => {
-                  imageClick(image);
-                }}
-              >
-                <img alt={product.title} src={image} />
-              </li>
-            ))}
-        </ul>
-      </div>
-      <div className="slider__right">
-        <div className="slider__display">
-          <img alt={product.title} src={image} />
-        </div>
-      </div>
-    </div>
-  );
+  return null;
 }
 
 export default ImageSlider;
diff --git a/src/components/product/Information.js b/src/components/product/Information.js
index 8c7a3c6..77abcc6 100644
--- a/src/components/product/Information.js
+++ b/src/components/product/Information.js
@@ -6,74 +6,7 @@ import CurrencyFormat from 'components/general/CurrencyFormat';
 import AddToCard from 'components/product/AddToCart';
 
 function Information({ product }) {
-    const { finalPrice, basePrice } = calculatePriceDetails(
-        product.price,
-    );
-    return (
-        <>
-            {product && (
-                <div className="information">
-                    <div className="information__header">{product.title}</div>
-                    <div className="information__category">Brand: {product.category}</div>
-                    {product.rating && (
-                        <div className="information__rating">
-                            <Rating maxRating={5} rating={product.rating.value} />
-                            <div className="information__rating-label">{product.rating.count} ratings</div>
-                        </div>
-                    )}
-
-                    {product.price && (
-                        <div className="information__pricing">
-                            <div className="information__price">
-                                <span className="information__label">M.R.P. : </span>
-                                <CurrencyFormat
-                                    className="product-card__amount strikethrough"
-                                    currencyCode={product.price.currency}
-                                    value={basePrice}
-                                />
-                            </div>
-                            <div className="information__price">
-                                <span className="information__label">Price. : </span>
-                                <CurrencyFormat
-                                    className="product-card__amount"
-                                    currencyCode={product.price.currency}
-                                    value={finalPrice}
-                                />
-                            </div>
-                            <div>
-                                <span className="information__label">You Save : </span>
-                                {product.price.discount}
-                            </div>
-                        </div>
-                    )}
-
-                    <AddToCard product={product} />
-
-
-                    <div className="information__specs">
-                        {product.specs &&
-                            product.specs.map((spec, i) => (
-                                <div className="information__spec" key={i}>
-                                    <span> {spec.name}</span> : <span>{spec.value}</span>
-                                </div>
-                            ))}
-                    </div>
-
-                    <div className="information__features">
-                        <div className="information__spec-header">About this item</div>
-                        <ul>
-                            {product.features &&
-                                product.features.map((feature, i) => (
-                                    <li className="information__feature" key={i}>
-                                        {feature}
-                                    </li>
-                                ))}
-                        </ul>
-                    </div>
-                </div>
-            )}
-        </>
-    );
+  return null;
 }
 
 export default Information;
diff --git a/src/pages/cart/CartItem.js b/src/pages/cart/CartItem.js
index af14ff5..d918103 100644
--- a/src/pages/cart/CartItem.js
+++ b/src/pages/cart/CartItem.js
@@ -9,41 +9,7 @@ import { calculatePriceDetails } from 'utils.js/product';
 import AddToCard from 'components/product/AddToCart';
 
 function CartItem({ product }) {
-  const { finalPrice } = calculatePriceDetails(product.price);
-  return (
-    <div className="cart-item">
-      <div className="cart-item__image">
-        <img alt={product.title} src={product.images[0]} />
-      </div>
-      <div className="cart-item__details">
-        <div className="cart-item__title">{product.title}</div>
-        <div className="cart-item__brand">by {product.brand}</div>
-      </div>
-      <div className="cart-item__purchase">
-        <div className="cart-item__price">
-          <CurrencyFormat
-            className="cart-item__currency"
-            currencyCode={product.price.currency}
-            value={finalPrice}
-          />
-        </div>
-        <div className="cart-item__multiply">
-          <Icon path={mdiClose} size={1.2} />
-        </div>
-        <div className="cart-item__quantity">
-          <AddToCard product={product} />
-        </div>
-        <div className="cart-item__assign">=</div>
-        <div className="cart-item__amount">
-          <CurrencyFormat
-            className="cart-item__currency bold"
-            currencyCode={product.price.currency}
-            value={finalPrice * product.quantity}
-          />
-        </div>
-      </div>
-    </div>
-  );
+  return null;
 }
 
 export default CartItem;
diff --git a/src/pages/cart/index.js b/src/pages/cart/index.js
index daeaa01..92c1b7f 100644
--- a/src/pages/cart/index.js
+++ b/src/pages/cart/index.js
@@ -7,29 +7,7 @@ import CartItem from './CartItem';
 import CurrencyFormat from 'components/general/CurrencyFormat';
 
 function CartPage() {
-  const { products, totalQuantity, totalPrice } = useCartState();
-  const productIds = Object.keys(products).filter((id) => products[id]);
-
-  return (
-    <div className="cart">
-      <div className="cart__main">
-        <div className="cart__items">
-          {productIds.map((id) => (
-            <CartItem key={id} product={products[id]} />
-          ))}
-        </div>
-
-        <div className="cart__summary">
-          Subtotal ({totalQuantity} items):{' '}
-          <CurrencyFormat
-            className="bold"
-            currencyCode="INR"
-            value={totalPrice}
-          />
-        </div>
-      </div>
-    </div>
-  );
+  return null;
 }
 
 export default CartPage;
diff --git a/src/pages/home/Banner.js b/src/pages/home/Banner.js
index 61f105b..84ad5fd 100644
--- a/src/pages/home/Banner.js
+++ b/src/pages/home/Banner.js
@@ -12,38 +12,7 @@ const banners = [
 ];
 
 function Banner() {
-  return (
-    <div className="h-banner">
-      <div className="h-banner__carousel">
-        <Carousel
-          autoplay
-          autoplayReverse
-          className="h-banner"
-          renderCenterLeftControls={({ previousSlide }) => (
-            <Icon
-              className="h-banner__control"
-              size={5}
-              path={mdiChevronLeft}
-              onClick={previousSlide}
-            />
-          )}
-          renderCenterRightControls={({ nextSlide }) => (
-            <Icon
-              className="h-banner__control"
-              size={5}
-              path={mdiChevronRight}
-              onClick={nextSlide}
-            />
-          )}
-          renderBottomCenterControls={() => null}
-        >
-          {banners.map((bannerSrc, index) => (
-            <img key={index} alt={`Banner ${index + 1}`} src={bannerSrc} />
-          ))}
-        </Carousel>
-      </div>
-    </div>
-  );
+  return null
 }
 
 export default Banner;
diff --git a/src/pages/home/ProductCard.js b/src/pages/home/ProductCard.js
index ccccd81..4df9fee 100644
--- a/src/pages/home/ProductCard.js
+++ b/src/pages/home/ProductCard.js
@@ -10,50 +10,7 @@ import AddToCard from 'components/product/AddToCart';
 import { calculatePriceDetails } from 'utils.js/product';
 
 function ProductCard({ className, product }) {
-  const { finalPrice, basePrice, isDiscounted } = calculatePriceDetails(
-    product.price,
-  );
-
-  return (
-    <div className="product-card-wrapper">
-      <div className={classNames('product-card', { [className]: className })}>
-        <div className="product-card__title">{product.title}</div>
-        <div className="product-card__price">
-          <CurrencyFormat
-            className="product-card__amount"
-            currencyCode={product.price.currency}
-            value={finalPrice}
-          />
-          {isDiscounted && (
-            <CurrencyFormat
-              className="product-card__amount product-card__amount--discount"
-              currencyCode={product.price.currency}
-              value={basePrice}
-            />
-          )}
-        </div>
-
-        <div className="product-card__rating">
-          <Rating rating={product.rating.value} maxRating={5} />
-          <div className="product-card__rating-count">
-            {product.rating.count} ratings
-          </div>
-        </div>
-
-        <Link to={`/product/${product.id}`} className="product-card__gallery">
-          <img
-            className="product-card__image"
-            alt={product.title}
-            src={product.images[0]}
-          />
-        </Link>
-
-        <div className="product-card__actions">
-          <AddToCard product={product} />
-        </div>
-      </div>
-    </div>
-  );
+  return null;
 }
 
 export default ProductCard;
diff --git a/src/pages/home/Products.js b/src/pages/home/Products.js
index 721fd92..d322833 100644
--- a/src/pages/home/Products.js
+++ b/src/pages/home/Products.js
@@ -9,41 +9,18 @@ import ProductCard from './ProductCard';
 
 function Products() {
   const [products, setProducts] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
 
   const loadProducts = useCallback(async () => {
-    if (loading || products.length > 0) return;
-
-    setLoading(true);
-    setError(null);
-
-    try {
-      const json = await productsApi.getList();
-      setProducts(json);
-    } catch (_error) {
-      setError(_error);
-    }
-    setLoading(false);
-  }, [loading, products]);
+    const json = await productsApi.getList();
+    setProducts(json);
+    console.log(json);
+  })
 
   useEffect(() => {
     loadProducts();
   }, [loadProducts]);
 
-  if (loading) {
-    return <Loader size={50} />;
-  } else if (error) {
-    return <Error message="Failed to load products" actionFn={loadProducts} />;
-  } else {
-    return (
-      <div className="products">
-        {products.map((product) => (
-          <ProductCard key={product.id} product={product} />
-        ))}
-      </div>
-    );
-  }
+  return null;
 }
 
 export default Products;
diff --git a/src/pages/home/index.js b/src/pages/home/index.js
index bdc9df6..cf66a28 100644
--- a/src/pages/home/index.js
+++ b/src/pages/home/index.js
@@ -7,11 +7,8 @@ import Products from './Products';
 
 function HomePage() {
   return (
-    <div className="home">
-      <Banner />
-      <div className="home__section">
-        <Products />
-      </div>
+    <div>
+      <Banner/>
     </div>
   );
 }
diff --git a/src/pages/product/index.js b/src/pages/product/index.js
index 6f05ffa..44cef53 100644
--- a/src/pages/product/index.js
+++ b/src/pages/product/index.js
@@ -10,47 +10,7 @@ import Error from 'components/general/Error';
 import products from 'api/products';
 
 function ProductPage() {
-  let { productId } = useParams();
-
-  const [product, setProduct] = useState(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-
-  const loadProduct = useCallback(async () => {
-    if (loading || product) return;
-
-    setLoading(true);
-    setError(null);
-
-    try {
-      const json = await productsApi.getProduct(productId);
-      console.log(json)
-      setProduct(json);
-    } catch (_error) {
-      setError(_error);
-    }
-    setLoading(false);
-  }, [loading]);
-
-  useEffect(() => {
-    loadProduct();
-  }, [loadProduct]);
-
-
-  if (loading) {
-    return <Loader size={50} />;
-  } else if (error) {
-    return <Error message="Failed to load products" actionFn={loadProduct} />;
-  } else if (product) {
-    return (
-      <div className="product">
-        <ImageSlider product={product} />
-        <Information product={product} />
-      </div>
-    );
-  } else {
-    return null;
-  }
+  return null;
 }
 
 export default ProductPage;