From 75e3ec7d21bcb073bd9f456276e7969f906081c4 Mon Sep 17 00:00:00 2001
From: Morgan <103436411+MorganKryze@users.noreply.github.com>
Date: Wed, 17 Apr 2024 20:35:05 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=84=20setup=20ireland=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/src/pages/collections/ireland.astro | 69 ++++++-------------------
 1 file changed, 15 insertions(+), 54 deletions(-)

diff --git a/src/src/pages/collections/ireland.astro b/src/src/pages/collections/ireland.astro
index f6a80ce..473e093 100644
--- a/src/src/pages/collections/ireland.astro
+++ b/src/src/pages/collections/ireland.astro
@@ -2,59 +2,20 @@
 import "../../styles/global.css";
 import "../../animations/hide.astro";
 
-import Spacer from "../../components/Spacer.astro";
-import Layout from "../../layouts/MainLayout.astro";
+import CollectionLayout from "../../layouts/CollectionLayout.astro";
+import GalleryImage from "../../components/GalleryImage.astro";
 ---
 
-<Layout currentPage="collections">
-  <main class="text-white min-h-screen">
-    <section class="container mx-auto px-4 py-8">
-      <Spacer size="h-24" />
-      <h1 class="text-4xl font-bold">Ireland</h1>
-
-      <Spacer size="h-16" />
-
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-        <div class="flex flex-col gap-4">
-          <img
-            src="/img/france/im1.jpg"
-            alt="Left-im1"
-            class="w-full object-cover rounded-md hide-1"
-            loading="eager"
-          />
-          <img
-            src="/img/france/im2.jpg"
-            alt="Left-im2"
-            class="w-full object-cover rounded-md hide-2"
-          />
-        </div>
-        <div class="flex flex-col gap-4">
-          <img
-            src="/img/france/im3.jpg"
-            alt="Center-im1"
-            class="w-full object-cover rounded-md hide-1"
-            loading="eager"
-          />
-          <img
-            src="/img/france/im4.jpg"
-            alt="Center-im2"
-            class="w-full object-cover rounded-md hide-2"
-          />
-        </div>
-        <div class="flex flex-col gap-4">
-          <img
-            src="/img/france/im5.jpg"
-            alt="Rigth-im1"
-            class="w-full object-cover rounded-md hide-1"
-            loading="eager"
-          />
-          <img
-            src="/img/france/im6.jpg"
-            alt="Rigth-im2"
-            class="w-full object-cover rounded-md hide-2"
-          />
-        </div>
-      </div>
-    </section>
-  </main>
-</Layout>
+<CollectionLayout
+  currentPage="collections"
+  title="Ireland"
+  description={`Soon..`}
+  previousCollectionTitle="Sardegna"
+  previousCollectionLink="sardegna"
+  nextCollectionTitle="France"
+  nextCollectionLink="france"
+>
+  <div id="Column-Left" class="flex flex-col gap-6"></div>
+  <div id="Column-Center" class="flex flex-col gap-6"></div>
+  <div id="Column-Right" class="flex flex-col gap-6"></div>
+</CollectionLayout>