diff --git a/assets/heartFilled.png b/assets/heartFilled.png
new file mode 100644
index 0000000..e459771
Binary files /dev/null and b/assets/heartFilled.png differ
diff --git a/assets/heartOutline.png b/assets/heartOutline.png
new file mode 100644
index 0000000..bbf0d9f
Binary files /dev/null and b/assets/heartOutline.png differ
diff --git a/components/Car/Card.client.vue b/components/Car/Card.client.vue
new file mode 100644
index 0000000..89917ab
--- /dev/null
+++ b/components/Car/Card.client.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{car.name}}
+
{{car.description}}
+
+
$39,555
+
+
+
+
\ No newline at end of file
diff --git a/components/Car/Card.vue b/components/Car/Card.vue
deleted file mode 100644
index c71faf0..0000000
--- a/components/Car/Card.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-
-
-
-
-
-
-
-
-
-
{{car.name}}
-
{{car.description}}
-
-
$39,555
-
-
-
-
\ No newline at end of file
diff --git a/components/Car/Cards.vue b/components/Car/Cards.vue
index 82926ab..f894d4e 100644
--- a/components/Car/Cards.vue
+++ b/components/Car/Cards.vue
@@ -1,9 +1,28 @@
-
+
+
+
\ No newline at end of file
diff --git a/components/Car/Detail/Hero.vue b/components/Car/Detail/Hero.vue
index 3ca4c0f..b5a261d 100644
--- a/components/Car/Detail/Hero.vue
+++ b/components/Car/Detail/Hero.vue
@@ -8,7 +8,7 @@