<!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-
clowes-nash-auctions-ltd
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">
Clowes Nash Auctions Ltd
</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/443000101010000000000companyLogo.jpg
" alt="
Clowes Nash Auctions Ltd
logo">
<!-- <img class="mx-auto" src="
" alt="
Clowes Nash Auctions Ltd
logo"> -->
</div>
<!-- Profile -->
<div itemprop=”description” class="bio lg:w-1/2 lg:p-5 mb-6 lg:mb-0 wysiwyg">
<p>Based in Attleborough, Norfolk, Clowes Nash Auctions (CNA) have over 30 years of industry knowledge and experience. They offer regular sales of almost any item including clearance auctions, insolvency auctions and have even sold assets on behalf of Her Majesty’s Revenue and Customs.</p><p>CNA offer their clientele the option of selling their assets either at their own auction house or on the client’s premises. The company utilises advanced advertising across a broad range of platforms in conjunction with their up to date website.</p><p>The company also offers a full auction service which includes pre-auction photography and informative asset descriptions.</p><p>Make sure you never miss out on a CNA auction. Simply remember to login and click ‘View auctions’.</p>
</div>
<!-- Links and Socials -->
{{ nocache }}
</div>
<script>
function auctioneerEvent(){
gtag('event', 'Auctioneer', {
'auctioneer_name': '
Clowes Nash Auctions Ltd
',
'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">
Attleborough
</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 }}
Rookery Business Park
{{ /if }}
</span></br>
{{ /if }}
{{ /items }}
{{ if @value }}
1
<span itemprop="
">
{{ if @value == 'uk' }}
{{ else }}
Silver Street
{{ /if }}
</span></br>
{{ /if }}
{{ /items }}
{{ if @value }}
1
<span itemprop="
">
{{ if @value == 'uk' }}
{{ else }}
Besthorpe
{{ /if }}
</span></br>
{{ /if }}
{{ /items }}
{{ if @value }}
1
<span itemprop="
addressLocality
">
{{ if @value == 'uk' }}
{{ else }}
Attleborough
{{ /if }}
</span></br>
{{ /if }}
{{ /items }}
{{ if @value }}
1
<span itemprop="
postalCode
">
{{ if @value == 'uk' }}
{{ else }}
NR17 2LD
{{ /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": "
Attleborough
",
"addressRegion": "
uk
",
"streetAddress": "
Rookery Business Park
,
NR17 2LD
"
},
"name": "
Clowes Nash Auctions Ltd
",
"telephone": "
07802 586555
"
}
</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:
clowesnash@aol.com
"><span>
clowesnash@aol.com
</span></a>
</div>
{{ /if }}
{{ if telephone }}
1
<div>
<strong>Tel </strong><a href="tel:
07802 586555
"><span>
07802 586555
</span></a>
</div>
{{ /if }}
</div>
</div>
<!-- Local Offices -->
{{ runway:auctioneers scope="sites:int_279a" }}
387
387
{{ 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 transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]: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="transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]: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="transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]: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="transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]: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="transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]: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="transition-all duration-500 ease-linear nav-search mr-4 w-[200px] min-[1780px]:w-1/5 relative hidden min-[1600px]: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" }}
</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 text-nowrap min-[1400px]: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="hidden min-[1400px]:block 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 min-[1400px]:w-[160px] h-[40px] font-bold justify-center items-center"
>
<div class="flex h-full justify-center items-center text-sm mr-1 px-2 text-nowrap">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="3"
stroke="currentColor"
class="hidden min-[1400px]:block 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/
consumer-goods-auctions
">
Consumer Goods
</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/
vehicles-auctions
">
Vehicles
</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/clowes-nash-auctions-ltd
" />
<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>