This commit is contained in:
2026-07-08 16:37:35 -03:00
parent c4c3f847a3
commit cf9af9e7a9
6 changed files with 7 additions and 75 deletions
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

+7 -23
View File
@@ -115,28 +115,7 @@
</span> </span>
</div> </div>
</a> </a>
<img <img class="brands-banner" src="asset/banner.webp" alt="" />
class="brands-banner"
id="brands-banner"
src="asset/banner/5.webp"
alt=""
/>
</div>
<!-- Banner image selector -->
<div class="banner-selector">
<label for="banner-picker">Banner:</label>
<select id="banner-picker">
<option value="1">Banner 1</option>
<option value="2">Banner 2</option>
<option value="3">Banner 3</option>
<option value="4">Banner 4</option>
<option value="5" selected>Banner 5</option>
<option value="6">Banner 6</option>
<option value="7">Banner 7</option>
<option value="8">Banner 8</option>
<option value="9">Banner 9</option>
</select>
</div> </div>
</section> </section>
@@ -307,7 +286,12 @@
Interested in carrying [fi-ne] or LACUEOR? Send us your details Interested in carrying [fi-ne] or LACUEOR? Send us your details
and we will get back to you within 48 hours. and we will get back to you within 48 hours.
</p> </p>
<form class="signup-form" action="#signup" method="post" novalidate> <form
class="signup-form"
action="https://n8n.finorbrands.com/webhook/b2b-signup"
method="post"
novalidate
>
<div class="signup-grid"> <div class="signup-grid">
<div class="form-group"> <div class="form-group">
<label for="signup-name" data-i18n="signup.name" <label for="signup-name" data-i18n="signup.name"
-9
View File
@@ -64,15 +64,6 @@
applyLang(this.value); applyLang(this.value);
}); });
/* ── Banner image selector ──────────────────────────────── */
var bannerPicker = document.getElementById("banner-picker");
var brandsBanner = document.getElementById("brands-banner");
if (bannerPicker && brandsBanner) {
bannerPicker.addEventListener("change", function () {
brandsBanner.src = "asset/banner/" + this.value + ".webp";
});
}
/* ── Smooth anchor scroll offset for fixed topbar ────────── */ /* ── Smooth anchor scroll offset for fixed topbar ────────── */
document.querySelectorAll('a[href^="#"]').forEach(function (anchor) { document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
anchor.addEventListener("click", function (e) { anchor.addEventListener("click", function (e) {
-43
View File
@@ -887,49 +887,6 @@ footer {
margin: 0 auto 24px; margin: 0 auto 24px;
} }
/* ============================================================
BANNER SELECTOR
============================================================ */
.banner-selector {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 20px 48px;
background: var(--cream);
border-bottom: 1px solid var(--border);
font-family: var(--font-sans);
font-size: 10px;
letter-spacing: 0.12em;
color: var(--mid-grey);
}
.banner-selector label {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.2em;
color: var(--gold);
}
.banner-selector select {
font-family: var(--font-sans);
font-size: 11px;
letter-spacing: 0.06em;
padding: 8px 16px;
border: 1px solid var(--border);
background: var(--warm-white);
color: var(--charcoal);
cursor: pointer;
outline: none;
transition: border-color var(--transition);
min-width: 130px;
}
.banner-selector select:hover,
.banner-selector select:focus {
border-color: var(--gold);
}
/* ============================================================ /* ============================================================
RESPONSIVE RESPONSIVE
============================================================ */ ============================================================ */