setup for shopping page

apps/app/src/pages/Home/Home.tsx

@@ -2,7 +2,7 @@ import { Header } from '../../components/Header';
 import c from './Home.module.scss';
 import TopCompaniesSection from './sections/TopCompaniesSection';
 import EventsSection from './sections/EventsSection';
-import LocationSection from '../../components/LocationSection';
+import LocationSection from '@/components/LocationSection';
 
 const HomePage = () => {
   return (

apps/app/src/pages/ShoppingPage/ShoppingPage.module.scss

@@ -0,0 +1,39 @@
+.header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 2rem;
+}
+
+.wrapper {
+  padding-top: 4rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-bottom: 2rem;
+  background: $primary-black;
+}
+
+.title {
+  @include heading-2;
+  color: $white-text;
+}
+
+.navigation {
+  display: flex;
+  gap: 6px;
+}
+
+.navButton {
+  background: $black-90;
+  border: none;
+  border-radius: 0.5rem;
+  display: block;
+  padding: 17.5px 45px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+  p {
+    @include paragraph-16;
+    color: $white-text;
+  }
+}

apps/app/src/pages/ShoppingPage/ShoppingPage.tsx

@@ -1,7 +1,25 @@
+import CrossIcon from '@/assets/icons/cross-icon.svg';
+import styles from './ShoppingPage.module.scss';
+import TransactionsIcon from '@/assets/icons/transactions-icon.svg';
+import ShoppingCartIcon from '@/assets/icons/shopping-cart-icon.svg';
+
 export const ShoppingPage = () => {
   return (
-    <div>
-      <h1>Shopping</h1>
+    <div className={styles.wrapper}>
+      <div className={styles.header}>
+        <h1 className={styles.title}>SHOPPING</h1>
+        <img src={CrossIcon} alt='' />
+      </div>
+      <div className={styles.navigation}>
+        <button className={styles.navButton}>
+          <img src={TransactionsIcon} alt='' />
+          <p>Transakcije</p>
+        </button>
+        <button className={styles.navButton}>
+          <img src={ShoppingCartIcon} alt='' />
+          <p>Košarica</p>
+        </button>
+      </div>
     </div>
   );
 };

apps/app/src/styles/_colors.scss

@@ -15,6 +15,7 @@ $black-30: #b3b3b2;
 $black-10: #e0e0df;
 $black-5: #ebebeb;
 
+$white-text: #F5F5F5;
 // System colors
 $error-light: #cd0000;
 $error-dark: #ff3737;