From 168ee86f3772678cd407a03403f2131cb198379e Mon Sep 17 00:00:00 2001
From: juliaam <juliademoraess@gmail.com>
Date: Mon, 29 Jul 2024 17:48:49 -0300
Subject: [PATCH] fix: cards and margin in petvet

---
 src/components/AddPet/index.js          | 62 ++++++++++++++++++++++++-
 src/layouts/app/pages/PetVet/index.scss |  2 +
 2 files changed, 63 insertions(+), 1 deletion(-)

diff --git a/src/components/AddPet/index.js b/src/components/AddPet/index.js
index 1e67f65b..74730448 100644
--- a/src/components/AddPet/index.js
+++ b/src/components/AddPet/index.js
@@ -9,9 +9,69 @@ import PetRegister from '../../layouts/app/pages/PetRegister';
 
 import arrowLeft from './assets/arrow-left.svg';
 
+import afghanHound from '../../stories/assets/petRegisterPage/afghanHound.svg';
+import akita from '../../stories/assets/petRegisterPage/akita.svg';
+import beagle from '../../stories/assets/petRegisterPage/beagle.svg';
+import bichonFrise from '../../stories/assets/petRegisterPage/bichonFrise.svg';
+import borderCollie from '../../stories/assets/petRegisterPage/borderCollie.svg';
+import boxer from '../../stories/assets/petRegisterPage/boxer.svg';
+import chowChow from '../../stories/assets/petRegisterPage/chowChow.svg';
+import mixedBreed from '../../stories/assets/petRegisterPage/mixedBreed.svg';
+
 import './index.scss';
 
-const cards = [];
+const cards = [
+  {
+    title: 'Akita',
+    imgSrc: akita,
+    imgAlt: 'akita',
+  },
+  {
+    title: 'Boxer',
+    imgSrc: boxer,
+    imgAlt: 'boxer',
+  },
+  {
+    title: 'Akita',
+    imgSrc: akita,
+    imgAlt: 'akita',
+  },
+  {
+    title: 'Boxer',
+    imgSrc: boxer,
+    imgAlt: 'boxer',
+  },
+  {
+    title: 'Beagle',
+    imgSrc: beagle,
+    imgAlt: 'beagle',
+  },
+  {
+    title: 'Afghan Hound',
+    imgSrc: afghanHound,
+    imgAlt: 'afghan hound',
+  },
+  {
+    title: 'Bichon Frise',
+    imgSrc: bichonFrise,
+    imgAlt: 'bichon frise',
+  },
+  {
+    title: 'Chow Chow',
+    imgSrc: chowChow,
+    imgAlt: 'chow chow',
+  },
+  {
+    title: 'Border Collie',
+    imgSrc: borderCollie,
+    imgAlt: 'border collie',
+  },
+  {
+    title: 'Mixed Breed',
+    imgSrc: mixedBreed,
+    imgAlt: 'mixed breed',
+  },
+];
 
 const steps = new Map();
 steps.set(1, 'Petraça');
diff --git a/src/layouts/app/pages/PetVet/index.scss b/src/layouts/app/pages/PetVet/index.scss
index cbcbb5e5..3b25cd52 100644
--- a/src/layouts/app/pages/PetVet/index.scss
+++ b/src/layouts/app/pages/PetVet/index.scss
@@ -95,6 +95,8 @@
     display: flex;
 
     justify-content: center;
+
+    margin-top: auto;
   }
 
   &__button {