<!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-auction-asset-limited
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">Auction Asset Limited
</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/411000101010000000000companyLogo.jpg
" alt="
Auction Asset Limited
logo">
<!-- <img class="mx-auto" src="" alt="
Auction Asset Limited
logo"> -->
</div>
<!-- Profile -->
<div itemprop=”description” class="bio lg:w-1/2 lg:p-5 mb-6 lg:mb-0 wysiwyg"><p>Built on several decades of knowledge harvested from the manufacturing and engineering sectors, Auction Asset Ltd is well placed to offer a full life cycle package to its customers including the valuing of assets, disposal of items, the auctioning of equipment and even consultations to map out your available choices.</p><p>Auction Asset Ltd contractors have the ability to decommission, transport and provide a complete logistical umbrella to its customers, this includes any asset that has either already been sold or is being relocated within the same group on both a national and international scale.</p><p>The company can aid in the auction of any assets, whether it be individual items or your complete catalogue, via a range of sale methods including private treaty, tender, conventional auctions or to offer to their extensive range of clientele.</p><p>To view all of Auction Asset’s current auctions simply login and click ‘View Auctions’ to make sure you don’t miss out!</p>
</div>
<!-- Links and Socials -->
{{ nocache }}</div>
<script>
function auctioneerEvent(){
gtag('event', 'Auctioneer', {
'auctioneer_name': 'Auction Asset Limited
',
'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">Beaconsfield
</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 }}
22 Wycombe End
{{ /if }} </span></br>
{{ /if }}
{{ /items }}
{{ if @value }}
{{ /items }}
{{ if @value }}
{{ /items }}
{{ if @value }}1
<span itemprop="
addressLocality
">
{{ if @value == 'uk' }}{{ else }}
Beaconsfield
{{ /if }} </span></br>
{{ /if }}
{{ /items }}
{{ if @value }}1
<span itemprop="
postalCode
">
{{ if @value == 'uk' }}{{ else }}
HP9 1NB
{{ /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": "Beaconsfield
",
"addressRegion": "uk
",
"streetAddress": "22 Wycombe End
,
HP9 1NB
"
},
"name": "Auction Asset Limited
",
"telephone": "0203 589 6472
"
}
</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:info@auctionasset.co.uk
"><span>
info@auctionasset.co.uk
</span></a>
</div>
{{ /if }}
{{ if telephone }}1
<div>
<strong>Tel </strong><a href="tel:0203 589 6472
"><span>
0203 589 6472
</span></a>
</div>
{{ /if }} </div>
</div>
<!-- Local Offices -->
{{ runway:auctioneers scope="sites:int_279a" }}363
363
{{ 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 }}1
<!-- Current Auctions -->
<div class="container mx-auto mb-10 lg:mb-20">
<h2 class="font-medium text-xl lg:text-2xl mr-5 text-blue-400 mb-4">Past auctions</h2>
<div class="flex w-full grid grid-cols-1 lg:grid-cols-3 gap-8">
{{ auctions }} <div>
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_1558
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}1558
1558
{{ if featured == 1 }}
<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' }}list
list
1
absolute top-[25px] left-[25px]
{{ /if }}"
{{ 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' }}list
list
1
26.606
{{ else }}" 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' }}light
light
{{ else }} #fff
{{ /if }}" stroke="
{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4 {{ if featured == 1 }}{{ else }} bg-white text-blue-600
{{ /if }}">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'auctioneer-details
' });" href="/
auction
/
auction-asset-limited/forklifts-racking-press-brakes-guillotine-drills-etc/1558
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'auctioneer-details
' });" href="/
auction
/
auction-asset-limited/forklifts-racking-press-brakes-guillotine-drills-etc/1558
" class="hover:underline">-->
{{ if lot_number }} <p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
Forklifts, Racking, Press Brakes Guillotine, Drills, etc
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}auction
auction
363
363
1558
1558
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /auctions}} </div>
</div>
{{ /if }}{{ /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" }} </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 }}
{{ /items }}
{{ if @value }}
{{ /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/construction-auctions
">
Construction
</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/auction-asset-limited
" />
<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>
Visit Website
