From 65f6b0e2e5c25b3c603685485d067936373485d7 Mon Sep 17 00:00:00 2001
From: Seth Sharp <sesharp@outlook.com>
Date: Sun, 24 Mar 2024 08:11:01 +1000
Subject: [PATCH] general adjustments

---
 resources/views/components/image.blade.php    |  2 +-
 .../views/components/layouts/footer.blade.php | 38 ++++++++++---------
 resources/views/pages/home.blade.php          |  4 +-
 .../views/pages/services/acrylic.blade.php    |  6 +--
 .../views/pages/services/canvas.blade.php     |  6 +--
 .../pages/services/handcrafted.blade.php      |  1 -
 .../views/pages/services/jigsaw.blade.php     |  5 +--
 .../services/medals-and-memorabilia.blade.php |  2 -
 .../pages/services/prints-posters.blade.php   |  2 +-
 9 files changed, 32 insertions(+), 34 deletions(-)

diff --git a/resources/views/components/image.blade.php b/resources/views/components/image.blade.php
index 1eb7146..ca06ea3 100644
--- a/resources/views/components/image.blade.php
+++ b/resources/views/components/image.blade.php
@@ -5,7 +5,7 @@
         src="{{ config('app.cloudfront_url') .'/images/' . $src }}"
         alt="{{ $alt }}"
         aria-label="{{ $alt }}"
-        {{ $attributes->merge(['class' => 'rounded-md max-h-64']) }}
+        {{ $attributes->merge(['class' => 'rounded-md max-h-64 mx-auto']) }}
     />
 
     @if ($caption)
diff --git a/resources/views/components/layouts/footer.blade.php b/resources/views/components/layouts/footer.blade.php
index adcc903..435b382 100644
--- a/resources/views/components/layouts/footer.blade.php
+++ b/resources/views/components/layouts/footer.blade.php
@@ -42,6 +42,10 @@
                             Acrylic
                         </x-links.footer-nav>
 
+                        <x-links.footer-nav href="{{route('services.framing.canvas')}}">
+                            Canvas
+                        </x-links.footer-nav>
+
                         <x-links.footer-nav href="{{route('services.framing.indigenous')}}">
                             Indigenous Art
                         </x-links.footer-nav>
@@ -49,31 +53,29 @@
                         <x-links.footer-nav href="{{route('services.framing.jigsaw')}}">
                             Jigsaws
                         </x-links.footer-nav>
-
-                        <x-links.footer-nav href="{{route('services.framing.medals-memorabilia')}}">
-                            Medals & Memorabilia
-                        </x-links.footer-nav>
                     </div>
                 </div>
 
                 <div>
-                    <div>
-                        <x-links.footer-nav href="{{route('services.framing.mirror')}}">
-                            Mirror
-                        </x-links.footer-nav>
+                    <x-links.footer-nav href="{{route('services.framing.medals-memorabilia')}}">
+                        Medals & Memorabilia
+                    </x-links.footer-nav>
 
-                        <x-links.footer-nav href="{{route('services.framing.prints-posters')}}">
-                            Prints, Posters & Photos
-                        </x-links.footer-nav>
+                    <x-links.footer-nav href="{{route('services.framing.mirror')}}">
+                        Mirror
+                    </x-links.footer-nav>
 
-                        <x-links.footer-nav href="{{route('services.framing.handcrafted')}}">
-                            Hand Crafted Artwork
-                        </x-links.footer-nav>
+                    <x-links.footer-nav href="{{route('services.framing.prints-posters')}}">
+                        Prints, Posters & Photos
+                    </x-links.footer-nav>
 
-                        <x-links.footer-nav href="{{route('services.framing.restorations')}}">
-                            Restorations
-                        </x-links.footer-nav>
-                    </div>
+                    <x-links.footer-nav href="{{route('services.framing.handcrafted')}}">
+                        Hand Crafted Artwork
+                    </x-links.footer-nav>
+
+                    <x-links.footer-nav href="{{route('services.framing.restorations')}}">
+                        Restorations
+                    </x-links.footer-nav>
                 </div>
             </div>
         </div>
diff --git a/resources/views/pages/home.blade.php b/resources/views/pages/home.blade.php
index 9c1d4af..574a542 100644
--- a/resources/views/pages/home.blade.php
+++ b/resources/views/pages/home.blade.php
@@ -189,7 +189,7 @@ class="mx-auto"
                                 We have a passion for framing and can't wait to work with you to build something amazing.
                             </p>
 
-                            <div class="mt-4 gap-4 grid grid-cols-2 sm:grid-cols-3">
+                            <div class="mt-4 gap-4 grid sm:grid-cols-3">
                                 <x-links.secondary href="{{ route('contact')  }}">
                                     Contact Us
                                 </x-links.secondary>
@@ -203,7 +203,7 @@ class="mx-auto"
 
                             <x-section.divider />
 
-                            <div class="justify-center flex gap-4">
+                            <div class="gap-4 sm:w-3/4 md:w-1/2 mx-auto grid sm:grid-cols-2">
                                 <x-links.other-secondary href="{{ route('about')  }}">
                                     Meet the team
                                 </x-links.other-secondary>
diff --git a/resources/views/pages/services/acrylic.blade.php b/resources/views/pages/services/acrylic.blade.php
index 498d92e..0c6562d 100644
--- a/resources/views/pages/services/acrylic.blade.php
+++ b/resources/views/pages/services/acrylic.blade.php
@@ -10,14 +10,14 @@
                 </x-slot>
 
                 <x-slot name="content">
-                    <p class="mx-8">
+                    <p class="sm:mx-8">
                         Acrylic casing offers a stunning way to showcase your cherished items. At Framed Just For You,
                         our acrylic cases are designed to accommodate a wide range of objects, from golf balls to
                         football
                         boots, and from jerseys to guitars!
                     </p>
 
-                    <div class="grid sm:grid-cols-2 w-3/4 mx-auto gap-4">
+                    <div class="grid sm:grid-cols-2 sm:w-3/4 mx-auto gap-4">
                         <x-image
                             src="acrylic/golf-ball-display.webp"
                             alt="Golf Ball display in example home space"
@@ -43,7 +43,7 @@ class="h-full object-cover"
                         />
                     </div>
 
-                    <p class="mx-8">
+                    <p class="sm:mx-8">
                         With our versatile acrylic cases, you have the flexibility to choose between wall mounting or
                         displaying on a flat surface, depending on the nature of your item. Ready to elevate your
                         displays? Visit our showroom today for personalized design consultations and a tailored quote.
diff --git a/resources/views/pages/services/canvas.blade.php b/resources/views/pages/services/canvas.blade.php
index a80471d..e5a4025 100644
--- a/resources/views/pages/services/canvas.blade.php
+++ b/resources/views/pages/services/canvas.blade.php
@@ -50,8 +50,8 @@ class="h-96 mx-auto object-center object-cover"
                 </x-slot>
 
                 <x-slot name="content">
-                    <div class="!bg-secondary-200 p-10 md:p-6">
-                        <p>
+                    <div class="!bg-secondary-200 text-center md:p-6">
+                        <p class="p-2 sm:p-0">
                             We offer multiple different ways to frame canvas's each with a select taste and style.
                         </p>
 
@@ -85,7 +85,7 @@ class="h-full object-fit"
                             />
                         </div>
 
-                        <div class="text-secondary-500 text-center mt-6">
+                        <div class="text-secondary-500 text-center mt-6 p-2 sm:p-0">
                             Canvases can be framed in just about anything, these are just some things to take inspiration for.
                         </div>
                     </div>
diff --git a/resources/views/pages/services/handcrafted.blade.php b/resources/views/pages/services/handcrafted.blade.php
index e520bc5..ccb365a 100644
--- a/resources/views/pages/services/handcrafted.blade.php
+++ b/resources/views/pages/services/handcrafted.blade.php
@@ -14,7 +14,6 @@
                         <x-image
                             src="handcrafted/pressed.webp"
                             alt="Handcrafted piece of a person holding an umbrella with a light post & a couple in the background"
-                            class="mx-auto"
                         />
                     </x-slot>
 
diff --git a/resources/views/pages/services/jigsaw.blade.php b/resources/views/pages/services/jigsaw.blade.php
index 63bc098..7dcf3b8 100644
--- a/resources/views/pages/services/jigsaw.blade.php
+++ b/resources/views/pages/services/jigsaw.blade.php
@@ -51,7 +51,6 @@ class="h-96 mx-auto"
                             <x-image
                                 src="jigsaw/initial-stage.webp"
                                 alt="Step 1: Acquire and solve the jigsaw"
-                                class="h-96 mx-auto"
                             />
                         </x-slot>
 
@@ -71,7 +70,7 @@ class="h-96 mx-auto"
                             <x-image
                                 src="jigsaw/frame.webp"
                                 alt="Step 2: Choose a frame"
-                                class="h-96 mx-auto"
+                                class="h-96"
                             />
                         </x-slot>
 
@@ -115,7 +114,7 @@ class="h-96 mx-auto"
                             <x-image
                                 src="jigsaw/final-product.webp"
                                 alt="Step 4: The final product"
-                                class="h-96 mx-auto"
+                                class="h-96"
                             />
                         </x-slot>
 
diff --git a/resources/views/pages/services/medals-and-memorabilia.blade.php b/resources/views/pages/services/medals-and-memorabilia.blade.php
index 0b1305a..301abab 100644
--- a/resources/views/pages/services/medals-and-memorabilia.blade.php
+++ b/resources/views/pages/services/medals-and-memorabilia.blade.php
@@ -79,12 +79,10 @@
                     <x-image
                         src="matboards/gymnastics.webp"
                         alt="Gymnastics frame with multiple cutouts for medals"
-                        class="h-full"
                     />
                     <x-image
                         src="matboards/asw-athlete.webp"
                         alt="ASW frame with multiple cutouts for medals and photos"
-                        class="h-full"
                     />
                 </div>
             </x-slot>
diff --git a/resources/views/pages/services/prints-posters.blade.php b/resources/views/pages/services/prints-posters.blade.php
index c0c2012..f51f100 100644
--- a/resources/views/pages/services/prints-posters.blade.php
+++ b/resources/views/pages/services/prints-posters.blade.php
@@ -19,7 +19,7 @@
                 impact of your paper treasures, creating timeless displays that tell your
                 story with elegance and flair.
 
-                <div class="grid grid-cols-1 sm:grid-cols-3 w-3/4 mx-auto gap-6 my-8">
+                <div class="grid grid-cols-1 sm:grid-cols-3 sm:w-3/4 mx-auto gap-6 my-8">
                     <x-image
                         src="prints-photos/picture-2.webp"
                         alt="Print of a mother & child in the safari"