Skip to content

Commit

Permalink
wip
Browse files Browse the repository at this point in the history
  • Loading branch information
@SethSharp
SethSharp committed Mar 17, 2024
1 parent fa50d79 commit 1445185
Show file tree
Hide file tree
Showing 3 changed files with 76 additions and 29 deletions.
4 changes: 3 additions & 1 deletion resources/views/components/cards/arch.blade.php
View file
Original file line number Diff line number Diff line change
@@ -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"
/>

Expand Down
20 changes: 20 additions & 0 deletions resources/views/components/cards/item.blade.php
View file
Original file line number Diff line number Diff line change
@@ -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>
81 changes: 53 additions & 28 deletions resources/views/pages/custom-framing.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down

0 comments on commit 1445185

Please sign in to comment.