ECOMMERCE/resources/views/404/electronics.blade.php

117 lines
9.4 KiB
PHP

@extends('layouts.base', ['title' => 'Electronics Store - 404 Error'])
@section('content')
@include('layouts.partials/offcanvas')
@include('layouts.partials/navbar', ['wishlist' => true])
<main class="content-wrapper d-flex align-items-center justify-content-center">
<div class="container">
<!-- Error message -->
<section class="text-center py-5 px-2 px-sm-0 my-2 my-md-3 my-lg-4 my-xl-5 mx-auto" style="max-width: 636px">
<div class="pb-4 mb-3 mx-auto" style="max-width: 524px">
<svg class="text-body-emphasis" viewbox="0 0 524 200" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.422852 158.785C0.422852 159.89 1.31828 160.785 2.42285 160.785H88.4885V189C88.4885 190.105 89.3839 191 90.4885 191H128.607C129.711 191 130.607 190.105 130.607 189V160.785H150.423C151.527 160.785 152.423 159.89 152.423 158.785V128.127C152.423 127.022 151.527 126.127 150.423 126.127H130.607V11C130.607 9.89543 129.711 9 128.607 9H76.23C75.546 9 74.9094 9.34959 74.5423 9.92679L0.735186 125.991C0.531195 126.312 0.422852 126.684 0.422852 127.064V158.785ZM89.3789 55.5664H89.0558C88.37 55.5664 87.732 55.9178 87.3654 56.4975L44.4037 124.435C44.2922 124.611 44.233 124.816 44.233 125.024C44.233 125.633 44.7267 126.127 45.3356 126.127H89.3789V55.5664Z"
fill="currentColor" fill-rule="evenodd"></path>
<path
d="M371.423 158.785C371.423 159.89 372.318 160.785 373.423 160.785H459.488V189C459.488 190.105 460.384 191 461.488 191H499.607C500.711 191 501.607 190.105 501.607 189V160.785H521.423C522.527 160.785 523.423 159.89 523.423 158.785V128.127C523.423 127.022 522.527 126.127 521.423 126.127H501.607V11C501.607 9.89543 500.711 9 499.607 9H447.23C446.546 9 445.909 9.34959 445.542 9.92679L371.735 125.991C371.531 126.312 371.423 126.684 371.423 127.064V158.785ZM460.379 55.5664H460.056C459.37 55.5664 458.732 55.9178 458.365 56.4975L415.404 124.435C415.292 124.611 415.233 124.816 415.233 125.024C415.233 125.633 415.727 126.127 416.336 126.127H460.379V55.5664Z"
fill="currentColor" fill-rule="evenodd"></path>
<path class="d-none d-block-dark"
d="M316.912 38.6614V175.465C316.912 184.041 309.953 191 301.376 191H224.836C216.26 191 209.3 184.041 209.3 175.465V38.6614C209.3 30.0853 216.26 23.1261 224.836 23.1261H228.67C233.184 23.1261 236.842 19.4674 236.842 14.9541V14.9541C236.842 11.6657 239.508 9 242.796 9H283.438C286.726 9 289.392 11.6657 289.392 14.9541V14.9541C289.392 19.4674 293.05 23.1261 297.564 23.1261H301.398C309.963 23.1261 316.912 30.0853 316.912 38.6614Z"
fill="#333d4c"></path>
<path class="d-none d-block-dark"
d="M215.812 176.426V37.711C215.812 33.2536 219.428 29.6374 223.885 29.6374H302.338C306.795 29.6374 310.411 33.2536 310.411 37.711V176.426C310.411 180.883 306.795 184.5 302.338 184.5H223.885C219.428 184.5 215.812 180.883 215.812 176.426Z"
fill="#3f4958"></path>
<path class="d-none-dark"
d="M316.912 38.6614V175.465C316.912 184.041 309.953 191 301.376 191H224.836C216.26 191 209.3 184.041 209.3 175.465V38.6614C209.3 30.0853 216.26 23.1261 224.836 23.1261H228.67C233.184 23.1261 236.842 19.4674 236.842 14.9541C236.842 11.6657 239.508 9 242.796 9H283.438C286.726 9 289.392 11.6657 289.392 14.9541C289.392 19.4674 293.05 23.1261 297.564 23.1261H301.398C309.963 23.1261 316.912 30.0853 316.912 38.6614Z"
fill="url(#paint0_linear_2927_3489)"></path>
<path class="d-none-dark"
d="M215.812 176.426V37.711C215.812 33.2536 219.428 29.6374 223.885 29.6374H302.338C306.795 29.6374 310.411 33.2536 310.411 37.711V176.426C310.411 180.883 306.795 184.5 302.338 184.5H223.885C219.428 184.5 215.812 180.883 215.812 176.426Z"
fill="url(#paint1_linear_2927_3489)"></path>
<path class="text-primary"
d="M306.522 162.66V175.388C306.522 178.261 304.184 180.599 301.311 180.599H224.912C222.039 180.599 219.701 178.261 219.701 175.388V162.66H306.522Z"
fill="currentColor"></path>
<rect class="animate-blink text-primary" fill="currentColor" height="17.94" width="86.82" x="219.7"
y="141"></rect>
<defs>
<lineargradient gradientunits="userSpaceOnUse" id="paint0_linear_2927_3489" x1="209.3"
x2="316.912" y1="100" y2="100">
<stop offset="0" stop-color="#accbee"></stop>
<stop offset="1" stop-color="#e7f0fd"></stop>
</lineargradient>
<lineargradient gradientunits="userSpaceOnUse" id="paint1_linear_2927_3489" x1="263.111"
x2="263.111" y1="184.5" y2="29.6374">
<stop offset="0" stop-color="#d3e6f5"></stop>
<stop offset="1" stop-color="#f0f7fc"></stop>
</lineargradient>
</defs>
</svg>
</div>
<h1>Page not found</h1>
<p class="pb-3">The page you are looking for was moved, removed or might never existed.</p>
<a class="btn btn-lg btn-primary" href="{{ route('second', ['home', 'electronics']) }}">Go to homepage</a>
</section>
<!-- Banners -->
<section class="row g-3 g-lg-4">
<div class="col-md-7">
<div
class="position-relative d-flex flex-column flex-sm-row align-items-center h-100 rounded-5 overflow-hidden px-5 px-sm-0 pe-sm-4">
<span class="position-absolute top-0 start-0 w-100 h-100 d-none-dark rtl-flip"
style="background: linear-gradient(90deg, #accbee 0%, #e7f0fd 100%)"></span>
<span class="position-absolute top-0 start-0 w-100 h-100 d-none d-block-dark rtl-flip"
style="background: linear-gradient(90deg, #1b273a 0%, #1f2632 100%)"></span>
<div
class="position-relative z-1 text-center text-sm-start pt-4 pt-sm-0 ps-xl-4 mt-2 mt-sm-0 order-sm-2">
<h2 class="h3 mb-2">iPhone 14</h2>
<p class="fs-sm text-light-emphasis mb-sm-4">Apple iPhone 14 128GB Blue</p>
<a class="btn btn-primary" href="{{ route('second', ['shop', 'product-general-electronics']) }}">
From $899
<i class="ci-arrow-up-right fs-base ms-1 me-n1"></i>
</a>
</div>
<div class="position-relative z-1 w-100 align-self-end order-sm-1" style="max-width: 416px">
<div class="ratio rtl-flip" style="--cz-aspect-ratio: calc(320 / 416 * 100%)">
<img alt="iPhone 14" src="/img/shop/electronics/banners/iphone-1.png" />
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div
class="position-relative d-flex flex-column align-items-center justify-content-between h-100 rounded-5 overflow-hidden pt-3">
<span class="position-absolute top-0 start-0 w-100 h-100 d-none-dark rtl-flip"
style="background: linear-gradient(90deg, #fdcbf1 0%, #fdcbf1 1%, #ffecfa 100%)"></span>
<span class="position-absolute top-0 start-0 w-100 h-100 d-none d-block-dark rtl-flip"
style="background: linear-gradient(90deg, #362131 0%, #322730 100%)"></span>
<div class="position-relative z-1 text-center pt-3 mx-4">
<i class="ci-apple text-body-emphasis fs-3 mb-3"></i>
<p class="fs-sm text-light-emphasis mb-1">Deal of the week</p>
<h2 class="h3 mb-4">iPad Pro M1</h2>
</div>
<a class="position-relative z-1 d-block w-100" href="{{ route('second', ['shop', 'product-general-electronics']) }}">
<div class="ratio rtl-flip" style="--cz-aspect-ratio: calc(159 / 525 * 100%)">
<img alt="iPad" src="/img/shop/electronics/banners/ipad.png" width="525" />
</div>
</a>
</div>
</div>
</section>
</div>
</main>
<!-- Page footer -->
<footer class="footer pt-5 pb-4 mt-2 mt-md-3 mt-lg-4 mt-xl-5">
<div class="container text-center pb-sm-2 pb-md-3">
<p class="fs-sm mb-0">
&copy; All rights reserved. Made by <span class="animate-underline"><a
class="animate-target text-dark-emphasis fw-medium text-decoration-none"
href="https://coderthemes.com/" target="_blank" rel="noreferrer">Coderthemes</a></span>
</p>
</div>
</footer>
@endsection
@section('scripts')
@endsection