<!doctype html>
<html lang="
en
">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="manifest" href="/favicons/site.webmanifest">
<link rel="shortcut icon" href="/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
{{ if environment === 'production'}}
{{ if environment !== 'production' }}
1
<script>
window.markerConfig = {
project: '681094376a5b2af47d8abf39',
source: 'snippet'
};
!function(e,r,a){if(!e.__Marker){e.__Marker={};var t=[],n={__cs:t};["show","hide","isVisible","capture","cancelCapture","unload","reload","isExtensionInstalled","setReporter","clearReporter","setCustomData","on","off"].forEach(function(e){n[e]=function(){var r=Array.prototype.slice.call(arguments);r.unshift(e),t.push(r)}}),e.Marker=n;var s=r.createElement("script");s.async=1,s.src="https://edge.marker.io/latest/shim.js";var i=r.getElementsByTagName("script")[0];i.parentNode.insertBefore(s,i)}}(window,document);
</script>
{{ /if }}
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "hvlc9p6yuy");
</script>
<style>/* Critical Styles */ [x-cloak]{display: none !important;}</style>
<style>
.container p {
margin-bottom: 0;
}
.auctions_show .container p {
margin-bottom: 15px;
}
.sidebar p {
margin-bottom: 0;
}
.content .closed+.fading-overlay {
pointer-events: none;
}
@media(max-width: 1023px) {
.content ul, .content ol {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.wysiwyg ol {
list-style: numeric;
list-style-position: inside;
}
.wysiwyg ul {
list-style-position: inside !important;
}
.wysiwyg ul p {
display: inline;
}
.wysiwyg ul li {
margin-bottom: 10px;
}
.wysiwyg ol li {
margin-bottom: 10px;
list-style: inherit !important;
}
.wysiwyg ol p {
display: inline;
}
.wysiwyg ol ul {
list-style-position: inside;
padding-left: 30px;
margin-top: 10px;
}
.wysiwyg ul ol {
list-style-position: inside;
padding-left: 30px;
margin-top: 10px;
}
.wysiwyg td {
border: 1px solid #DDD;
padding: 5px 10px;
vertical-align: top;
}
.wysiwyg a {
text-decoration: underline;
}
.wysiwyg p {
font-weight: 500;
line-height: 1.6;
}
.wysiwyg h2 {
font-weight: 800;
font-size: 30px;
padding-top: 40px;
}
.wysiwyg h3 {
font-weight: 700;
font-size: 20px;
padding-top: 30px;
}
.wysiwyg h4 {
font-weight: 600;
font-size: 16px;
padding-top: 20px;
padding-bottom: 10px;
}
.glide__slide{
height: auto!important;
}
.mob-search{
max-height: 0px;
transition: .5s ease-in-out max-height;
}
.mob-search.show{
max-height: 200px;
transition: .5s ease-in-out max-height;
}
.mobfilters button:hover svg{
stroke: #fff;
}
.w-60{
width: 15rem;
}
.bottom-4{
bottom: 4px !important;
}
.bottom-28{
bottom: 28px;
}
.right-6{
right: 6px;
}
.content hr {
max-width: 50%;
margin: 40px auto 30px auto;
border-top-width: 2px;
}
.w-32 {
width: 8rem;
}
.z-0{
z-index: 0;
}
.min-height-140{
min-height: 140px;
}
.office-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem; /* 24px */
@media only screen and (max-width: 768px) {
/* For mobile phones: */
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0;
}
}
.office-card{
border-color: #002A4C;
border-bottom-width: 2px;
grid-column: span 1 / span 1;
@media only screen and (max-width: 768px) {
/* For mobile phones: */
border-bottom-width: 1px;
border-color: #A9BACA;
}
}
.office-address{
border-bottom-width: 1px;
@media only screen and (max-width: 768px) {
/* For mobile phones: */
border-bottom-width: 0px;
}
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
ul.pagination {
width: 100% !important;
}
.no-mobile-border * {
border: none !important;
}
}
span.confirm {
border-radius: 5px;
}
.pointer-events-none .glide__arrows button {
pointer-events: none !important;
}
.featured-auctions-width-1 {
width: 100%
}
.featured-auctions-width-2 {
width: 475px;
@media only screen and (max-width: 1120px) {
/* For medium screen: */
width: 350px;
}
@media only screen and (max-width: 1024px) {
/* For mobile phones: */
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.auction-img-prop {
margin: auto;
height: 100%;
max-width: 100%;
}
}
.banner {
background-color: #FF7B1A;
font-weight: 700;
color: white;
padding: 6px 12px 6px 12px;
}
.hide {
display: none;
}
.navTab:hover + .hide {
display: block;
color: red;
}
input::-ms-reveal,
input::-ms-clear {
display: none;
}
.xl\:w-1\/3 {
width: 33%;
}
</style>
{{ if environment == 'production'}}
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4GXLF3F26W');
</script>
</head>
<body class="overflow-x-hidden page-
ashley-waller-auctioneers
font-sans"
:class="preventScroll ? 'overflow-y-hidden' : ''"
x-data="{ open: false, accountOpen: false, sidebarOpen: false, sidebarType: 'sign-up', ...popup, mobSearchOpen: false, preventScroll: false, registerLocation: 'none' }"
x-init="checkPopUp()"
>
<div class="spacer"></div>
{{ if auctioneer_type == "local_office" }}
<article class="auctioneers_show w-full px-4 lg:px-0 pt-6 lg:pt-10 container mx-auto">
<!-- Back -->
<div class="text-blue-400 mb-6 lg:mb-8">
<a href="/auctioneers" class="text-blue-300 text-sm font-bold leading-5 no-underline">< Back to results</a>
</div>
<!-- Title -->
<div class="flex flex-row items-center justify-between lg:justify-start">
<h1 itemprop="name" class="font-medium text-xl lg:text-2xl mr-2 text-blue-400">
Ashley Waller Auctioneers
</h1>
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked:
{{ if entryStatus == true }}
{{ else }}
false
{{ /if }}
,
clickedTemp:
{{ if entryStatus == true }}
{{ else }}
false
{{ /if }}
}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer
{{ if int_a39a164233d0 == 'list' }}
detail
detail
"
{{ if logged_in }}
x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}
{{ else }}
<div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}}
<svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}
detail
detail
{{ else }}
16
{{ /if }}
" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="
{{ if int_33fda875f7653 == 'dark' }}
dark
dark
1
#002A4C
{{ else }}
" stroke="
{{ if int_33fda875f7653 == 'dark' }}
dark
dark
1
#002A4C
{{ else }}
" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}
detail
detail
1
{{ if int_cfa0acc8bbe }}
{{ else }}
<span onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
Save
</span>
{{ /if}}
{{ /if }}
</div>
</div>
</div>
</div>
<!-- Main Body -->
<div class="flex w-full lg:shadow-lg lg:shadow-gray-300 rounded-md mb-8 lg:mt-8 flex-wrap" wire:ignore>
<!-- Logo -->
<div class="w-full lg:w-1/4 image relative py-10 lg:p-5 rounded-md">
<img class="mx-auto" src="/storage/
auctioneer-logos/647000101010000000000companyLogo.jpg
" alt="
Ashley Waller Auctioneers
logo">
<!-- <img class="mx-auto" src="
" alt="
Ashley Waller Auctioneers
logo"> -->
</div>
<!-- Profile -->
<div itemprop=”description” class="bio lg:w-1/2 lg:p-5 mb-6 lg:mb-0 wysiwyg">
<p>Based in Four Oaks, Lower Withington in Cheshire, Ashley Waller hold regular weekly auctions specialising in horticultural equipment, furniture, household goods and machinery with monthly auctions offering farming produce and agricultural tooling.</p><p>The company has a century’s worth of collective experience and expertise. This allows Ashley Waller to offer all of their clientele, both existing and new, a wealth of knowledge no matter the asset or auction.</p><p>Make sure you never miss out on an auction with Ashley Waller. Just remember to login and click ‘View Auctions’.</p>
</div>
<!-- Links and Socials -->
{{ nocache }}
</div>
<script>
function auctioneerEvent(){
gtag('event', 'Auctioneer', {
'auctioneer_name': '
Ashley Waller Auctioneers
',
'auctioneer_action': 'View Website Link',
});
}
</script>
<div class="mb-10">
<h2 class="text-blue-400 text-xl pb-5 border-b border-grey-800 font-bold">Auctioneer Contact Details</h2>
<div class="office-grid grid" >
<!-- Head Office -->
<div class="office-card col-span-1 mt-4 lg:mt-8 mb-4">
<h3 class="text-blue-400 text-lg lg:text-xl pb-3 font-bold">
Macclesfield
</h3>
<div class="office-address text-base border-grey-800 pb-4 mb-3 lg:min-height-140">
{{ items }}
{{ if @value }}
1
<span itemprop="
streetAddress
">
{{ if @value == 'uk' }}
{{ else }}
Four Oaks
{{ /if }}
</span></br>
{{ /if }}
{{ /items }}
{{ if @value }}
{{ /items }}
{{ if @value }}
1
<span itemprop="
">
{{ if @value == 'uk' }}
{{ else }}
Lower Withington
{{ /if }}
</span></br>
{{ /if }}
{{ /items }}
{{ if @value }}
1
<span itemprop="
addressLocality
">
{{ if @value == 'uk' }}
{{ else }}
Macclesfield
{{ /if }}
</span></br>
{{ /if }}
{{ /items }}
{{ if @value }}
1
<span itemprop="
postalCode
">
{{ if @value == 'uk' }}
{{ else }}
SK11 9DU
{{ /if }}
</span></br>
{{ /if }}
{{ /items }}
{{ if @value }}
1
<span itemprop="
addressCountry
">
{{ if @value == 'uk' }}
1
UK
{{ else }}
</span></br>
{{ /if }}
{{ /items }}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"address": {
"@type": "PostalAddress",
"addressLocality": "
Macclesfield
",
"addressRegion": "
uk
",
"streetAddress": "
Four Oaks
,
SK11 9DU
"
},
"name": "
Ashley Waller Auctioneers
",
"telephone": "
01477 571001
"
}
</script>
</div>
<div class="text-base leading-loose flex flex-col w-full mb-3 lg:min-height-140">
{{ if email }}
1
<div class="pb-2 break-words">
<strong>Email </strong><a href="mailto:
roy.waller@ashleywaller.co.uk
"><span>
roy.waller@ashleywaller.co.uk
</span></a>
</div>
{{ /if }}
{{ if telephone }}
1
<div>
<strong>Tel </strong><a href="tel:
01477 571001
"><span>
01477 571001
</span></a>
</div>
{{ /if }}
</div>
</div>
<!-- Local Offices -->
{{ runway:auctioneers scope="sites:int_279a" }}
64
64
{{ if published && auctioneer_type == "local_office" }}
{{ /runway:auctioneers }}
</div>
</div>
{{ runway:auctions scope="published:id" as="auctions" sort="ends_from:asc" }}
{{ if !no_results }}
{{ /runway:auctions }}
{{ runway:auctions scope="past:id" as="auctions" limit="15" sort="ends_from:desc" }}
{{ if !no_results }}
{{ /runway:auctions }}
{{ if articles }}
</article>
<!-- CTA -->
<!--
<div class="create_alert_cta_row lg:min-h-[380px] w-full px-4 lg:px-0 py-10 lg:py-20 bg-blue-100 text-white" style="background-image: url(/img/contact-us-bg.png); background-position: 50vw 0; background-size: auto; background-repeat: no-repeat;">
<div class="container mx-auto px-4 lg:px-16">
<div class="flex flex-wrap-reverse min-h-[300px]">
<div x-data="{ alerts: 'Create alert' }" class="flex flex-col item-center justify-center lg:w-3/5 lg:pr-20">
<h1 class="font-bold text-3xl lg:text-5xl mb-5"><span class="text-blue-400 block">
Receive alerts
</span>
from this Auctioneer
</h1>
<div class="wysiwyg mb-5">
<p>Includes:</p><ul><li><p><strong>Receive alerts for new listings</strong></p></li><li><p><strong>Regular updates</strong></p></li></ul>
</div>
<div>
<button
@click="alerts = 'Alert set!'"
class="border border-blue-400 font-bold text-sm px-10 py-3 rounded-md flex items-center"
x-bind:class="[alerts == 'Alert set!' ? 'bg-blue-400 text-white' : 'text-blue-400 hover:bg-blue-400 hover:text-white' ]"
>
<img
src="
"
alt=""
x-bind:class="[alerts == 'Alert set!' ? 'hidden' : 'block' ]"
class="pr-2">
<span x-text="alerts"></span>
</button>
</div>
</div>
<div class="w-full max-w-[290px] mx-auto lg:max-w-[350px] lg:w-2/5 relative lg:pl-10 mb-10 lg:mb-0">
<img src="
" alt="" class="w-56 lg:w-64 rounded-md ml-auto">
<div class="bg-blue-400 rounded-md drop-shadow-lg aspect-square flex items-center justify-center w-32 lg:w-36 -mt-16 left-0">
<img src="
" alt="" class="p-6">
</div>
</div>
</div>
</div>
</div>
-->
<title>
{{ yield:alt_seo_title }}
</title>
<link rel="canonical" href="
{{ yield:alt_seo_canonical }}
">
<meta name="description" content="
{{ yield:alt_seo_description }}
">
<meta name="robots" content="
{{ yield:alt_seo_robots }}
">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="
{{ yield:alt_seo_og_url }}
">
<meta property="og:type" content="
{{ yield:alt_seo_og_type }}
">
<meta property="og:title" content="
{{ yield:alt_seo_og_title }}
">
<meta property="og:description" content="
{{ yield:alt_seo_og_description }}
">
<meta property="og:image" content="
{{ yield:alt_seo_og_image }}
">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="
{{ yield:alt_seo_twitter_card }}
">
<meta name="twitter:domain" content="
{{ yield:alt_seo_twitter_domain }}
">
<meta property="twitter:url" content="
{{ yield:alt_seo_twitter_url }}
">
<meta name="twitter:title" content="
{{ yield:alt_seo_twitter_title }}
">
<meta name="twitter:description" content="
{{ yield:alt_seo_twitter_description }}
">
<meta name="twitter:image" content="
{{ yield:alt_seo_twitter_image }}
">
<div id="header" class="spacer
{{ if is_homepage OR current_uri == '/about' OR current_uri == '/testimonials' }}
{{ else }}
header-gradient
{{ /if }}
text-white fixed top-0 left-0 z-50 border-b border-white border-opacity-30 w-full" x-bind:class="open ? 'drop-shadow-lg mobile-active' : ''">
<div x-data="{ searchTerms: '' }" class="px-8 xl:px-32 m-auto flex w-full items-center justify-between py-6">
<!-- Logo -->
<a data-animation="fadeIn" href="/" x-bind:class="accountOpen ? 'hidden' : 'block'">
<img alt="Logo" class="w-[145px] lg:w-[170px] lg:block" x-bind:class="open ? 'hidden lg:block' : ''" src="/img/auction-news-logo.svg">
<img alt="Logo" class="w-[145px]" x-bind:class="open ? 'block' : 'hidden'" x-cloak src="/img/auction-news-logo-blue.svg">
</a>
<div x-bind:class="accountOpen ? 'block' : 'hidden'" class="flex items-center" x-cloak>
<!-- Icon -->
<div class="account-svg-mobile mr-3" style="height: 29px; width: 29px;"></div>
<!-- Greeting -->
{{ if logged_in }}
</div>
<!-- End Logo -->
<!-- Desktop Nav -->
<div class="nav-options hidden lg:block">
<ul id="main-nav" class="flex w-full justify-between">
{{ nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}
1
<li class="hasChildren py-10" x-data="{ subNavOpen: false }">
<div class="relative" data-animation="fadeIn">
<a title="
Auctions
" href="
/auctions
" class="navTab py-3 px-4 rounded-t-md hover:bg-white hover:text-blue-400 hover:font-bold li-bold" x-bind:class="subNavOpen ? 'active' : ''">
Auctions
</a>
<div class="hide absolute w-full bg-white h-8 -bottom-[29px]"></div>
</div>
{{ if grouped_dropdown == 'auctions' }}
1
<!-- Blurry boi -->
<div class="blurry-boi fixed top-0 left-0 h-full w-full backdrop-blur pointer-events-none"></div>
<!-- End Blurry Boi -->
<div
class="container mx-auto px-4 submenu bg-white text-blue-400 absolute left-0 right-0 shadow-md rounded-b-md leading-none max-w-full"
x-on:mouseenter="subNavOpen = ! subNavOpen" x-on:mouseleave="subNavOpen = ! subNavOpen">
<div class=" max-w-[1100px] mx-auto">
<ul class="flex flex-wrap py-4 -mx-4">
{{ cache key="menu" for="2 hour" }}
</ul>
</div>
</div>
{{ /if }}
</li>
{{ else }}
{{ /nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}
{{ else }}
{{ if children }}
{{ else }}
<li class="py-10" data-animation="fadeIn"><a title="
Auctioneers
" class="py-3 px-4 hover:font-bold li-bold" href="
/auctioneers
">
Auctioneers
</a></li>
{{ /if }}
{{ /if }}
{{ /nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}
{{ else }}
{{ if children }}
{{ else }}
<li class="py-10" data-animation="fadeIn"><a title="
Auction Services
" class="py-3 px-4 hover:font-bold li-bold" href="
/auction-services
">
Auction Services
</a></li>
{{ /if }}
{{ /if }}
{{ /nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}
{{ else }}
{{ if children }}
{{ else }}
<li class="py-10" data-animation="fadeIn"><a title="
Latest News
" class="py-3 px-4 hover:font-bold li-bold" href="
/news
">
Latest News
</a></li>
{{ /if }}
{{ /if }}
{{ /nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}
{{ else }}
{{ if children }}
{{ else }}
<li class="py-10" data-animation="fadeIn"><a title="
Magazine
" class="py-3 px-4 hover:font-bold li-bold" href="
/magazine
">
Magazine
</a></li>
{{ /if }}
{{ /if }}
{{ /nav:main_nav }}
</ul>
</div>
<!-- End Desktop Nav -->
<!-- Search -->
<form action="/auctions" class="nav-search w-1/5 relative hidden 2xl:block" data-animation="fadeIn">
<input x-model="searchTerms" type="search" id="keywords" name="keywords" placeholder="Keywords..." class="w-full px-3 py-2 rounded-md text-blue-600">
<button onclick="gtag('event', 'search_bar', {'event_category': 'click', 'search_terms': document.getElementById('keywords').value });" type="submit" class="bg-blue-400 hover:bg-blue-200 transition p-2 rounded-md absolute right-1 top-1 z-10"><img src="/img/search.svg" alt="Search" class="w-4"></button>
</form>
<!-- End Search -->
<!-- Nav Actions -->
<div class="nav-buttons flex w-1/4 justify-end items-center relative hidden lg:flex" data-animation="fadeIn">
<!-- <span class="absolute text-xs right-0" style="top: -25px; white-space: nowrap; right: 15px !important;">Call <a class="underline" href="tel:01332551300">01332 551300</a> or email us at <a class="underline" href="mailto:info@auctionnews.com">info@auctionnews.com</a></span>-->
{{ nocache }}
</div>
<!-- End Nav Actions -->
<!-- Mobile Actions -->
<div class="lg:hidden" x-bind:class="open ? 'icons-hidden' : ''">
<div class="flex items-center lg:hidden" data-animation="fadeIn">
{{ nocache }}
</div>
</div>
<!-- End Mobile Actions -->
</div>
<div class="mob-search overflow-hidden flex items-center bg-white lg:hidden" x-cloak x-bind:class="mobSearchOpen ? 'show' : ''">
<!-- Search -->
<div style="padding-left: 1.5rem;">
<div class="hamburger hamburger--spin block is-active" style="z-index: 9999999;" x-cloak x-on:click="mobSearchOpen = false; ">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</div>
</div>
<form action="/auctions" class="nav-search w-full relative bg-white" style="padding-right: 1.5rem; padding-left: 0.5rem;">
<input type="search" name="keywords" placeholder="Keywords..." class="w-full px-3 py-2 rounded-md text-blue-600 border border-blue-400 ">
<button type="submit" class="bg-blue-400 hover:bg-blue-200 transition p-2 rounded-md absolute right-1 top-1 z-10 mr-6"><img src="/img/search.svg" alt="Search" class="w-4"></button>
</form>
</div>
</div>
<div class="py-2 text-sm lg:text-base px-8 text-center bg-[#589fb6] w-full">
<div class="text-white hidden lg:block"><strong>Have questions?</strong> Contact us at <a class="cursor-pointer hover:underline" href="mailto:info@auctionnews.com">info@auctionnews.com</a> or <a class="cursor-pointer hover:underline" href="tel:01332 551 300" >01332 551 300</a></div>
<div class="text-white block lg:hidden">Contact us at <a class="cursor-pointer hover:underline" href="mailto:info@auctionnews.com">info@auctionnews.com</a> <br > <a class="cursor-pointer hover:underline" href="tel:01332 551 300" >01332 551 300</a></div>
</div>
<div class="bg-white" x-data="{headerOpen: false, headerText: '', headerSubText: '', mobileSubNavOpen: false, subCatOpen: false}">
<div class="flex items-center top-0 left-0 fixed z-50 w-2/3 py-6 bg-white" x-bind:class="open && headerOpen === true ? '' : 'hidden'" x-cloak>
<div x-bind:class="mobileSubNavOpen && subCatOpen === false ? '' : 'hidden'" x-on:click="mobileSubNavOpen = false, headerOpen = false" class="go-back px-6 mr-4"><img src="/img/back.svg" alt="Back"></div>
<div x-bind:class="subCatOpen !== false ? '' : 'hidden'" x-on:click="subCatOpen = false" class="go-back px-6 mr-4"><img src="/img/back.svg" alt="Back"></div>
<span x-bind:class="mobileSubNavOpen && subCatOpen === false ? '' : 'hidden'" class="text-2xl text-blue-600 font-bold" x-text="headerText"></span>
<span x-bind:class="subCatOpen !== false ? '' : 'hidden'" class="text-2xl text-blue-600 font-bold" x-text="headerSubText"></span>
</div>
<div class="mobile-menu fixed inset-0 bg-white text-blue-400 z-30" x-bind:class="open ? '' : 'hidden'" x-cloak>
<div class="spacer"></div>
<div class="nav-options lg:hidden">
<ul class="">
{{ cache key="menu-mobile-ready" for="2 hour" }}
<div class="submenu bg-white text-blue-400" x-bind:class="mobileSubNavOpen !== false ? '' : 'hidden'">
<div>
{{ cache key="mobile-menu" for="2 hour" }}
</div>
</div>
{{ /if }}
{{ /if }}
{{ /if }}
{{ /if }}
</ul>
<div class="py-4 px-6">
<p>
<strong>Tel</strong><a href="tel:
01332 551 300
">
01332 551 300
</a><br>
<strong>Email</strong> <a href="mailto:
info@auctionnews.com
">
info@auctionnews.com
</a>
</p>
<div class="flex space-x-2 mt-4">
<a href="
https://www.facebook.com/AuctionNews
">
<img src="/img/facebook.svg" alt="">
</a>
<a href="
https://twitter.com/AuctionNewsUK
">
<img src="/img/twitter.svg" alt="">
</a>
<a href="
https://www.linkedin.com/company/auction-news-ltd
">
<img src="/img/linkedin.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-gradient-to-b from-blue-500 to-blue-600 text-white">
<div class="px-8 xl:px-32 mx-auto">
<div class="upper pt-10 lg:pt-20 flex justify-between font-light text-sm flex-wrap lg:flex-nowrap">
<div class="w-full lg:w-1/4 py-6 lg:py-0" x-data="{ categoriesOpen: false }">
<div class="footer-ac-button flex justify-between items-center" x-on:click="categoriesOpen = ! categoriesOpen" x-bind:class="categoriesOpen ? 'active' : ''">
<h3 class="text-xl font-bold cursor-default">Categories</h3>
<img src="/img/chevron-down.svg" alt="Open" class="lg:hidden">
</div>
<ul class="footer-links lg:mb-3 mt-6 hidden lg:grid" x-bind:class="categoriesOpen ? 'active' : ''">
{{ nav:footer_categories }}
<li><a href="
/categories/construction-auctions
" class="hover:underline">
Construction
</a></li>
{{ /nav:footer_categories}}
<li><a href="
/categories/manufacturing-auctions
" class="hover:underline">
Manufacturing
</a></li>
{{ /nav:footer_categories}}
<li><a href="
/categories/vehicles-auctions
" class="hover:underline">
Vehicles
</a></li>
{{ /nav:footer_categories}}
<li><a href="
/categories/food-industry-auctions
" class="hover:underline">
Food Industry
</a></li>
{{ /nav:footer_categories}}
<li><a href="
/categories/consumer-goods-auctions
" class="hover:underline">
Consumer Goods
</a></li>
{{ /nav:footer_categories}}
<li><a href="
/categories/agricultural-farm-auctions
" class="hover:underline">
Agriculture
</a></li>
{{ /nav:footer_categories}}
<li><a href="
/categories/it-and-office-auctions
" class="hover:underline">
IT & Office
</a></li>
{{ /nav:footer_categories}}
<li><a href="
/categories/property-auctions
" class="hover:underline">
Property
</a></li>
{{ /nav:footer_categories}}
<li><a href="
/categories/other-industry-auctions
" class="hover:underline">
Other Industries
</a></li>
{{ /nav:footer_categories}}
</ul>
</div>
<div class="w-full lg:w-1/4 flex justify-between flex-wrap lg:flex-nowrap">
<div class="w-full py-6 lg:py-0 border-t border-white lg:border-t-0" x-data="{ helpfulOpen: false }">
<div class="footer-ac-button flex justify-between items-center" x-on:click="helpfulOpen = ! helpfulOpen" x-bind:class="helpfulOpen ? 'active' : ''">
<a href="/help-center"><h3 class="text-xl font-bold">Helpful</h3></a>
<img src="/img/chevron-down.svg" alt="Open" class="lg:hidden">
</div>
<ul class="footer-links lg:mb-3 mt-6 hidden lg:grid" x-bind:class="helpfulOpen ? 'active' : ''">
{{ nav:footer_helpful }}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/help-center/my-account
" class="hover:underline">
My Account
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/help-center/logging-in
" class="hover:underline">
Logging in
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/help-center/searching-and-browsing
" class="hover:underline">
Searching and Browsing
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/help-center/different-types-of-auction-sales
" class="hover:underline">
Different Types of Auction
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/help-center/buying-at-auction
" class="hover:underline">
Buying at Auction
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/help-center/bidding
" class="hover:underline">
Bidding
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/help-center/delivery
" class="hover:underline">
Delivery
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/contact-us
" class="hover:underline">
Contact Us
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/about
" class="hover:underline">
About
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/advertise
" class="hover:underline">
Add my auction
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/advertise
" class="hover:underline">
Advertise
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}
{{ else }}
<li><a href="
/testimonials
" class="hover:underline">
Testimonials
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
</ul>
</div>
</div>
<div class="w-full lg:w-1/4 py-6 lg:py-0 border-t border-white lg:border-t-0">
<a href="/contact-us"><h3 class="text-xl font-bold mb-6">Contact</h3></a>
<div itemscope itemtype="https://schema.org/ContactPoint" class="footer-contact">
<p class="pb-2.5 cursor-default"><strong>Tel</strong><a href="tel:
01332 551 300
" class="hover:underline">
<span>
01332 551 300
</span>
</a></p>
<p class="pb-2.5 cursor-default"><strong>Email</strong><a href="mailto:
info@auctionnews.com
" class="hover:underline">
<span>
info@auctionnews.com
</span>
</a></p>
<div itemtype="https://schema.org/PostalAddress">
<p class="pb-2.5 cursor-default hidden lg:block">
<span>
6 Somme Road, Derby
,</span>
<span>
DE22 2NP
</span>
</p>
</div>
</div>
<div class="socials flex mt-3.5">
<a href="
https://www.facebook.com/AuctionNews
" target="_blank" class="mr-3">
<img class="white-hover-filter" src="/img/facebook.svg" alt="Facebook">
</a>
<a href="
https://twitter.com/AuctionNewsUK
" target="_blank" class="mr-3">
<img class="white-hover-filter" src="/img/twitter.svg" alt="Twitter">
</a>
<a href="
https://www.linkedin.com/company/auction-news-ltd
" target="_blank" class="mr-3">
<img class="white-hover-filter" src="/img/linkedin.svg" alt="Linked In">
</a>
</div>
</div>
<div class="w-full lg:w-1/3 flex justify-start py-6 lg:py-0 border-t border-white lg:border-t-0">
<div class="w-3/4 lg:w-full">
<h3 class="text-xl font-bold mb-6 cursor-default">Auction News Magazine</h3>
<div class="footer-magazine">
<div class="pb-2.5 cursor-default">
<p>Read our latest digital magazine. </p><p>Published weekly since 1958!</p>
</div>
</div>
<a href="/magazine"><button class="border border-white px-10 py-2 mt-3.5 rounded-md font-bold hover:bg-white hover:text-blue-400">View Magazine</button></a>
</div>
</div>
</div>
<div class="lower border-t border-white border-opacity-30 flex text-xs py-6 opacity-50 flex-wrap lg:flex-nowrap">
<p class="lg:pr-10 w-full text-center lg:w-auto lg:text-left pb-2 lg:pb-0 cursor-default" >©
2025
Auction News Ltd. All rights reserved </p>
<div class="flex flex-1 lg:justify-between">
<ul class="footer-small-links flex w-full justify-between lg:w-auto lg:justify-start w-3/4 lg:w-auto">
{{ nav:footer_lower }}
<li><a href="
/terms-and-conditions
" class="lg:pr-10">
Terms of use
</a></li>
{{ /nav:footer_lower}}
<li><a href="
/privacy
" class="lg:pr-10">
Privacy Policy
</a></li>
{{ /nav:footer_lower}}
<li><a href="
/cookies
" class="lg:pr-10">
Cookie Policy
</a></li>
{{ /nav:footer_lower}}
</ul>
<div class="lg:hidden w-1/4 text-end">Site By <a href="https://www.alt-design.net/" target="_blank" class="hover:underline">ALT</a></div>
</ul>
<div class="justify-self-end hidden lg:block cursor-default">Site By <a href="https://www.alt-design.net/" target="_blank" class="hover:underline">ALT</a></div>
</div>
</div>
</div>
</footer>
<!-- Profile icon + actions -->
<div
class="account flex flex-col mr-4 relative cursor-pointer"
x-data="{menuOpen: false}"
@mouseover="menuOpen = true"
@mouseleave="menuOpen = false"
>
<div
class="flex rounded-md bg-blue-300 w-[140px] h-[40px] px-4 font-bold justify-center items-center"
:class="menuOpen ? 'bg-blue-200' : 'bg-blue-300'"
>
<div class="flex h-full text-sm justify-center items-center">
<img
src="/img/account-m.svg"
alt=""
class="account-svg-m mr-2"
style="height: 25px; width: 25px"
/>
</div>
<div class="flex h-full text-sm justify-center items-center">
{{ if logged_in }}
{{ else }}
My Account
{{ /if }}
</div>
</div>
{{ if logged_in }}
{{ else }}
<div
class="absolute text-sm top-0"
@mouseover="menuOpen = true"
@mouseleave="menuOpen = false"
x-cloak
x-bind:class="{'hidden' : !menuOpen}"
>
<div
class="py-4 w-[160px] drop-shadow-md rounded-md bg-white left-0 relative mt-14"
>
<div
onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'header->create-account'});"
@click="setRedirect()"
x-on:click="[sidebarType = 'sign-up', sidebarOpen = true, registerLocation = 'header->create-account']"
class="block px-5 py-2 font-bold hover:bg-blue-50 text-blue-400"
>
Create Account
</div>
<div
@click="setRedirect()"
x-on:click="[sidebarType = 'login', sidebarOpen = true]"
class="block px-5 py-2 hover:bg-blue-50 text-blue-400"
>
Login
</div>
<hr class="my-2" />
<a
href="/advertise"
class="block px-5 py-2 hover:bg-blue-50 text-blue-600"
>Advertise with us</a
>
<hr class="my-2" />
<a
href="/help-center"
class="block px-5 py-2 hover:bg-blue-50 text-blue-600"
>Help</a
>
<a
href="/contact-us"
class="block px-5 py-2 hover:bg-blue-50 text-blue-600"
>Contact Us</a
>
</div>
</div>
{{ /if }}
</div>
{{ if current_user && current_user:auctioneer_form_submitted }}
{{ else }}
<a
onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'header->auctioneer-login'});"
@click="setRedirect()"
x-on:click="registerLocation = 'header->auctioneer-login'"
href="/advertise"
class="account flex flex-col mr-4 relative cursor-pointer"
>
<div
class="flex border text-white border-white hover:bg-white hover:text-blue-400 rounded-md w-[160px] h-[40px] font-bold justify-center items-center"
>
<div class="flex h-full justify-center items-center text-sm mr-1">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="3"
stroke="currentColor"
class="w-4 h-4 mr-1"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 4.5v15m7.5-7.5h-15"
/>
</svg>
Add my auction
</div>
</div>
</a>
{{ /if }}
<div class="flex items-center lg:hidden">
<img src="/img/search-m.svg" alt="" class="search-svg search-svg-m mr-3 "style="height: 29px; width: 29px;" x-on:click="mobSearchOpen = !mobSearchOpen">
<!-- account Icon -->
{{ if logged_in }}
{{ else }}
<div class="account flex flex-col relative" x-data="{menuOpen: false}" x-on:click="menuOpen = true" x-on:click.away="menuOpen = false">
<img src="/img/account-m.svg" alt="" class="account-svg-m mr-3" style="height: 29px; width: 29px;">
<div class="absolute text-sm top-[50px]" style="left: -24px;" x-cloak x-bind:class="{'hidden' : !menuOpen}">
<div class="py-4 w-[160px] drop-shadow-md rounded-md bg-white left-[-65px] relative">
<div
onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'header->create-account'});"
@click="setRedirect()"
x-on:click="[sidebarType = 'sign-up', sidebarOpen = true, registerLocation = 'header->create-account']"
class="block px-5 py-2 font-bold hover:bg-blue-50 text-blue-400"
>
Create Account
</div>
<div
@click="setRedirect()"
x-on:click="[sidebarType = 'login', sidebarOpen = true]"
class="block px-5 py-2 hover:bg-blue-50 text-blue-400"
>
Login
</div>
<hr class="my-2">
<!-- <a href="/help-center/sell-with-us" class="block px-5 py-2 hover:bg-blue-50 text-blue-600">Sell with us</a>-->
<a href="/advertise" class="block px-5 py-2 hover:bg-blue-50 text-blue-600 ">Add your auction</a>
<a href="/help-center" class="block px-5 py-2 hover:bg-blue-50 text-blue-600 ">Help</a>
</div>
</div>
</div>
{{ /if }}
<!-- Heart Icon -->
{{ if logged_in }}
</div>
<div class="hamburger hamburger--spin block mb-1 lg:hidden" style="z-index: 9999999;" x-on:click="open = ! open; accountOpen = false; headerOpen = false; " x-bind:class="open ? 'is-active' : ''">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</div>
<div class="contact lg:w-1/4 lg:p-5">
{{ if logged_in }}
{{ else }}
<div class="links">
<div @click="setRedirect()" x-on:click="sidebarOpen = true" class="cursor-pointer text-lg font-medium text-blue-400 hover:underline flex items-center">
<img src="/img/visit.png" alt="Visit External Link" class=" mr-2">Visit Website
</div>
<div class="socials flex mt-3.5">
{{ items }}
{{ if @value }}
1
<div @click="setRedirect()" x-on:click="sidebarOpen = true" class="cursor-pointer mr-3 hover:bg-blue-300 rounded-md">
<img class="primary-hover-filter" src="/img/
facebook
.svg" alt="
Facebook
">
</div>
{{ /if }}
{{ /items }}
{{ if @value }}
1
<div @click="setRedirect()" x-on:click="sidebarOpen = true" class="cursor-pointer mr-3 hover:bg-blue-300 rounded-md">
<img class="primary-hover-filter" src="/img/
twitter
.svg" alt="
Twitter
">
</div>
{{ /if }}
{{ /items }}
{{ if @value }}
{{ /items }}
{{ if @value }}
{{ /items }}
</div>
</div>
{{ /if }}
{{ if categories }}
1
<!-- Category List -->
<div class="categories mt-6">
<div class="font-bold text-blue-400">Categories</div>
{{ auctioneerCats}}
<div class="flex items-center my-2">
<!-- <div class="h-4 w-4 mr-2">
<img src="
">
</div>-->
<p class="text-base font-medium mb-0">
<a class="hover:underline inline" href="/categories/
agricultural-farm-auctions
">
Agriculture
</a>
</p>
</div>
{{ /auctioneerCats }}
<div class="flex items-center my-2">
<!-- <div class="h-4 w-4 mr-2">
<img src="
">
</div>-->
<p class="text-base font-medium mb-0">
<a class="hover:underline inline" href="/categories/
manufacturing-auctions
">
Manufacturing
</a>
</p>
</div>
{{ /auctioneerCats }}
<div class="flex items-center my-2">
<!-- <div class="h-4 w-4 mr-2">
<img src="
">
</div>-->
<p class="text-base font-medium mb-0">
<a class="hover:underline inline" href="/categories/
other-industry-auctions
">
Other Industries
</a>
</p>
</div>
{{ /auctioneerCats }}
</div>
{{ /if }}
</div>
<div class="fixed top-0 bottom-0 z-50 sign-up-overlay h-full bg-blue-600 opacity-50 transition-all duration-1250" x-bind:class="{'left-[0%]' : sidebarOpen, 'left-[100%]' : !sidebarOpen}" x-cloak></div>
<div class="fixed top-0 bottom-0 z-50 sign-up-modal transition-all duration-1000" x-bind:class="{'right-0 left-0' : sidebarOpen, 'right-[-100%]' : !sidebarOpen}" x-cloak>
<div class="bg-white text-blue-600 rounded-l-md h-screen overflow-y-scroll">
<!-- Close Button -->
<div class="flex pt-8 pr-8 items-end justify-end" :class="sidebarType == 'sign-up' ? 'bg-blue-100' : ''">
<button x-on:click="sidebarOpen = false">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div x-show="sidebarType == 'sign-up'">
<div class="flex flex-col">
<!-- create account modal -->
<div class="flex relative flex-col justify-center bg-blue-100 pb-4 px-7">
<h2 class="text-4xl font-bold mt-0 absolute -top-6 left-7">Create your account</h2>
<ul class="list-disc text-white leading-tight text-md mb-4 mt-6 pl-1 md:ml-4">
<p style="font-size: 24px; margin-left: -20px; margin-bottom: 3px;">Includes</p>
{{ foreach:includes }}
<li class="">
Tailored Auction Alerts
</li>
{{ /foreach:includes }}
<li class="">
Easy Bidding Access
</li>
{{ /foreach:includes }}
<li class="">
Weekly Auction Magazine Alert
</li>
{{ /foreach:includes }}
<li class="">
Save Your Favourite Auctions
</li>
{{ /foreach:includes }}
<li class="">
Save Your Searches
</li>
{{ /foreach:includes }}
</ul>
<p class="">Have an account? <span class="cursor-pointer font-bold underline" x-on:click="sidebarType = 'login'">Sign in</span></p>
</div>
<div class="p-7 rounded-b-md mt-4">
<label class="inline-block font-bold" for="">Name <span class="text-red-400">*</span></label>
<input wire:model="name" type="text" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div class="text-red-700">
</div>
<label class="inline-block font-bold mt-4" for="">Email address <span class="text-red-400">*</span></label>
<input wire:model="email" type="email" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div class="text-red-700">
</div>
<div x-data="{showPassword: false}" class="relative">
<label class="inline-block font-bold mt-4" for="">Password <span class="text-red-400">*</span><br><span class="text-xs leading-none">Min 8 characters. <br> Include at least 1 uppercase, 1 lowercase and 1 symbol (#?!@£$%^&*-)</span></label>
<div class="relative">
<input x-bind:type="showPassword ? 'text' : 'password'" wire:model="password" type="password" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="!showPassword" class="cursor-default absolute right-0 top-[19px] h-6 w-6 mt-1" style="background-image: url('/img/password.svg');
background-repeat: no-repeat;"></div>
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="showPassword" class="cursor-default absolute right-0 top-[19px] h-6 w-6 mt-1" style="background-image: url('/img/password-show.svg');
background-repeat: no-repeat;"></div>
</div>
<!--Overriding the errors how AN wants them -->
{{ if errors->first('password') != 'The password confirmation does not match.' }}
1
<div class="text-red-700">
</div>
{{ /if }}
</div>
<div x-data="{showPasswordC: false}" class="relative">
<label class="inline-block font-bold mt-4" for="">Confirm Password <span class="text-red-400">*</span></label>
<div class="relative">
<input x-bind:type="showPasswordC ? 'text' : 'password'" wire:model="password_confirmation" type="password" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div x-on:click="showPasswordC = ! showPasswordC" x-cloak x-show="!showPasswordC" class="cursor-default absolute right-0 top-[20px] h-6 w-6 mt-1" style="background-image: url('/img/password.svg');
background-repeat: no-repeat;"></div>
<div x-on:click="showPasswordC = ! showPasswordC" x-cloak x-show="showPasswordC" class="cursor-default absolute right-0 top-[20px] h-6 w-6 mt-1" style="background-image: url('/img/password-show.svg');
background-repeat: no-repeat;"></div>
</div>
<div class="text-red-700">
</div>
<!--Overriding the errors how AN wants them -->
{{ if errors->first('password') == 'The password confirmation does not match.' }}
</div>
<div class="flex items-center mt-4">
<div x-data="{ set: false }">
<div class="filter flex justify-start items-center font-bold mr-6 py-2 cursor-pointer"
x-on:click="set = !set"
wire:click="toggleField('opted_in_to_digimag_alerts')"
x-bind:class="set ? 'active' : ''">
<div
class="checkbox border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<img alt="chevron" x-show="set" src="/img/chevron-simple.svg">
</div>
<h4 class="text-blue-400 text-sm ">Email me about auctions matching my categories of interest</h4>
</div>
</div>
</div>
<input type="hidden" wire.model="redirect" value="
https://auction-news-dev.alt-develop.co.uk/auctioneers/ashley-waller-auctioneers
" />
<p class="text-sm text-center my-4">
By clicking register you confirm that you agree to our website <a target="_blank" href="/terms-and-conditions" class="text-sm text-blue-600 underline">terms of use.</a>
</p>
<div>
<input x-model="registerLocation" type="hidden" id="getRegisterLocation" name="getRegisterLocation" class="w-full px-3 py-2 rounded-md text-blue-600">
<p wire:click="attemptRegister()"
onclick="gtag('event', 'CTA_register_completion', {'event_category': 'click', 'event_location': '\"' + document.getElementById('getRegisterLocation').value + '\"' });"
class="flex h-16 lg:h-12 mb-1 pl-3 items-center justify-center rounded-md font-bold text-white cursor-pointer mouse-cursor-gradient-tracking">
<span>Create Account</span>
</p>
</div>
</div>
</div>
</div>
<div x-show="sidebarType == 'login'">
<form class="p-7" xmlns:x-on="http://www.w3.org/1999/xhtml">
<h2 class="text-4xl font-bold mt-8 mb-6">Log in</h2>
<p class="mb-6">Need an account? <span class="cursor-pointer text-blue-200 hover:text-blue-600 underline" x-on:click="sidebarType = 'sign-up'">Create an account</span></p>
<label class="inline-block font-bold" for="email">Email address <span class="text-red-400">*</span></label>
<input autocomplete="email" id="email" wire:model="email" name="email" type="email" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div class="text-red-700">
</div>
<div x-data="{showPassword: false}" class="relative">
<label class="inline-block font-bold mt-4" for="password">Password <span class="text-red-400">*</span></label>
<input x-bind:type="showPassword ? 'text' : 'password'" autocomplete="password" id="password" wire:model="password" name="password" type="password" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="!showPassword" class="cursor-default absolute right-0 top-[57px] h-6 w-6 mt-1" style="background-image: url('/img/password.svg');
background-repeat: no-repeat;"></div>
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="showPassword" class="cursor-default absolute right-0 top-[57px] h-6 w-6 mt-1" style="background-image: url('/img/password-show.svg');
background-repeat: no-repeat;"></div>
<div class="text-red-700">
</div>
</div>
{{ if errors->has('incorrect') }}
<div class="mt-4 flex justify-between items-center"><label for="remember-me" class="flex items-center cursor-pointer"><input type="checkbox" name="remember" id="remember-me"> <span class="ml-1">Remember me</span></label></div>
<div class="mt-4">
<a href="/forgotten-password" class="text-sm text-blue-300 underline">Forgotten your password?</a>
</div>
<div class="mt-4">
<p wire:click="attemptLogin()" class="flex h-16 lg:h-12 mb-1 pl-3 items-center justify-center rounded-md font-bold text-white cursor-pointer mouse-cursor-gradient-tracking">
<span>Log in</span>
</p>
</div>
</form>
</div>
</div>
</div>
<style>
.sign-up-overlay{
width: 100vw
}
.sign-up-modal{
width: 100vw;
max-width: 520px;
}
@media(max-width: 1023px){
label.mt-4{
margin-top: 5px!important;
}
.sign-up-modal .px-8.py-8{
padding:1rem!important;
}
.sign-up-modal h2{
font-size: 25px!important;
margin-top:0!important;
margin-bottom:5px!important;
}
.sign-up-modal h4{
font-size: 14px!important;
}
.sign-up-modal p.mb-6{
margin-bottom: 5px!important;
font-size: 14px!important;
}
.sign-up-modal p.text-sm.my-4{
font-size: 12px!important;
margin: 5px 0!important;
}
}
@media(min-width: 1024px){
.sign-up-modal.left-0{
left: unset!important;
}
}
</style>
{{ if !logged_in && template != 'register' && template != 'forgotten_password' && template != 'reset_password' && template != 'login' }}
1
<div x-show="sidebarOpen == false">
<div class="top-0 fixed z-50 w-full h-screen bg-blue-600 transition-all opacity-50 duration-300" x-show="popUpOpen" x-on:click="popUpClose()" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-50"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-50"
x-transition:leave-end="opacity-0"
></div>
<div class="top-0 justify-center items-center px-8 lg:px-0 w-full h-full fixed z-50 pointer-events-none transition-all" x-show="popUpOpen" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 mt-4"
x-transition:enter-end="opacity-100 mt-0"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-100 mt-0"
x-transition:leave-end="opacity-0 mt-4"
>
<div class="flex justify-center items-center w-full h-full ">
<div class="text-blue-600 rounded-md px-8 lg:px-12 py-8 lg:py-12 bg-blue-100 relative w-[550px] max-w-full pointer-events-auto relative">
<div class="absolute">
<img src="/img/pop-up-hammer.png" alt="">
</div>
<!-- Close Button -->
<div class="flex items-end justify-end absolute right-8 top-8 z-10">
<button x-on:click="popUpClose()">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<form action="/create-account" class="relative">
<h4 class="text-blue-600 text-3xl lg:text-5xl font-bold">
Get your
</h4>
<h4 class="text-white text-3xl lg:text-5xl font-bold mt-2 mb-2 lg:mb-6">
FREE account now!
</h4>
<div class="text-white">
<p class="text-lg">Includes:</p>
{{ site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Tailored Auction Alerts
</span>
</p>
{{ /site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Easy Bidding Access
</span>
</p>
{{ /site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Weekly Auction Magazine Alert
</span>
</p>
{{ /site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Save Your Favourite Auctions
</span>
</p>
{{ /site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Save Your Searches
</span>
</p>
{{ /site_options:includes }}
</div>
<label class="inline-block font-bold mt-2 lg:mt-8" for="">Email address <span class="text-red-400">*</span></label>
<input type="text" name="email" class="mt-2 border border-blue-250 text-blue-600 px-4 py-2 rounded w-full">
<p class="text-xs lg:text-sm leading-tight mt-2 mb-6">
By clicking register you confirm that you agree to our website <a target="_blank" href="/terms-and-conditions" class="text-sm text-blue-600 underline">terms of use.</a>
</p>
<button onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'pop-up'});"
@click="setRedirect()"
x-on:click="registerLocation = 'pop-up'"
type="submit"
class="text-white inline-block rounded-md text-center text-lg font-bold w-full bg-blue-600 hover:bg-white hover:text-blue-600 mt-4 lg:mt-6 py-3 lg:py-3 px-12 text-base transition">
Create account
</button>
</form>
</div>
</div>
</div>
</div>
{{ /if }}
<script>
{{ if slug != 'home' }}
1
setInterval(function() {
var sliders = document.querySelectorAll('.glide');
if(sliders.length > 0) {
var sliderCheck = document.querySelectorAll('.glide:not(.glide--ltr)')
if(sliderCheck.length > 0) {
console.log('opening');
window.sliders.init();
}
}
}, 2000)
{{ /if }}
</script>
{{ if int_feaafef8ee3e7af71ff6cd65 === true }}
{{ nocache }}
{{ nocache }}
<script
data-cookie-notice='{ "learnMoreLinkEnabled": true, "learnMoreLinkHref": "/cookies", "buttonBgColor": "#117C9C", "noticeBgColor": "#002A4C", "messageLocales": {
"en": "We use cookies to ensure you get the best experience. By using our website you agree to our cookie policy."
} }'
src="/cookie.notice.min.js">
</script>
{{ if current_uri == '/auctions' }}
<script>
function setRedirect() {
// Get url + params
const baseUrl = window.location.origin;
const fullUrl = window.location.href;
const clearnUrl = fullUrl.replace(baseUrl, '')
// Get 30 min timeout
const now = new Date();
const minutes = 30;
now.setTime(now.getTime() + (minutes * 60 * 1000));
// Set the cookie
document.cookie =
"redirect=" + clearnUrl + ";" +
"expires=" + now.toUTCString() + ";" +
"path=/";
}
</script>
<script>
function companyEmailClicked() {
gtag('event', 'CompanyEmailClicked', {});
}
function companyPhoneClicked() {
gtag('event', 'CompanyPhoneNumberClicked', {});
}
</script>
{{ nocache }}
<style type="text/css">
#map {
width: 100%;
height: 600px;
border: #ccc solid 1px;
margin: 20px 0;
}
.acf-map img {
max-width: inherit !important;
}
</style>
</body>
</html>