diff --git a/app/assets/images/caro/img1.jpg b/app/assets/images/caro/img1.jpg
new file mode 100644
index 0000000..e969853
Binary files /dev/null and b/app/assets/images/caro/img1.jpg differ
diff --git a/app/assets/images/caro/img10.jpg b/app/assets/images/caro/img10.jpg
new file mode 100644
index 0000000..82d24e2
Binary files /dev/null and b/app/assets/images/caro/img10.jpg differ
diff --git a/app/assets/images/caro/img11.jpg b/app/assets/images/caro/img11.jpg
new file mode 100644
index 0000000..d5fd45c
Binary files /dev/null and b/app/assets/images/caro/img11.jpg differ
diff --git a/app/assets/images/caro/img12.jpg b/app/assets/images/caro/img12.jpg
new file mode 100644
index 0000000..36eb641
Binary files /dev/null and b/app/assets/images/caro/img12.jpg differ
diff --git a/app/assets/images/caro/img13.jpg b/app/assets/images/caro/img13.jpg
new file mode 100644
index 0000000..e5ef192
Binary files /dev/null and b/app/assets/images/caro/img13.jpg differ
diff --git a/app/assets/images/caro/img2.jpg b/app/assets/images/caro/img2.jpg
new file mode 100644
index 0000000..81d8758
Binary files /dev/null and b/app/assets/images/caro/img2.jpg differ
diff --git a/app/assets/images/caro/img3.jpg b/app/assets/images/caro/img3.jpg
new file mode 100644
index 0000000..94d34c7
Binary files /dev/null and b/app/assets/images/caro/img3.jpg differ
diff --git a/app/assets/images/caro/img4.jpg b/app/assets/images/caro/img4.jpg
new file mode 100644
index 0000000..bb23996
Binary files /dev/null and b/app/assets/images/caro/img4.jpg differ
diff --git a/app/assets/images/caro/img5.jpg b/app/assets/images/caro/img5.jpg
new file mode 100644
index 0000000..4e012ea
Binary files /dev/null and b/app/assets/images/caro/img5.jpg differ
diff --git a/app/assets/images/caro/img6.jpg b/app/assets/images/caro/img6.jpg
new file mode 100644
index 0000000..67daf8b
Binary files /dev/null and b/app/assets/images/caro/img6.jpg differ
diff --git a/app/assets/images/caro/img7.jpg b/app/assets/images/caro/img7.jpg
new file mode 100644
index 0000000..1bb9aa5
Binary files /dev/null and b/app/assets/images/caro/img7.jpg differ
diff --git a/app/assets/images/caro/img8.jpg b/app/assets/images/caro/img8.jpg
new file mode 100644
index 0000000..f21b842
Binary files /dev/null and b/app/assets/images/caro/img8.jpg differ
diff --git a/app/assets/images/caro/img9.jpg b/app/assets/images/caro/img9.jpg
new file mode 100644
index 0000000..b803d0a
Binary files /dev/null and b/app/assets/images/caro/img9.jpg differ
diff --git a/app/layouts/MainLayout.vue b/app/layouts/MainLayout.vue
index c34969a..873fda4 100644
--- a/app/layouts/MainLayout.vue
+++ b/app/layouts/MainLayout.vue
@@ -18,6 +18,11 @@ const links = [
         label: 'Leagues',
         icon: 'i-heroicons-users',
         to: `/leagues`
+    },
+    {
+        label: 'Rules',
+        icon: 'i-heroicons-book',
+        to: 'https://rules.wfdf.sport/'
     }
 ]
 
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 08e051a..8831a0b 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -7,16 +7,36 @@ useSeoMeta({
 })
 
 import MainLayout from "~/layouts/MainLayout.vue";
-import img1 from "~/assets/images/asset1.jpg"
-import img2 from "~/assets/images/asset2.jpg"
-import img3 from "~/assets/images/asset3.jpg"
+import img1 from "~/assets/images/caro/img1.jpg"
+import img2 from "~/assets/images/caro/img2.jpg"
+import img3 from "~/assets/images/caro/img3.jpg"
+import img4 from "~/assets/images/caro/img4.jpg"
+import img5 from "~/assets/images/caro/img5.jpg"
+import img6 from "~/assets/images/caro/img6.jpg"
+import img7 from "~/assets/images/caro/img7.jpg"
+import img8 from "~/assets/images/caro/img8.jpg"
+import img9 from "~/assets/images/caro/img9.jpg"
+import img10 from "~/assets/images/caro/img10.jpg"
+import img11 from "~/assets/images/caro/img11.jpg"
+import img12 from "~/assets/images/caro/img12.jpg"
+import img13 from "~/assets/images/caro/img13.jpg"
 import LandingSection from "~/layouts/LandingSection.vue";
 
 const carouselRef = ref()
 const items = [
     img1,
     img2,
-    img3
+    img3,
+    img4,
+    img5,
+    img6,
+    img7,
+    img8,
+    img9,
+    img10,
+    img11,
+    img12,
+    img13
 ]
 
 onMounted(() => {