oliver/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
oliver
2026-07-08 18:29:08 -03:00
parent cf9af9e7a9
commit af1e219c12
3 changed files with 456 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+185 -48
View File
@@ -14,13 +14,24 @@
<header class="topbar" role="banner">
<div class="topbar-logo">
<img src="asset/logo.webp" alt="[fi-ne] &amp; LACUEOR" />
<span class="topbar-label">B2B<br />Partner Portal</span>
<span class="topbar-label" data-i18n="topbar.label"
>B2B<br />Partner Portal</span
>
</div>
<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="#signup" class="nav-hide">Contact</a>
<a href="https://b2b.finorbrands.com" class="btn-topbar"
<a href="#brands" class="nav-hide" data-i18n="nav.brands"
>Our Brands</a
>
<a href="#b2b" class="nav-hide" data-i18n="nav.benefits"
>Partner Benefits</a
>
<a href="#signup" class="nav-hide" data-i18n="nav.contact"
>Contact</a
>
<a
href="https://b2b.finorbrands.com"
class="btn-topbar"
data-i18n="nav.signin"
>Anmelden</a
>
</nav>
@@ -35,11 +46,17 @@
id="brands"
aria-labelledby="brands-heading"
>
<p class="section-label">Our Brand Universe</p>
<h2 class="section-title" id="brands-heading">
<p class="section-label" data-i18n="brands.label">
Our Brand Universe
</p>
<h2
class="section-title"
id="brands-heading"
data-i18n="brands.title"
>
Consumer &amp; Retail Destinations
</h2>
<p class="section-body">
<p class="section-body" data-i18n="brands.body">
Direct our clients and consumers to our flagship brand
destinations.
</p>
@@ -55,7 +72,9 @@
aria-label="Visit [fi-ne] consumer website — finecosmetic.de"
>
<div class="brand-card-header">
<span class="brand-card-eyebrow"
<span
class="brand-card-eyebrow"
data-i18n="fine.eyebrow"
>Premium Natural Cosmetics</span
>
<img
@@ -65,7 +84,10 @@
/>
</div>
<div class="brand-card-footer">
<span class="brand-card-tagline">
<span
class="brand-card-tagline"
data-i18n="fine.tagline"
>
Clean. Unisex. Uncompromisingly effective Body
Care. <br />
Born in Berlin.
@@ -91,7 +113,9 @@
aria-label="Visit LACUEOR consumer website — lacueor.com"
>
<div class="brand-card-header">
<span class="brand-card-eyebrow"
<span
class="brand-card-eyebrow"
data-i18n="lacueor.eyebrow"
>Premium Organic Skin Care</span
>
<img
@@ -101,7 +125,10 @@
/>
</div>
<div class="brand-card-footer">
<span class="brand-card-tagline">
<span
class="brand-card-tagline"
data-i18n="lacueor.tagline"
>
Premium organic skin care.<br />
Born in Switzerland.
</span>
@@ -127,11 +154,17 @@
id="b2b"
aria-labelledby="b2b-heading"
>
<p class="section-label">Exclusive Partnership</p>
<h2 class="section-title" id="b2b-heading">
<p class="section-label" data-i18n="b2b.label">
Exclusive Partnership
</p>
<h2
class="section-title"
id="b2b-heading"
data-i18n="b2b.title"
>
Apply for B2B Partnership
</h2>
<p class="section-body">
<p class="section-body" data-i18n="b2b.body">
We love to partner and collaborate with like-minded people
and companies! If you are interested in a retail partnership
or colaboration, please fill out
@@ -162,9 +195,16 @@
<line x1="12" y1="22.08" x2="12" y2="12" />
</svg>
</div>
<span class="b2b-benefit-title">Bulk Pricing</span>
<span
class="b2b-benefit-title"
data-i18n="b2b.benefit1.title"
>Bulk Pricing</span
>
<div class="b2b-benefit-rule" aria-hidden="true"></div>
<span class="b2b-benefit-text">
<span
class="b2b-benefit-text"
data-i18n="b2b.benefit1.text"
>
Tiered wholesale rates on every SKU across our
entire brand portfolio — the more you order, the
more you save.
@@ -190,11 +230,16 @@
/>
</svg>
</div>
<span class="b2b-benefit-title"
<span
class="b2b-benefit-title"
data-i18n="b2b.benefit2.title"
>Exclusive Promotions</span
>
<div class="b2b-benefit-rule" aria-hidden="true"></div>
<span class="b2b-benefit-text">
<span
class="b2b-benefit-text"
data-i18n="b2b.benefit2.text"
>
Partner-only seasonal campaigns, early-access
product launches, and co-marketing opportunities
reserved for B2B members.
@@ -223,23 +268,21 @@
/>
</svg>
</div>
<span class="b2b-benefit-title">Dedicated Support</span>
<span
class="b2b-benefit-title"
data-i18n="b2b.benefit3.title"
>Dedicated Support</span
>
<div class="b2b-benefit-rule" aria-hidden="true"></div>
<span class="b2b-benefit-text">
<span
class="b2b-benefit-text"
data-i18n="b2b.benefit3.text"
>
A personal account manager and priority fulfilment
to keep your business moving without friction.
</span>
</div>
</div>
<div class="b2b-divider" aria-hidden="true"></div>
<p class="b2b-notice">
Already a partner?&#160;&#160;—&#160;&#160;
<a href="https://b2b.finorbrands.com"
>Sign in to your B2B account</a
>
</p>
</section>
<!-- ============================================================
@@ -249,26 +292,40 @@
<div class="values-grid" role="list">
<div class="value-item" role="listitem">
<p class="value-number">01</p>
<p class="value-title">Curated</p>
<p class="value-desc">Selectively distributed</p>
<p class="value-title" data-i18n="value1.title">
Curated
</p>
<p class="value-desc" data-i18n="value1.desc">
Selectively distributed
</p>
</div>
<div class="value-item" role="listitem">
<p class="value-number">02</p>
<p class="value-title">Certified</p>
<p class="value-desc">Vegan &amp; natural formulas</p>
<p class="value-title" data-i18n="value2.title">
Certified
</p>
<p class="value-desc" data-i18n="value2.desc">
Vegan &amp; natural formulas
</p>
</div>
<div class="value-item" role="listitem">
<p class="value-number">03</p>
<p class="value-title">Crafted</p>
<p class="value-desc">
<p class="value-title" data-i18n="value3.title">
Crafted
</p>
<p class="value-desc" data-i18n="value3.desc">
Handmade in Germany,<br />
Austria and Switzerland
</p>
</div>
<div class="value-item" role="listitem">
<p class="value-number">04</p>
<p class="value-title">Committed</p>
<p class="value-desc">Personal B2B support</p>
<p class="value-title" data-i18n="value4.title">
Committed
</p>
<p class="value-desc" data-i18n="value4.desc">
Personal B2B support
</p>
</div>
</div>
</div>
@@ -303,6 +360,9 @@
name="name"
required
/>
<span class="field-error" data-i18n="signup.err.name"
>Please enter your name.</span
>
</div>
<div class="form-group">
<label for="signup-email" data-i18n="signup.email"
@@ -314,6 +374,9 @@
name="email"
required
/>
<span class="field-error" data-i18n="signup.err.email"
>Please enter a valid email address.</span
>
</div>
<div class="form-group">
<label for="signup-phone" data-i18n="signup.phone"
@@ -332,16 +395,62 @@
placeholder="https://"
/>
</div>
<div class="form-group">
<label for="signup-social" data-i18n="signup.social"
>Social Media</label
<div class="form-group form-group--full">
<label data-i18n="signup.channels"
>Sales Channels</label
>
<input
type="text"
id="signup-social"
name="social"
placeholder="Instagram / LinkedIn / …"
/>
<div class="checkbox-group">
<label class="checkbox-label">
<input
type="checkbox"
name="channel_online"
value="online_shop"
/>
<span data-i18n="signup.channel.online"
>Online Shop</span
>
</label>
<label class="checkbox-label">
<input
type="checkbox"
name="channel_showroom"
value="showroom"
/>
<span data-i18n="signup.channel.showroom"
>Showroom</span
>
</label>
<label class="checkbox-label">
<input
type="checkbox"
name="channel_store"
value="physical_store"
/>
<span data-i18n="signup.channel.store"
>Physical Store</span
>
</label>
<label class="checkbox-label">
<input
type="checkbox"
name="channel_amazon"
value="amazon"
/>
<span data-i18n="signup.channel.amazon"
>Amazon</span
>
</label>
<label class="checkbox-label">
<input
type="checkbox"
name="channel_other"
value="other"
/>
<span data-i18n="signup.channel.other"
>Other</span
>
</label>
</div>
</div>
<div class="form-group form-group--full">
<label for="signup-message" data-i18n="signup.message"
@@ -354,6 +463,9 @@
rows="5"
required
></textarea>
<span class="field-error" data-i18n="signup.err.message"
>Please describe your business case.</span
>
</div>
</div>
<button
@@ -365,6 +477,29 @@
</button>
</form>
<div
id="signup-confirm"
class="signup-confirm"
style="display: none"
>
<div class="signup-confirm-inner">
<span class="signup-confirm-icon" aria-hidden="true"></span>
<h3
class="signup-confirm-title"
data-i18n="signup.confirm.title"
>
Thank You!
</h3>
<p
class="signup-confirm-body"
data-i18n="signup.confirm.body"
>
We have received your request and will get back to you
within 48 hours.
</p>
</div>
</div>
<div class="signup-notice-rule" aria-hidden="true"></div>
<p
@@ -372,7 +507,9 @@
style="margin-top: 0; border-top: none; background: transparent"
>
Already a partner?&#160;&#160;—&#160;&#160;
<a href="https://b2b.finorbrands.com"
<a
href="https://b2b.finorbrands.com"
data-i18n="signup.notice_link"
>Sign in to your B2B account</a
>
</p>