LexirIO · MateoRNV · Aug 30, 2022 · Aug 31, 2022 · Aug 31, 2022 · Aug 31, 2022
diff --git a/package.json b/package.json
@@ -16,8 +16,11 @@
   "devDependencies": {
     "@types/node": "^18.7.13",
     "@types/react": "^18.0.17",
+    "autoprefixer": "^10.4.8",
     "eslint": "8.23.0",
     "eslint-config-next": "12.2.5",
+    "postcss": "^8.4.16",
+    "tailwindcss": "^3.1.8",
     "typescript": "^4.8.2"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/src/Models.ts b/src/Models.ts
@@ -0,0 +1,22 @@
+export const enum Category {
+    Gin = "Gin", Vodka = "Vodka", Brandy = "Brandy", Cachaca ="Cachaça"
+}
+
+export interface Brand{
+    id: number;
+    name: string;
+    fullName: string;
+    logo: any;
+    description: string;
+    location: string;
+    categories: Category[];
+}
+
+export interface Product{
+    id: number;
+    name: string;
+    fullName: string;
+    price: number;
+    image: any;
+    category: Category;
+}
diff --git a/src/api/brands.ts b/src/api/brands.ts
@@ -0,0 +1,35 @@
+import { Brand, Category } from "src/Models";
+import baldorianLogo from "../assets/images/Brands/baldoriaLogo.png";
+import novoFogoLogo from "../assets/images/Brands/novoFogo.png";
+
+const baldoria = {
+    id: 1,
+    name: "Baldoria",
+    fullName: "Baldoria Vermounth",
+    logo: baldorianLogo,
+    description: "Badoria rosso is a red vermouth that balances fresh, herby bitter notes against. Kiss My Rhubarb takes its origins from an old handwritten recipe from co-creators Niels’ and Wouters’ rebellious grandparents.",
+    location: "London, United Kindom",
+    categories: [Category.Gin, Category.Vodka],
+}
+const novoFogo = {
+    id: 2,
+    name: "novoFogo",
+    fullName: "Novo Fogo",
+    logo: novoFogoLogo,
+    description: "100%-organic, zero-waste cachaças from the Brazilian rainforest that are made with the best ingredients and the best quality.",
+    location: "Morretes, Brazil",
+    categories: [Category.Cachaca],
+}
+
+function getBrandByName(name: string): Brand{
+    if(name == "novoFogo"){
+        return novoFogo
+    }else{
+        return baldoria
+    }
+}
+function getAllBrands(): Brand[]{
+    return [baldoria, novoFogo]
+}
+
+export default {getBrandByName, getAllBrands}
diff --git a/src/api/products.ts b/src/api/products.ts
@@ -0,0 +1,182 @@
+// This is a fake api for testing purposes
+
+//Import Baldoria images
+import branneri from "../assets/images/Products/branneri.jpg";
+import gaston from "../assets/images/Products/gaston.jpg";
+import silentPool from "../assets/images/Products/silentPool.jpg";
+import umami from "../assets/images/Products/umami.jpg";
+import { Category, Product } from "src/Models";
+
+// Import novoFogo images
+import chameleon from "../assets/images/Products/chameleon1.jpg";
+import tanager from "../assets/images/Products/tanager1.jpg";
+import barrelAged from "../assets/images/Products/barrelAged1.jpg";
+import silver from "../assets/images/Products/silver1.jpg";
+
+
+const baldoriaProducts =
+    [
+        {
+            id: 1,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: umami,
+        }, {
+            id: 2,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: silentPool,
+        }, {
+            id: 3,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: branneri,
+        }, {
+            id: 4,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: gaston,
+        },
+        // second
+        {
+            id: 5,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: umami,
+        }, {
+            id: 6,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: silentPool,
+        }, {
+            id: 7,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: branneri,
+        }, {
+            id: 8,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: gaston,
+        },
+        // third
+        {
+            id: 9,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: umami,
+        }, {
+            id: 10,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: silentPool,
+        }, {
+            id: 11,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: branneri,
+        }, {
+            id: 12,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: gaston,
+        },
+        // fourth
+        {
+            id: 13,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: umami,
+        }, {
+            id: 14,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: silentPool,
+        }, {
+            id: 15,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: branneri,
+        }, {
+            id: 16,
+            name: "gaston",
+            fullName: "MR GASTON",
+            price: 32,
+            category: Category.Brandy,
+            image: gaston,
+        }
+    ]
+const novoFogoProducts =[
+    {
+        id: 1,
+        name: "chameleon",
+        fullName: "Chameleon",
+        price: 41,
+        category: Category.Cachaca,
+        image: chameleon,
+    },
+    {
+        id: 2,
+        name: "tanager",
+        fullName: "Tanager",
+        price: 49,
+        category: Category.Cachaca,
+        image: tanager,
+    },
+    {
+        id: 3,
+        name: "barrelAged",
+        fullName: "Barrel-Aged",
+        price: 48,
+        category: Category.Cachaca,
+        image: barrelAged,
+    },
+    {
+        id: 4,
+        name: "silver",
+        fullName: "Silver",
+        price: 36,
+        category: Category.Cachaca,
+        image: silver,
+    },
+]
+
+function getProductsByBrand(name: string): Product[] {
+    if(name == "novoFogo"){
+        return novoFogoProducts
+    }else{
+        return baldoriaProducts
+    }
+}
+
+export default { getProductsByBrand }
diff --git a/src/assets/icons/addIcon.tsx b/src/assets/icons/addIcon.tsx
@@ -0,0 +1,7 @@
+export default function AddIcon() {
+    return <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path   d="M9.5 3.95833C9.93722 3.95833 10.2917 4.31277 10.2917 4.74999V14.25C10.2917 14.6872 9.93722 15.0417 9.5 15.0417C9.06277 15.0417 8.70833 14.6872 8.70833 14.25V4.74999C8.70833 4.31277 9.06277 3.95833 9.5 3.95833Z" fill="#2D2D2D" />
+        <path   d="M3.95833 9.5C3.95833 9.06277 4.31277 8.70833 4.75 8.70833H14.25C14.6872 8.70833 15.0417 9.06277 15.0417 9.5C15.0417 9.93722 14.6872 10.2917 14.25 10.2917H4.75C4.31277 10.2917 3.95833 9.93722 3.95833 9.5Z" fill="#2D2D2D" />
+    </svg>
+
+}
diff --git a/src/assets/icons/basketIcon.tsx b/src/assets/icons/basketIcon.tsx
@@ -0,0 +1,9 @@
+export default function BasketIcon() {
+    return(
+    <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M15.2355 12.1683L12.0721 6.0293H9.91521L6.89561 12.1683H1.00018L3.58842 20.1042C4.01979 21.4518 5.31391 22.4999 6.75182 22.4999H15.3793C16.8172 22.4999 17.9675 21.6015 18.5427 20.1042L21.1309 12.1683H15.2355ZM10.778 7.52662H11.2093L13.51 12.1683H8.47731L10.778 7.52662ZM17.1048 19.655C16.8172 20.4036 16.0982 21.0026 15.3793 21.0026H6.75182C6.03286 21.0026 5.31391 20.4036 5.02633 19.655L3.01325 13.6657H18.974L17.1048 19.655Z" fill="#2D2D2D" stroke="#2D2D2D"  />
+        <circle cx="18.6476" cy="7.20588" r="5.2549" fill="#1C8C64" stroke="white"  />
+        <path d="M17.4674 6.06901C17.4924 5.89568 17.5407 5.74401 17.6124 5.61401C17.684 5.48235 17.7732 5.37318 17.8799 5.28651C17.9882 5.19818 18.1115 5.13235 18.2499 5.08901C18.3899 5.04401 18.5399 5.02151 18.6999 5.02151C18.8665 5.02151 19.0165 5.04568 19.1499 5.09401C19.2849 5.14068 19.3999 5.20651 19.4949 5.29151C19.5899 5.37485 19.6624 5.47318 19.7124 5.58651C19.764 5.69985 19.7899 5.82235 19.7899 5.95401C19.7899 6.06901 19.7765 6.17068 19.7499 6.25901C19.7249 6.34568 19.6882 6.42151 19.6399 6.48651C19.5915 6.55151 19.5315 6.60651 19.4599 6.65151C19.3882 6.69651 19.3074 6.73401 19.2174 6.76401C19.434 6.83235 19.5957 6.93651 19.7024 7.07651C19.809 7.21651 19.8624 7.39235 19.8624 7.60401C19.8624 7.78401 19.829 7.94318 19.7624 8.08151C19.6957 8.21985 19.6057 8.33651 19.4924 8.43151C19.379 8.52485 19.2474 8.59568 19.0974 8.64401C18.949 8.69235 18.7915 8.71651 18.6249 8.71651C18.4432 8.71651 18.2849 8.69568 18.1499 8.65401C18.0149 8.61235 17.8974 8.55068 17.7974 8.46901C17.6974 8.38735 17.6124 8.28735 17.5424 8.16901C17.4724 8.05068 17.4124 7.91401 17.3624 7.75901L17.6349 7.64651C17.7065 7.61651 17.7732 7.60901 17.8349 7.62401C17.8982 7.63735 17.944 7.67068 17.9724 7.72401C18.0024 7.78235 18.0349 7.83985 18.0699 7.89651C18.1065 7.95318 18.1499 8.00401 18.1999 8.04901C18.2499 8.09235 18.3082 8.12818 18.3749 8.15651C18.4432 8.18318 18.524 8.19651 18.6174 8.19651C18.7224 8.19651 18.814 8.17985 18.8924 8.14651C18.9707 8.11151 19.0357 8.06651 19.0874 8.01151C19.1407 7.95651 19.1799 7.89568 19.2049 7.82901C19.2315 7.76068 19.2449 7.69235 19.2449 7.62401C19.2449 7.53735 19.2357 7.45901 19.2174 7.38901C19.199 7.31735 19.1607 7.25651 19.1024 7.20651C19.044 7.15651 18.9599 7.11735 18.8499 7.08901C18.7415 7.06068 18.5957 7.04651 18.4124 7.04651V6.60651C18.564 6.60485 18.6899 6.59068 18.7899 6.56401C18.8899 6.53735 18.969 6.50068 19.0274 6.45401C19.0874 6.40568 19.129 6.34818 19.1524 6.28151C19.1757 6.21485 19.1874 6.14151 19.1874 6.06151C19.1874 5.89151 19.1399 5.76235 19.0449 5.67401C18.9499 5.58568 18.8232 5.54151 18.6649 5.54151C18.5915 5.54151 18.524 5.55235 18.4624 5.57401C18.4007 5.59401 18.3449 5.62318 18.2949 5.66151C18.2465 5.69818 18.2057 5.74151 18.1724 5.79151C18.139 5.84151 18.114 5.89651 18.0974 5.95651C18.069 6.03318 18.0315 6.08401 17.9849 6.10901C17.9399 6.13401 17.8757 6.13985 17.7924 6.12651L17.4674 6.06901Z" fill="white" />
+    </svg>
+    )
+}
diff --git a/src/assets/icons/categoriesIcon.tsx b/src/assets/icons/categoriesIcon.tsx
@@ -0,0 +1,8 @@
+export default function CategoriesIcon() {
+    return <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M22 6.25L11.5 1L1 6.25V16.75L11.5 22L22 16.75V6.25Z" stroke="black"  />
+        <path d="M1 6.25L11.5 11.5M11.5 22V11.5M22 6.25L11.5 11.5M16.75 3.625L6.25 8.875" stroke="black" />
+    </svg>
+
+
+}
diff --git a/src/assets/icons/contacts/facebook.tsx b/src/assets/icons/contacts/facebook.tsx
@@ -0,0 +1,6 @@
+export default function AddIcon() {
+    return <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M17.5 3H7.5C5.291 3 3.5 4.791 3.5 7V17C3.5 19.209 5.291 21 7.5 21H13.121V14.039H10.778V11.314H13.121V9.309C13.121 6.985 14.542 5.718 16.616 5.718C17.315 5.716 18.013 5.752 18.708 5.823V8.253H17.28C16.15 8.253 15.93 8.787 15.93 9.575V11.31H18.63L18.279 14.035H15.914V21H17.5C19.709 21 21.5 19.209 21.5 17V7C21.5 4.791 19.709 3 17.5 3Z" fill="white" />
+    </svg>
+
+}
diff --git a/src/assets/icons/contacts/instagram.tsx b/src/assets/icons/contacts/instagram.tsx
@@ -0,0 +1,5 @@
+export default function AddIcon() {
+    return <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M8.5 3C5.739 3 3.5 5.239 3.5 8V16C3.5 18.761 5.739 21 8.5 21H16.5C19.261 21 21.5 18.761 21.5 16V8C21.5 5.239 19.261 3 16.5 3H8.5ZM18.5 5C19.052 5 19.5 5.448 19.5 6C19.5 6.552 19.052 7 18.5 7C17.948 7 17.5 6.552 17.5 6C17.5 5.448 17.948 5 18.5 5ZM12.5 7C15.261 7 17.5 9.239 17.5 12C17.5 14.761 15.261 17 12.5 17C9.739 17 7.5 14.761 7.5 12C7.5 9.239 9.739 7 12.5 7ZM12.5 9C11.7044 9 10.9413 9.31607 10.3787 9.87868C9.81607 10.4413 9.5 11.2044 9.5 12C9.5 12.7956 9.81607 13.5587 10.3787 14.1213C10.9413 14.6839 11.7044 15 12.5 15C13.2956 15 14.0587 14.6839 14.6213 14.1213C15.1839 13.5587 15.5 12.7956 15.5 12C15.5 11.2044 15.1839 10.4413 14.6213 9.87868C14.0587 9.31607 13.2956 9 12.5 9Z" fill="white" />
+    </svg>
+}
diff --git a/src/assets/icons/contacts/linkedin.tsx b/src/assets/icons/contacts/linkedin.tsx
@@ -0,0 +1,13 @@
+export default function AddIcon() {
+    return <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clipPath="url(#clip0_326_556)">
+            <path fillRule="evenodd" clipRule="evenodd" d="M7.5 3C5.29086 3 3.5 4.79086 3.5 7V17C3.5 19.2091 5.29086 21 7.5 21H17.5C19.7091 21 21.5 19.2091 21.5 17V7C21.5 4.79086 19.7091 3 17.5 3H7.5ZM6.5 12C6.5 11.3 7.1 10.7 7.8 10.7C8.5 10.7 9.1 11.2 9.1 11.9V16.5C9.1 17.2 8.5 17.8 7.8 17.8C7.1 17.8 6.5 17.2 6.5 16.5V12ZM7.9 7C7 7 6.5 7.5 6.5 8.2C6.5 8.9 7 9.4 7.8 9.4C8.7 9.4 9.2 8.9 9.2 8.2C9.2 7.5 8.6 7 7.9 7ZM13.7 12C13.7 12 14 10.7 15.9 10.7C17.1 10.7 18.1 11.7 18.1 13.9V16.5C18.1 17.2 17.6 17.7 16.9 17.7C16.2 17.7 15.7 17.2 15.7 16.5V13.9C15.7 12.8 15.1 12.7 14.8 12.7C14.5 12.7 13.7 12.8 13.7 13.9V16.5C13.7 17.2 13.2 17.7 12.5 17.7H12.3C11.6 17.7 11.1 17.2 11.1 16.5V12C11.1 11.3 11.7 10.7 12.4 10.7C13.1 10.7 13.7 11.3 13.7 12Z" fill="white" />
+        </g>
+        <defs>
+            <clipPath id="clip0_326_556">
+                <rect width="24" height="24" fill="white" transform="translate(0.5)" />
+            </clipPath>
+        </defs>
+    </svg>
+
+}
diff --git a/src/assets/icons/contacts/medium.tsx b/src/assets/icons/contacts/medium.tsx
@@ -0,0 +1,12 @@
+export default function AddIcon() {
+    return <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g>
+            <path fillRule="evenodd"  d="M7.5 3C5.29086 3 3.5 4.79086 3.5 7V17C3.5 19.2091 5.29086 21 7.5 21H17.5C19.7091 21 21.5 19.2091 21.5 17V7C21.5 4.79086 19.7091 3 17.5 3H7.5ZM9.44788 16C11.6277 16 13.3958 14.2092 13.3958 12C13.3958 9.79082 11.6277 8 9.44788 8C7.26803 8 5.5 9.79217 5.5 12C5.5 14.2078 7.26803 16 9.44788 16ZM17.7285 12.0005C17.7285 14.0801 16.8445 15.7657 15.7539 15.7657C14.6633 15.7657 13.7793 14.0801 13.7793 12.0005C13.7793 9.92087 14.6633 8.2353 15.7539 8.2353C16.8445 8.2353 17.7285 9.92087 17.7285 12.0005ZM18.8062 15.3763C19.1899 15.3763 19.5011 13.8662 19.5011 12.0039C19.5011 10.1402 19.1899 8.6314 18.8062 8.6314C18.4225 8.6314 18.1113 10.1415 18.1113 12.0039C18.1113 13.8662 18.4225 15.3763 18.8062 15.3763Z" fill="white" />
+        </g>
+        <defs>
+            <clipPath id="clip0_326_570">
+                <rect width="24" height="24" fill="white" transform="translate(0.5)" />
+            </clipPath>
+        </defs>
+    </svg>
+}
diff --git a/src/assets/icons/locationIcon.tsx b/src/assets/icons/locationIcon.tsx
@@ -0,0 +1,7 @@
+export default function LocationIcon() {
+    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M11.9027 5.9809C11.3094 5.9809 10.7293 6.15684 10.236 6.48649C9.74265 6.81613 9.35814 7.28467 9.13107 7.83284C8.90401 8.38102 8.8446 8.98422 8.96036 9.56616C9.07611 10.1481 9.36183 10.6827 9.78139 11.1022C10.2009 11.5218 10.7355 11.8075 11.3174 11.9232C11.8994 12.039 12.5026 11.9796 13.0508 11.7525C13.5989 11.5255 14.0675 11.1409 14.3971 10.6476C14.7268 10.1543 14.9027 9.57424 14.9027 8.98089C14.9018 8.18552 14.5854 7.42299 14.023 6.86057C13.4606 6.29816 12.6981 5.9818 11.9027 5.9809ZM11.9027 10.4809C11.606 10.4809 11.316 10.3929 11.0694 10.2281C10.8227 10.0633 10.6304 9.82901 10.5169 9.55492C10.4034 9.28083 10.3737 8.97923 10.4315 8.68826C10.4894 8.39729 10.6323 8.13001 10.8421 7.92023C11.0518 7.71045 11.3191 7.56759 11.6101 7.50972C11.901 7.45184 12.2026 7.48154 12.4767 7.59508C12.7508 7.70861 12.9851 7.90086 13.1499 8.14754C13.3147 8.39421 13.4027 8.68422 13.4027 8.98089C13.4023 9.37858 13.2441 9.75984 12.9629 10.041C12.6817 10.3222 12.3004 10.4804 11.9027 10.4809Z" fill="#2D2D2D"/>
+    <path d="M17.6675 3.21164C16.2421 1.78666 14.3395 0.940164 12.3267 0.835526C10.314 0.730889 8.33378 1.37553 6.76836 2.64503C5.20295 3.91453 4.16326 5.71889 3.84997 7.70987C3.53668 9.70085 3.972 11.7373 5.0719 13.4262L10.7394 22.1268C10.8655 22.3204 11.038 22.4795 11.2411 22.5896C11.4443 22.6997 11.6717 22.7574 11.9027 22.7574C12.1338 22.7574 12.3612 22.6997 12.5643 22.5896C12.7675 22.4795 12.9399 22.3204 13.0661 22.1268L18.7338 13.4262C19.7543 11.8595 20.2054 9.98961 20.0112 8.12992C19.8171 6.27023 18.9896 4.53379 17.6675 3.21164V3.21164ZM17.4769 12.6074L11.9028 21.1645L6.32852 12.6074C4.62227 9.98812 4.98823 6.48281 7.19866 4.27228C7.81641 3.65452 8.54978 3.16448 9.35691 2.83015C10.164 2.49582 11.0291 2.32374 11.9028 2.32374C12.7764 2.32374 13.6415 2.49582 14.4486 2.83015C15.2557 3.16448 15.9891 3.65452 16.6068 4.27228C18.8173 6.48281 19.1832 9.98812 17.4769 12.6074Z" fill="#2D2D2D"/>
+    </svg>
+    )
+}
diff --git a/src/assets/icons/profileIcon.tsx b/src/assets/icons/profileIcon.tsx
@@ -0,0 +1,7 @@
+export default function ProfileIcon() {
+    return <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M12 6.5C11.2583 6.5 10.5333 6.71993 9.91661 7.13199C9.29993 7.54404 8.81928 8.12971 8.53545 8.81494C8.25162 9.50016 8.17736 10.2542 8.32206 10.9816C8.46675 11.709 8.8239 12.3772 9.34835 12.9017C9.8728 13.4261 10.541 13.7833 11.2684 13.9279C11.9958 14.0726 12.7498 13.9984 13.4351 13.7145C14.1203 13.4307 14.706 12.9501 15.118 12.3334C15.5301 11.7167 15.75 10.9917 15.75 10.25C15.75 9.25544 15.3549 8.30161 14.6517 7.59835C13.9484 6.89509 12.9946 6.5 12 6.5ZM12 12.5C11.555 12.5 11.12 12.368 10.75 12.1208C10.38 11.8736 10.0916 11.5222 9.92127 11.111C9.75098 10.6999 9.70642 10.2475 9.79323 9.81105C9.88005 9.37459 10.0943 8.97368 10.409 8.65901C10.7237 8.34434 11.1246 8.13005 11.561 8.04323C11.9975 7.95642 12.4499 8.00097 12.861 8.17127C13.2722 8.34157 13.6236 8.62996 13.8708 8.99997C14.118 9.36998 14.25 9.80499 14.25 10.25C14.2494 10.8466 14.0122 11.4185 13.5903 11.8403C13.1685 12.2622 12.5966 12.4994 12 12.5Z" fill="#2D2D2D" />
+        <path d="M12 2C9.9233 2 7.89323 2.61581 6.16652 3.76957C4.4398 4.92332 3.09399 6.5632 2.29927 8.48182C1.50455 10.4004 1.29661 12.5116 1.70176 14.5484C2.1069 16.5852 3.10693 18.4562 4.57538 19.9246C6.04383 21.3931 7.91476 22.3931 9.95156 22.7982C11.9884 23.2034 14.0996 22.9955 16.0182 22.2007C17.9368 21.406 19.5767 20.0602 20.7304 18.3335C21.8842 16.6068 22.5 14.5767 22.5 12.5C22.4968 9.7162 21.3896 7.04733 19.4211 5.07889C17.4527 3.11044 14.7838 2.00318 12 2V2ZM7.50001 20.2828V19.25C7.5006 18.6534 7.73784 18.0815 8.15967 17.6597C8.5815 17.2378 9.15345 17.0006 9.75001 17H14.25C14.8466 17.0006 15.4185 17.2378 15.8403 17.6597C16.2622 18.0815 16.4994 18.6534 16.5 19.25V20.2828C15.1344 21.0802 13.5814 21.5004 12 21.5004C10.4186 21.5004 8.86563 21.0802 7.50001 20.2828V20.2828ZM17.994 19.1945C17.9791 18.2107 17.5782 17.2722 16.8779 16.5812C16.1776 15.8901 15.2339 15.5019 14.25 15.5H9.75001C8.76614 15.5019 7.82238 15.8901 7.12207 16.5812C6.42176 17.2722 6.02095 18.2107 6.006 19.1945C4.64593 17.9801 3.6868 16.3812 3.25563 14.6095C2.82446 12.8378 2.94158 10.977 3.59148 9.27339C4.24139 7.56978 5.39342 6.10375 6.89503 5.06942C8.39665 4.0351 10.177 3.48127 12.0004 3.48127C13.8237 3.48127 15.6041 4.0351 17.1057 5.06942C18.6073 6.10375 19.7594 7.56978 20.4093 9.27339C21.0592 10.977 21.1763 12.8378 20.7451 14.6095C20.314 16.3812 19.3548 17.9801 17.9948 19.1945H17.994Z" fill="#2D2D2D" />
+    </svg>
+
+}
diff --git a/src/assets/images/Brands/baldoriaLogo.png b/src/assets/images/Brands/baldoriaLogo.png
diff --git a/src/assets/images/Brands/novoFogo.png b/src/assets/images/Brands/novoFogo.png
diff --git a/src/assets/images/Products/barrelAged1.jpg b/src/assets/images/Products/barrelAged1.jpg
diff --git a/src/assets/images/Products/branneri.jpg b/src/assets/images/Products/branneri.jpg
diff --git a/src/assets/images/Products/chameleon1.jpg b/src/assets/images/Products/chameleon1.jpg
diff --git a/src/assets/images/Products/gaston.jpg b/src/assets/images/Products/gaston.jpg
diff --git a/src/assets/images/Products/silentPool.jpg b/src/assets/images/Products/silentPool.jpg
diff --git a/src/assets/images/Products/silver1.jpg b/src/assets/images/Products/silver1.jpg
diff --git a/src/assets/images/Products/tanager1.jpg b/src/assets/images/Products/tanager1.jpg
diff --git a/src/assets/images/Products/umami.jpg b/src/assets/images/Products/umami.jpg