wip canvas

resources/views/components/image.blade.php

@@ -1,8 +1,16 @@
-@props(['src', 'alt', 'additionalClass' => ''])
+@props(['src', 'alt', 'additionalClass' => '', 'caption' => null])
 
-<img
-    src="{{ config('app.cloudfront_url') .'/images/' . $src }}"
-    alt="{{ $alt }}"
-    aria-label="{{ $alt }}"
-    class="{{ $additionalClass }}"
-/>
+<div class="{{ $caption ? 'm-4' : '' }}">
+    <img
+        src="{{ config('app.cloudfront_url') .'/images/' . $src }}"
+        alt="{{ $alt }}"
+        aria-label="{{ $alt }}"
+        class="{{ $additionalClass }}"
+    />
+
+    @if ($caption)
+        <p class="text-center px-4">
+            {{ $caption }}
+        </p>
+    @endif
+</div>

resources/views/components/links/services-mega-menu.blade.php

@@ -6,14 +6,9 @@
             'active' => request()->route()->getName() === 'new.services.framing.acrylic'
         ],
         [
-            'href' => route('services.framing.australian'),
-            'name' => 'Australian Made Framing Kits',
-            'active' => request()->route()->getName() === 'services.framing.australian'
-        ],
-        [
-            'href' => route('services.framing.canvases'),
-            'name' => 'Canvases',
-            'active' => request()->route()->getName() === 'services.framing.canvases'
+            'href' => route('new.services.framing.canvas'),
+            'name' => 'Canvas',
+            'active' => request()->route()->getName() === 'new.services.framing.canvas'
         ],
         [
             'href' => route('services.framing.indigenous-art'),

resources/views/pages/services/acrylic.blade.php

@@ -7,7 +7,7 @@
                 </x-slot>
 
                 <x-slot name="content">
-                    <p>
+                    <p class="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!
@@ -39,7 +39,7 @@
                         />
                     </div>
 
-                    <p>
+                    <p class="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.
                     </p>
                 </x-slot>

resources/views/pages/services/canvas.blade.php

@@ -0,0 +1,66 @@
+<x-layouts.app>
+    <x-section.section>
+        <x-section.wrapper>
+            <x-section.content>
+                <x-slot name="title">
+                    Canvases
+                </x-slot>
+
+                <x-slot name="content">
+                    <p>
+                        Have your canvases stretched on quality stretcher frames. All canvases are hand-stretched using stainless steel staples, using 100% Cotton, 12oz triple primed canvas, quality timber and stainless steel staples. We offer a full guarantee against warping and sagging.
+                    </p>
+
+                    <p>
+                        If you're considering having an artwork or photograph on canvas stretched, it's essential to understand what you're paying for before choosing a framer.
+
+                        We also stock ready-made canvases, perfect for your painting projects. If you require a specific size not in stock, we can arrange for a custom-stretched canvas using our high-quality materials. These canvases are ready to hang, allowing you to showcase your finished piece instantly in your space.
+                    </p>
+                </x-slot>
+            </x-section.content>
+        </x-section.wrapper>
+
+        <x-section.wrapper>
+            <x-section.content>
+                <x-slot name="title">
+                    How can I frame canvas?
+                </x-slot>
+
+                <x-slot name="content">
+                    <p>
+                        We offer multiple different ways to frame canvas's each with a select taste and style.
+                    </p>
+
+                    <div class="grid sm:grid-cols-2 w-3/4 mx-auto gap-6 bg-secondary-200">
+                        <x-image
+                            src="acrylic/golf-ball-display.webp"
+                            alt="Golf Ball display in example home space"
+                            additionalClass="h-full object-cover"
+                            caption="No Frame"
+                        />
+                        <x-image
+                            src="acrylic/golf-ball-display.webp"
+                            alt="Golf Ball display in example home space"
+                            additionalClass="h-full object-cover"
+                            caption="Inset Frame"
+                        />
+
+                        <x-image
+                            src="acrylic/golf-ball-display.webp"
+                            alt="Golf Ball display in example home space"
+                            additionalClass="h-full object-cover"
+                            caption="Standard Frame"
+                        />
+
+                        <x-image
+                            src="acrylic/golf-ball-display.webp"
+                            alt="Golf Ball display in example home space"
+                            additionalClass="h-full object-cover"
+                            caption="Old Style"
+                        />
+                    </div>
+                </x-slot>
+            </x-section.content>
+        </x-section.wrapper>
+    </x-section.section>
+</x-layouts.app>

routes/public.php

@@ -33,7 +33,7 @@
         * Restorations
         */
        Route::get('/acrylic', fn () => view('pages/services/acrylic'))->name('acrylic');
-
+       Route::get('/canvas', fn () => view('pages/services/canvas'))->name('canvas');
    });
 
    Route::prefix('new.other')->name('new.other.')->group(function () {