new
This commit is contained in:
+126
-98
@@ -22,44 +22,17 @@
|
||||
<nav class="topbar-nav" aria-label="Primary">
|
||||
<a href="#brands" class="nav-hide">Our Brands</a>
|
||||
<a href="#b2b" class="nav-hide">Partner Benefits</a>
|
||||
<a href="mailto:b2b@finor.de" class="nav-hide">Contact</a>
|
||||
<a href="mailto:b2b@finor.de" class="btn-topbar"
|
||||
>Get In Touch</a
|
||||
<a href="#signup" class="nav-hide">Contact</a>
|
||||
<a href="https://b2b.finorbrands.com" class="btn-topbar"
|
||||
>Anmelden</a
|
||||
>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- ============================================================
|
||||
HERO
|
||||
============================================================ -->
|
||||
<main>
|
||||
<section class="hero" aria-labelledby="hero-heading">
|
||||
<div class="hero-inner">
|
||||
<p class="hero-eyebrow">Exclusive B2B Partner Portal</p>
|
||||
<h1 id="hero-heading">
|
||||
<span class="hero-title"><em>[fi-ne]</em></span>
|
||||
<span class="hero-ampersand">&</span>
|
||||
<span class="hero-title">LACUEOR</span>
|
||||
</h1>
|
||||
<p class="hero-subtitle">
|
||||
Two distinct expressions of uncompromising luxury. One
|
||||
portal for the partners who share our vision.
|
||||
</p>
|
||||
<div class="hero-rule" aria-hidden="true">
|
||||
<span></span>
|
||||
<span class="hero-rule-diamond"></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="scroll-cue" aria-hidden="true">
|
||||
<span>Discover</span>
|
||||
<div class="scroll-cue-line"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
BRAND CARDS — B2C BANNER
|
||||
============================================================ -->
|
||||
<main>
|
||||
<section
|
||||
class="section brands-section"
|
||||
id="brands"
|
||||
@@ -76,7 +49,6 @@
|
||||
</p>
|
||||
|
||||
<div class="brands-grid" role="list">
|
||||
|
||||
<!-- FI-NE (left half) -->
|
||||
<a
|
||||
class="brand-card brand-card--fine"
|
||||
@@ -86,10 +58,6 @@
|
||||
role="listitem"
|
||||
aria-label="Visit [fi-ne] consumer website — finecosmetic.de"
|
||||
>
|
||||
<div
|
||||
class="brand-card-top-accent"
|
||||
aria-hidden="true"
|
||||
></div>
|
||||
<div class="brand-card-header">
|
||||
<span class="brand-card-eyebrow"
|
||||
>Premium Natural Cosmetics</span
|
||||
@@ -100,7 +68,6 @@
|
||||
alt="[fi-ne] brand logo"
|
||||
/>
|
||||
</div>
|
||||
<div class="brand-card-gap" aria-hidden="true"></div>
|
||||
<div class="brand-card-footer">
|
||||
<span class="brand-card-tagline">
|
||||
Clean. Unisex. Uncompromisingly effective.<br />
|
||||
@@ -126,10 +93,6 @@
|
||||
role="listitem"
|
||||
aria-label="Visit LACUEOR consumer website — lacueor.com"
|
||||
>
|
||||
<div
|
||||
class="brand-card-top-accent"
|
||||
aria-hidden="true"
|
||||
></div>
|
||||
<div class="brand-card-header">
|
||||
<span class="brand-card-eyebrow"
|
||||
>Premium Organic Skin Care</span
|
||||
@@ -140,7 +103,6 @@
|
||||
alt="LACUEOR brand logo"
|
||||
/>
|
||||
</div>
|
||||
<div class="brand-card-gap" aria-hidden="true"></div>
|
||||
<div class="brand-card-footer">
|
||||
<span class="brand-card-tagline">
|
||||
From the quantum realm to your skin.<br />
|
||||
@@ -156,38 +118,29 @@
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<img
|
||||
class="brands-banner"
|
||||
id="brands-banner"
|
||||
src="asset/banner/5.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- Banner image selector -->
|
||||
<div class="banner-selector">
|
||||
<label for="banner-picker">Banner:</label>
|
||||
<select id="banner-picker">
|
||||
<option value="1" selected>Banner 1</option>
|
||||
<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">Banner 5</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>
|
||||
|
||||
<p class="brands-notice">
|
||||
Looking for consumer
|
||||
products? — Visit <a
|
||||
href="https://finecosmetic.de"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>finecosmetic.de</a
|
||||
>
|
||||
or
|
||||
<a href="https://lacueor.com" target="_blank" rel="noopener"
|
||||
>lacueor.com</a
|
||||
>
|
||||
directly.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
@@ -306,7 +259,9 @@
|
||||
|
||||
<p class="b2b-notice">
|
||||
Already a partner?  —  
|
||||
<a href="#portal">Sign in to your B2B account</a>
|
||||
<a href="https://b2b.finorbrands.com"
|
||||
>Sign in to your B2B account</a
|
||||
>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
@@ -339,50 +294,123 @@
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- ============================================================
|
||||
SIGN-UP SECTION
|
||||
============================================================ -->
|
||||
<section class="section signup-section" id="signup">
|
||||
<div class="section-label" data-i18n="signup.label">Contact Us</div>
|
||||
<h2 class="section-title" data-i18n="signup.title">
|
||||
Become a Partner
|
||||
</h2>
|
||||
<p class="section-body" data-i18n="signup.body">
|
||||
Interested in carrying [fi-ne] or LACUEOR? Send us your details
|
||||
and we will get back to you within 48 hours.
|
||||
</p>
|
||||
<p class="b2b-notice" style="margin-bottom: 40px">
|
||||
Already a partner?  —  
|
||||
<a href="https://b2b.finorbrands.com"
|
||||
>Sign in to your B2B account</a
|
||||
>
|
||||
</p>
|
||||
<form class="signup-form" action="#signup" method="post" novalidate>
|
||||
<div class="signup-grid">
|
||||
<div class="form-group">
|
||||
<label for="signup-name" data-i18n="signup.name"
|
||||
>Name *</label
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
id="signup-name"
|
||||
name="name"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="signup-email" data-i18n="signup.email"
|
||||
>Email *</label
|
||||
>
|
||||
<input
|
||||
type="email"
|
||||
id="signup-email"
|
||||
name="email"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="signup-phone" data-i18n="signup.phone"
|
||||
>Phone</label
|
||||
>
|
||||
<input type="tel" id="signup-phone" name="phone" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="signup-website" data-i18n="signup.website"
|
||||
>Website</label
|
||||
>
|
||||
<input
|
||||
type="url"
|
||||
id="signup-website"
|
||||
name="website"
|
||||
placeholder="https://"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="signup-social" data-i18n="signup.social"
|
||||
>Social Media</label
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
id="signup-social"
|
||||
name="social"
|
||||
placeholder="Instagram / LinkedIn / …"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group form-group--full">
|
||||
<label for="signup-message" data-i18n="signup.message"
|
||||
>Describe your business case *</label
|
||||
>
|
||||
<textarea
|
||||
id="signup-message"
|
||||
name="message"
|
||||
rows="5"
|
||||
required
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
type="submit"
|
||||
class="btn-primary"
|
||||
data-i18n="signup.submit"
|
||||
>
|
||||
Send Request
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
FOOTER
|
||||
============================================================ -->
|
||||
<footer role="contentinfo">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-top">
|
||||
<div class="footer-brands">
|
||||
<a
|
||||
class="footer-brand-link"
|
||||
href="https://finecosmetic.de"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>[fi-ne]</a
|
||||
>
|
||||
<span class="footer-brand-sep">•</span>
|
||||
<a
|
||||
class="footer-brand-link"
|
||||
href="https://lacueor.com"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>LACUEOR</a
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="footer-logo-wrap">
|
||||
<img
|
||||
src="asset/Bildschirmfoto_2025-12-05_um_17.28.39-removebg-preview.png"
|
||||
alt="[fi-ne] & LACUEOR"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="footer-contact">
|
||||
<a href="mailto:b2b@finor.de">b2b@finor.de</a>
|
||||
<a href="mailto:info@lacueor.com">info@lacueor.com</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p class="footer-legal">
|
||||
<div
|
||||
class="footer-bottom"
|
||||
style="border-top: none; padding-top: 0"
|
||||
>
|
||||
<p class="footer-legal" data-i18n="footer.copyright">
|
||||
© 2025 FINOR GmbH. All rights reserved.
|
||||
<a href="#">Legal Notice</a>
|
||||
<a href="#">Privacy Policy</a>
|
||||
<a href="#" data-i18n="footer.legal">Legal Notice</a>
|
||||
<a href="#" data-i18n="footer.privacy"
|
||||
>Privacy Policy</a
|
||||
>
|
||||
</p>
|
||||
<div class="footer-lang">
|
||||
<select id="lang-select">
|
||||
<option value="en">English</option>
|
||||
<option value="de">Deutsch</option>
|
||||
</select>
|
||||
</div>
|
||||
<p class="footer-tagline" data-i18n="footer.tagline">
|
||||
Made in Berlin, with love.
|
||||
</p>
|
||||
<p class="footer-tagline">Made in Berlin, with love.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user