diff --git a/resources/views/components/cards/arch.blade.php b/resources/views/components/cards/arch.blade.php
index 757429a..9c3bb48 100644
--- a/resources/views/components/cards/arch.blade.php
+++ b/resources/views/components/cards/arch.blade.php
@@ -1,9 +1,11 @@
+@props(['href', 'image', 'title', 'alt' => ''])
+
 <a href="{{$href}}">
     <div>
         <div class="relative rounded-t-full h-64 hover:scale-105 transition duration-1000 border border-secondary-300 overflow-hidden">
             <x-image
                 src="{{ $image }}"
-                alt="In-store specialised printer"
+                alt="{{ $alt }}"
                 additionalClass="object-cover h-full"
             />
 
diff --git a/resources/views/components/cards/item.blade.php b/resources/views/components/cards/item.blade.php
new file mode 100644
index 0000000..228e523
--- /dev/null
+++ b/resources/views/components/cards/item.blade.php
@@ -0,0 +1,20 @@
+@props(['href', 'image', 'title', 'alt' => ''])
+
+<a href="{{$href}}">
+    <div>
+        <div class="relative rounded-lg h-32 hover:opacity-75 transition duration-1000 border border-secondary-300 overflow-hidden">
+            <x-image
+                src="{{ $image }}"
+                alt="{{ $alt }}"
+                additionalClass="object-cover w-full h-full"
+            />
+
+            <div class="absolute inset-0 bg-black/25">
+            </div>
+        </div>
+    </div>
+
+    <div class="text-secondary-600 text-md text-center px-2">
+        {{ $title }}
+    </div>
+</a>
diff --git a/resources/views/pages/custom-framing.blade.php b/resources/views/pages/custom-framing.blade.php
index d0da93d..439f951 100644
--- a/resources/views/pages/custom-framing.blade.php
+++ b/resources/views/pages/custom-framing.blade.php
@@ -26,21 +26,36 @@
                                 <div class="ml-2">
                                     <uL>
                                         <li class="my-4">
-                                            <a href="#services" class="flex">
-                                                <x-icons.plus />
-                                                Custom Framing Services
+                                            <a href="#services" class="flex w-fit">
+                                                <span class="my-auto">
+                                                    <x-icons.plus />
+                                                </span>
+
+                                                <p class="ml-4 my-auto">
+                                                    Custom Framing Services
+                                                </p>
                                             </a>
                                         </li>
                                         <li class="my-4">
-                                            <a href="#approach" class="flex">
-                                                <x-icons.plus />
-                                                Our Approach
+                                            <a href="#approach" class="flex w-fit">
+                                                <span class="my-auto">
+                                                    <x-icons.plus />
+                                                </span>
+
+                                                <p class="ml-4 my-auto">
+                                                    Our Approach
+                                                </p>
                                             </a>
                                         </li>
                                         <li class="my-4">
-                                            <a href="#faq" class="flex">
-                                                <x-icons.plus />
-                                                FAQ
+                                            <a href="#faq" class="flex w-fit">
+                                                <span class="my-auto">
+                                                    <x-icons.plus />
+                                                </span>
+
+                                                <p class="ml-4 my-auto">
+                                                    FAQ
+                                                </p>
                                             </a>
                                         </li>
                                     </uL>
@@ -73,65 +88,75 @@
 
                     <div>
                         <div class="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
-                            <x-cards.arch
+                            <x-cards.item
                                 image="acrylic/shovel.webp"
+                                alt="TODO"
                                 title="Acrylic"
                                 href="{{ route('services.other.matboard-cutting') }}"
                             />
 
-                            <x-cards.arch
-                                image="matboards/matboard-cutter.webp"
-                                title="Australian Made Framing Kits"
-                                href="{{ route('services.other.matboard-cutting') }}"
-                            />
-
-                            <x-cards.arch
+                            <x-cards.item
                                 image="matboards/matboard-cutter.webp"
+                                alt="TODO"
                                 title="Canvas"
                                 href="{{ route('services.other.matboard-cutting') }}"
                             />
 
-                            <x-cards.arch
-                                image="matboards/matboard-cutter.webp"
+                            <x-cards.item
+                                image="Indigenous/indigenous.webp"
+                                alt="TODO"
                                 title="Indigenous Art"
                                 href="{{ route('services.other.matboard-cutting') }}"
                             />
 
-                            <x-cards.arch
-                                image="matboards/matboard-cutter.webp"
+                            <x-cards.item
+                                image="jigsaw/giraffe.webp"
+                                alt="TODO"
                                 title="Jigsaws"
                                 href="{{ route('services.other.matboard-cutting') }}"
                             />
 
-                            <x-cards.arch
-                                image="matboards/matboard-cutter.webp"
+                            <x-cards.item
+                                image="matboards/asw-athlete.webp"
+                                alt="TODO"
                                 title="Medals & Memorabilia"
                                 href="{{ route('services.other.matboard-cutting') }}"
                             />
 
-                            <x-cards.arch
+                            <x-cards.item
                                 image="matboards/matboard-cutter.webp"
+                                alt="TODO"
                                 title="Mirror"
                                 href="{{ route('services.other.matboard-cutting') }}"
                             />
 
-                            <x-cards.arch
+                            <x-cards.item
                                 image="matboards/matboard-cutter.webp"
+                                alt="TODO"
                                 title="Original Artwork"
                                 href="{{ route('services.other.matboard-cutting') }}"
                             />
 
-                            <x-cards.arch
+                            <x-cards.item
                                 image="matboards/matboard-cutter.webp"
+                                alt="TODO"
                                 title="Prints, Posters & Photos"
                                 href="{{ route('services.other.matboard-cutting') }}"
                             />
 
-                            <x-cards.arch
-                                image="matboards/matboard-cutter.webp"
+                            <x-cards.item
+                                image="handcrafted/pressed.webp"
+                                alt="TODO"
                                 title="Handcrafted"
                                 href="{{ route('services.other.matboard-cutting') }}"
                             />
+
+                            <x-cards.item
+                                image="restorations/reprint-and-frame.webp"
+                                alt="TODO"
+                                title="Restorations"
+                                href="{{ route('services.other.matboard-cutting') }}"
+                            />
                         </div>
                     </div>
                 </x-slot>