disclaimer + map

src/consts/buttonColors.ts

@@ -1,21 +0,0 @@
-import { ButtonColor } from "../types/button";
-
-const backgroundColors: ButtonColor = {
-  cta: "bg-[#00BED7]",
-  primary: "bg-[#ffffff]",
-  tertiary: "bg-[#0D192266]",
-};
-
-const backgroundHoverColors: ButtonColor = {
-  cta: "hover:bg-[#00A8BE]",
-  primary: "hover:bg-[#F3F3F2]",
-  tertiary: "hover:bg-[#0D192266]",
-};
-
-const textColors: ButtonColor = {
-  cta: "text-[#ffffff]",
-  primary: "text-[#0D1922]",
-  tertiary: "text-[#ffffff]",
-};
-
-export { textColors, backgroundColors, backgroundHoverColors };

src/consts/buttonStyles.ts

@@ -0,0 +1,31 @@
+import { ButtonStyle } from "../types/button";
+
+const backgroundColors: ButtonStyle = {
+  cta: "bg-[#00BED7] hover:bg-[#00A8BE]",
+  primary: "bg-[#ffffff] hover:bg-[#F3F3F2]",
+  tertiary: "bg-[#0D192266] hover:bg-[#0D1922B2]",
+  fab: "bg-[#ffffff] hover:bg-[#F3F3F2]",
+};
+
+const textColors: ButtonStyle = {
+  cta: "text-[#ffffff]",
+  primary: "text-[#0D1922]",
+  tertiary: "text-[#ffffff]",
+  fab: "text-[#ffffff]",
+};
+
+const borders: ButtonStyle = {
+  cta: "rounded-lg",
+  primary: "rounded-lg",
+  tertiary: "rounded-full",
+  fab: "rounded-full",
+};
+
+const paddings = {
+  cta: "py-3 px-6",
+  primary: "py-3 px-6",
+  tertiary: "py-1 px-3",
+  fab: "py-3 px-6",
+};
+
+export { textColors, backgroundColors, borders, paddings };

src/consts/markers.ts

@@ -2,19 +2,26 @@ import { Marker } from "../types/marker";
 
 const markers: Marker[] = [
   {
-    top: 37.5,
-    left: 50,
+    top: 38.2,
+    left: 54,
     itemNumber: 0,
     popup: "/images/markers/popups/1.svg",
     isPopupLeft: true,
   },
   {
-    top: 40.5,
+    top: 39.5,
     left: 56,
     itemNumber: 1,
     popup: "/images/markers/popups/1.svg",
     isPopupLeft: false,
   },
+  {
+    top: 73,
+    left: 22.5,
+    itemNumber: 2,
+    popup: "/images/markers/popups/1.svg",
+    isPopupLeft: false,
+  },
 ];
 
 export { markers };