neues Design David
This commit is contained in:
oliver committed
1 parent
af1e219c12
commit
92563c4dde
69 files changed
+419
-7262
No files matched your search
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
@@ -1,41 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
|
|
||||||
<style type="text/css">
|
|
||||||
.st0{fill:#1F1F1F;}
|
|
||||||
.st1{fill:#212121;}
|
|
||||||
.st2{fill:#1E1E1E;}
|
|
||||||
.st3{fill:#202020;}
|
|
||||||
.st4{fill:#222222;}
|
|
||||||
</style>
|
|
||||||
<g>
|
|
||||||
<path class="st0" d="M568.4,574.3c-25.3,0-47.9,0-74.1,0c3.5-5.2,6.1-8.4,8-11.9c4.1-7.4,10.3-14.8,11.1-22.6
|
|
||||||
c1.8-15.9,0.2-32.1,0.7-48.1c0.3-10.6-2.7-18.5-13.1-22.9c-2.3-1-5.8-4.4-5.4-5.5c0.9-2.7,3.5-5.8,6.1-6.9
|
|
||||||
c12.4-5.2,25.1-9.8,38.9-15c2.4,9.8,4.5,18.8,7.2,29.8c8.1-6.9,14.9-13.2,22.2-18.7c12.2-9.1,25.6-14.8,40.8-7.6
|
|
||||||
c16.3,7.7,23.4,21.2,23.2,38.9c-0.2,17.1,0.2,34.1-0.1,51.2c-0.2,12,0.4,23.1,13.8,28.9c2,0.9,2.3,5.7,3.9,10.1
|
|
||||||
c-24.3,0-46.8,0-74.1,0c3.9-4.9,6.7-7.8,8.8-11.1c4.1-6.3,10.7-12.6,11.3-19.3c1.6-18.4,1.1-37.1,0.4-55.6
|
|
||||||
c-0.7-20-12.1-25.3-29.1-14.6c-12.8,8-21.2,17.6-19.2,34.2c1.3,10.9,0.2,22,0.3,33.1c0.1,10,1.8,18.7,13,22.9
|
|
||||||
C565.4,564.3,566.2,569.7,568.4,574.3z"/>
|
|
||||||
<path class="st1" d="M201.6,643.5c-22.9,0-45,0-67.8,0c0-95.8,0-190.9,0-287.2c22.3,0,44.3,0,66.4,0c3,12.1,3,12.1-8.5,12.4
|
|
||||||
c-22.8,0.6-25.3,3.2-25.3,25.2c0,70.8,0,141.6,0,212.3c0,21,3.3,24.6,24.3,24.8C198.8,631.2,205.2,631.7,201.6,643.5z"/>
|
|
||||||
<path class="st2" d="M799.1,355.9c22,0,44.1,0,67.1,0c0,95.8,0,190.9,0,288.2c-20.6,0-41.7,0.3-62.6-0.4c-2.6-0.1-5-5.7-7.7-9
|
|
||||||
c3.4-2,4.3-3,5.1-2.9c36.9,0.6,33-8,32.9-34.8c-0.2-67.8-0.1-135.5-0.1-203.3c0-21.8-2.3-24.2-24-24.9
|
|
||||||
C797.9,368.2,797.9,368.2,799.1,355.9z"/>
|
|
||||||
<path class="st3" d="M199.9,459.3c0-4.9,0-8.8,0-13.8c7.8-0.4,15.1-0.8,23.2-1.2c1.2-12.3,1.6-24.2,3.8-35.8
|
|
||||||
c3.5-17.9,11.1-33.5,30.3-39.9c14.3-4.8,28.8-0.2,32.5,10.9c3.5,10.7,0.7,20.1-9.7,25.8c-11,6-22.1,0.9-30.4-13.3
|
|
||||||
c-8.3,9.5-8.1,12.2-1.3,22.5c5.9,8.8,10.8,18.2,17.6,29.9c5.2,0,14.1,0,24.1,0c0.3,5.3,0.6,9.5,1,15.2c-9.7,0-18.6,0-29.3,0
|
|
||||||
c0,29.7-1,58.1,0.8,86.4c0.4,6,11.2,11.4,17.3,17c3,2.7,6.2,5.1,9.3,7.7c-0.9,1.2-1.7,2.3-2.6,3.5c-26.6,0-53.3,0-84.1,0
|
|
||||||
c4.3-5.4,6.1-9.6,9.3-11.3c9-4.8,13-11.5,12.7-21.8c-0.5-18.6-0.1-37.1-0.1-55.7C224.2,461.3,224.2,461.3,199.9,459.3z"/>
|
|
||||||
<path class="st4" d="M704.2,511.1c2.1,18.6,10.1,31.1,26.4,37c17.8,6.4,32.3-0.7,45.7-12c4.8-4,10.4-7,17.8-11.9
|
|
||||||
c-2.8,34.3-38.6,58.4-72.8,52.8c-39-6.4-60.9-42.9-51.4-85.8c7.8-35.4,44.5-57.1,80.3-47.5c21.4,5.7,37.1,25.5,38.2,47.1
|
|
||||||
c0.5,9.7-2.1,14.5-13.2,14.9C752.1,506.7,729,509.2,704.2,511.1z M751.3,492.4c3.4-21.1-3.5-34.4-17.8-35.6
|
|
||||||
c-17.7-1.4-29.4,13.9-29.3,39.9C720.1,495.3,735.8,493.8,751.3,492.4z"/>
|
|
||||||
<path class="st3" d="M387.2,574.5c-27.4,0-50.6,0-77.3,0c2.8-4.8,4-10,6.9-11.3c10.8-4.9,14.3-12.8,13.9-24
|
|
||||||
c-0.5-15.5-0.5-31.1,0-46.6c0.4-11.1-2.1-19.7-13.8-23.7c-2.1-0.7-4.6-4.1-4.4-6c0.2-2.1,2.9-5,5.1-5.7c15.7-5.2,31.5-9.9,49-15.3
|
|
||||||
c0,32.3,0.2,63.7-0.1,95c-0.1,11.8,1.6,21.7,14.7,26.4C383.7,564.2,384.6,569.5,387.2,574.5z"/>
|
|
||||||
<path class="st2" d="M400,517.3c0-11.5,0-21.3,0-32.9c13.4,0,26.4,0,39.3,0c12.5,0,25.1,0,38.8,0c0,10.9,0,21.1,0,32.9
|
|
||||||
c-13,0-25.9,0-38.9,0C426.7,517.3,414.2,517.3,400,517.3z"/>
|
|
||||||
<path class="st4" d="M311.1,383.6c1.5-0.9,1.9-1.3,2.3-1.3c40.7-2.4,41.2-2,51,46.2C350.9,431.9,334.6,418.2,311.1,383.6z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
@@ -1,111 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" ?>
|
|
||||||
<!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
||||||
<svg
|
|
||||||
version="1.1"
|
|
||||||
id="Layer_1"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
||||||
x="0px"
|
|
||||||
y="0px"
|
|
||||||
viewBox="0 0 1000 1000"
|
|
||||||
style="enable-background:new 0 0 1000 1000;"
|
|
||||||
xml:space="preserve"
|
|
||||||
>
|
|
||||||
<style type="text/css">
|
|
||||||
.st0 {
|
|
||||||
fill: #96471e;
|
|
||||||
}
|
|
||||||
.st1 {
|
|
||||||
fill: #97481e;
|
|
||||||
}
|
|
||||||
.st2 {
|
|
||||||
fill: #97481f;
|
|
||||||
}
|
|
||||||
.st3 {
|
|
||||||
fill: #974920;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<g>
|
|
||||||
<g>
|
|
||||||
<path
|
|
||||||
class="st0"
|
|
||||||
d="M947.9,571.5c-4.2,0-8.3-0.1-12.5-0.1c-2.3,0-4.5,0.1-6.8-0.1c-9.1-0.4-12.5-3.3-13.3-12.3
|
|
||||||
c-0.5-5.8,0-11.7-0.4-17.5c-0.5-7-1.3-14-2.3-21c-0.7-4.7-3.2-8.6-6.6-11.9c-2.2-2.2-4.4-4.5-6.2-6.9c-3.1-4.1-2.8-7.5,0.8-11.1
|
|
||||||
c2-2,4-4,6.2-5.8c9.3-7.7,11.8-17.7,10.2-29.2c-0.9-6.2-2.5-12-6.9-16.7c-5.3-5.7-12.3-7.7-19.7-7.9c-4.8-0.1-9.8,0.6-14.5,1.6
|
|
||||||
c-3.9,0.8-4.5,2.3-4.5,6.3c0,40.8,0,81.5,0,122.3c0,4.4,1.1,5.9,5.4,6.9c1.6,0.4,3.4,0.5,5,0.9c0.7,0.2,1.2,0.8,1.8,1.3
|
|
||||||
c-0.7,0.4-1.4,1.1-2.1,1.1c-9.5,0.1-18.9,0.1-28.4,0.1c-3.2,0-6.4,0.1-9.6,0c-0.7,0-1.3-0.6-2-0.9c0.6-0.5,1.1-1.4,1.8-1.5
|
|
||||||
c2.3-0.6,4.6-0.8,6.9-1.5c2.5-0.8,3.7-2.6,3.6-5.4c-0.1-9.8,0-19.6,0-29.4c0-31.3,0-62.5,0-93.8c0-4.8-1-6-5.8-7.1
|
|
||||||
c-1.7-0.4-3.4-0.5-5-0.9c-0.7-0.2-1.2-0.9-1.8-1.4c0.2-0.2,0.3-0.5,0.5-0.7c0.5-0.1,0.9-0.2,1.4-0.2c16.5,0,32.9-0.1,49.4,0.1
|
|
||||||
c8.5,0.1,16.9,1.2,25.1,3.8c21.2,6.7,21.6,33.4,10.2,44.4c-5.2,5-11.1,8.6-17.3,12.1c-2.4,1.3-4.8,2.7-7,4.3
|
|
||||||
c-3.7,2.7-3.5,4.8,0.7,6.6c2.2,1,4.6,1.8,6.8,2.7c13.1,5.2,20.3,14.8,21.7,28.7c0.9,8.8,1.5,17.6,2.9,26.3
|
|
||||||
c1.2,7.7,5.1,10.9,12.4,11.6C947.9,570,947.9,570.7,947.9,571.5z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st1"
|
|
||||||
d="M761.8,427.4c3.4,0.7,6.8,1.1,10.1,2c26.2,7.1,42.3,24.2,49.1,49.9c8.9,33.5-8.2,70.6-39.1,86
|
|
||||||
c-33.2,16.5-72.2,3.2-88.4-30.1c-17.9-36.8-2.2-82.6,34.5-100.8c7.3-3.6,15.1-5.9,23.3-6.6c0.5,0,1-0.3,1.5-0.5
|
|
||||||
C755.8,427.4,758.8,427.4,761.8,427.4z M804.3,501.5c-0.3-3.3-0.5-8-1.1-12.7c-2-14.9-6.7-28.7-16.3-40.6
|
|
||||||
c-12.5-15.3-33.2-21.1-50.7-14c-11.8,4.8-19,14-23.7,25.3c-8.3,19.5-9.3,39.6-4.7,60c3.1,13.9,8.8,26.5,19.2,36.7
|
|
||||||
c16.9,16.6,49.2,19.1,65.4-7.2C801.1,534.9,803.8,519.2,804.3,501.5z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st2"
|
|
||||||
d="M368.6,427.4c2.8,0.6,5.6,1,8.4,1.7c12.8,3,23.2,9.3,29.7,21.1c2.9,5.2,4.9,10.8,4.4,16.9
|
|
||||||
c-0.5,5.8-3.1,10.2-8.5,12.7c-4,1.9-6.1,0.7-6.5-3.8c-0.6-7.9-1.8-15.7-4.8-23.1c-7.9-19.5-25.8-24.3-40.3-21
|
|
||||||
c-9.3,2.2-15.7,8.4-20.5,16.2c-9.2,15-12.1,31.5-11.3,48.7c0.8,16.7,4.8,32.4,15,46c9,12,20.8,19.3,36,20.3
|
|
||||||
c10.9,0.7,20.3-3.5,29-9.6c11.8-8.5,20.5-19.6,26.8-32.9c0.7,0.3,1.5,0.5,2.3,0.9c-6.4,15.6-16.3,28.1-29.7,37.9
|
|
||||||
c-10.9,8-22.9,13.1-36.7,13.2c-15.3,0.1-28.1-6.2-38.6-16.9c-24.3-24.8-30-64.8-13.3-94.9c10.7-19.2,26.8-30.7,49.1-32.9
|
|
||||||
c0.3,0,0.6-0.3,0.9-0.5C362.9,427.4,365.7,427.4,368.6,427.4z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st2"
|
|
||||||
d="M552.6,429.4c-0.6,0.5-1.2,1.4-1.9,1.6c-2,0.5-4.1,0.6-6.1,1.2c-3.5,1-4.5,2.4-4.5,6.1c0,25.1,0,50.3,0,75.4
|
|
||||||
c0,12.3-1.7,24.2-7,35.4c-6.2,13.1-15.9,21.9-30.9,22.7c-16.4,0.9-29.9-5.1-39.3-19.1c-5.6-8.4-7.2-17.9-7.2-27.7
|
|
||||||
c0-28.8,0-57.6,0-86.5c0-4.5-1-5.8-5.4-6.8c-1.7-0.4-3.4-0.4-5-0.9c-0.8-0.2-1.3-1.1-2-1.6c0.2-0.2,0.3-0.5,0.5-0.7
|
|
||||||
c13.9,0,27.7,0,41.6,0c0.2,0.2,0.3,0.4,0.5,0.6c-0.6,0.6-1.1,1.5-1.8,1.7c-2.4,0.7-4.8,0.9-7.2,1.6c-2.1,0.6-3.5,2.1-3.5,4.6
|
|
||||||
c0.1,31.5-0.1,63.1,0.4,94.6c0.2,15.3,10.3,26.9,24.4,30.2c13,3,24-2.1,31.3-14.7c6.1-10.5,8.1-22,8.2-33.9c0.1-25,0-49.9,0-74.9
|
|
||||||
c0-4-1.2-5.6-5.1-6.5c-1.8-0.4-3.7-0.5-5.6-1.1c-0.7-0.2-1.2-1.1-1.8-1.6c0.2-0.2,0.3-0.4,0.5-0.6c8.9,0,17.7,0,26.6,0
|
|
||||||
C552.2,428.9,552.4,429.2,552.6,429.4z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st3"
|
|
||||||
d="M601.1,497.3c0,1.1,0,2,0,2.8c0,20.4,0,40.9,0,61.3c0,4.3,0.9,5.7,5.2,6.8c2.3,0.6,4.6,0.9,7,0.9
|
|
||||||
c7.6,0.1,15.1-0.1,22.7,0.1c8.9,0.2,15.8-3.4,20.9-10.3c2.8-3.8,4.8-8.1,7.2-12.1c0.4-0.7,1.2-1.1,1.8-1.6
|
|
||||||
c0.2,0.2,0.5,0.4,0.7,0.7c-2.3,6.8-4.6,13.7-7,20.5c-1.1,3-3.4,4.7-6.6,4.9c-1.2,0.1-2.5,0.2-3.7,0.2c-25,0-49.9,0-74.9,0
|
|
||||||
c-0.3,0-0.6,0.1-0.8,0c-0.8-0.4-1.6-0.8-2.3-1.2c0.8-0.5,1.5-1.1,2.3-1.4c1.4-0.4,2.8-0.4,4.2-0.7c4.7-1.1,5.8-2.5,5.8-7.2
|
|
||||||
c0-40.3,0-80.6,0-120.9c0-6.1-1.4-7.7-7.5-8.6c-1.1-0.2-2.3-0.2-3.3-0.5c-0.7-0.2-1.2-1-1.8-1.5c0.2-0.3,0.3-0.5,0.5-0.8
|
|
||||||
c1,0,2,0,3.1,0c24.1,0,48.2,0,72.3,0c6.4,0,8.4,1.4,10.4,7.3c2,6.1,4,12.1,6,18.2c-0.2,0.2-0.4,0.4-0.7,0.6
|
|
||||||
c-0.6-0.6-1.4-1.1-1.8-1.8c-2.7-5.8-5.8-11.4-10.7-15.8c-4.6-4.2-9.9-6.4-16.2-6.3c-6.8,0-13.6,0-20.4,0c-1,0-2.1,0-3.1,0.1
|
|
||||||
c-7.9,0.9-9.3,2.4-9.3,10.2c0,16.9,0,33.7,0,50.6c0,1,0,2,0,3.3c8,0,15.7,0.1,23.4-0.2c1.1,0,2.9-2,3.2-3.4
|
|
||||||
c1.1-4.8,1.7-9.8,2.4-14.7c0.2-1.4,0.3-2.5,2.3-1.6c0,6,0,12,0,18c0,7.3,0,14.7,0,22c0,1.4-0.1,2.5-1.9,1.9c-0.7-4.7-1.1-9.4-2-14
|
|
||||||
c-1-5.4-1.8-5.9-7.3-5.9C614.6,497.3,608.1,497.3,601.1,497.3z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st3"
|
|
||||||
d="M186.5,512.1c-2.6,8.1-5.3,16.1-7.8,24.1c-2.7,8.5-5.5,17-8.2,25.5c-1,3.3-0.6,4.5,2.6,5.7
|
|
||||||
c1.9,0.7,4,0.9,6,1.5c0.7,0.2,1.3,1.1,1.9,1.7c-0.2,0.2-0.3,0.5-0.5,0.7c-8.7,0-17.3,0-26,0c-0.2-0.2-0.4-0.5-0.5-0.7
|
|
||||||
c0.7-0.6,1.3-1.5,2.1-1.7c2-0.6,4.1-0.7,6.1-1.2c2.9-0.8,4.8-2.6,5.7-5.7c12.6-39.3,25.2-78.6,37.9-117.8
|
|
||||||
c1.3-3.9,2.9-7.8,5.1-11.2c4.3-6.8,13.6-7.3,18.1-0.7c3.1,4.6,5.4,9.9,7.2,15.2c12.8,37.4,25.5,74.9,38,112.4
|
|
||||||
c1.9,5.6,5.2,8.1,10.6,8.8c0.6,0.1,1.2,0,1.7,0.3s0.9,0.9,1.3,1.4c-0.5,0.3-1.1,1-1.6,1c-3.1,0.1-6.2,0-9.4,0
|
|
||||||
c-9.9,0-19.8,0-29.8,0c-0.2-0.2-0.4-0.5-0.6-0.7c0.6-0.6,1.1-1.6,1.9-1.8c2-0.5,4.1-0.6,6.1-1.1c2.8-0.9,3.6-2.4,2.6-5.2
|
|
||||||
c-5.5-16.3-11-32.6-16.6-48.8c-0.2-0.7-1.4-1.6-2.1-1.6C221.1,512.1,203.9,512.1,186.5,512.1z M239,509.8
|
|
||||||
c-0.2-0.8-0.4-1.4-0.5-1.9c-5.6-16.7-11.3-33.5-17-50.2c-1.2-3.6-2.3-7.2-3.6-10.7c-0.8-2-2.1-3.8-4.7-4c-2.5-0.1-4.1,1.4-5.1,3.4
|
|
||||||
c-1,1.8-1.8,3.7-2.4,5.7c-6,18.5-11.9,37-17.8,55.5c-0.2,0.7-0.3,1.4-0.4,2.1C204.8,509.8,221.8,509.8,239,509.8z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st3"
|
|
||||||
d="M52.8,428.7c13.8,0,27.6,0,41.3,0c0.4,2,0.4,2-1.2,2.3c-2.3,0.5-4.6,0.8-6.9,1.5c-2.4,0.7-3.6,2.4-3.6,5
|
|
||||||
c0,41.7,0,83.4,0,125.1c0,2.5,1.1,4.3,3.4,4.9c2.8,0.8,5.7,1.4,8.6,1.5c6.2,0.2,12.5-0.2,18.7,0.1c9.5,0.4,16.8-3.6,21.9-11.1
|
|
||||||
c3.3-4.8,5.6-10.2,8.3-15.3c0.4-0.8,1.2-1.4,1.8-2.1c0.3,0.2,0.5,0.4,0.8,0.6c-2.9,8.4-5.6,16.9-8.6,25.3c-0.9,2.7-3.1,4.2-6,4.5
|
|
||||||
c-1.1,0.1-2.3,0.2-3.4,0.2c-24.4,0-48.8,0-73.2,0c-0.7,0-1.3,0-2,0c-0.2-0.2-0.4-0.5-0.6-0.7c0.6-0.6,1.2-1.5,1.9-1.7
|
|
||||||
c1.9-0.5,3.9-0.6,5.8-1.1c3.7-1,4.7-2.4,4.7-6.3c0-39.8,0-79.6,0-119.5c0-1.4,0-2.8,0-4.2c0-3.4-1-4.8-4.3-5.7
|
|
||||||
c-2.1-0.6-4.3-0.7-6.4-1.3c-0.7-0.2-1.2-1.1-1.8-1.6C52.4,429.1,52.6,428.9,52.8,428.7z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st2"
|
|
||||||
d="M754.6,511c-5.9,0-10.8-5.2-10.8-11.4c0-6.3,4.9-11.4,10.8-11.5c6.1-0.1,11,5.2,10.9,11.6
|
|
||||||
C765.4,506,760.5,511.1,754.6,511z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 359 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 247 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 181 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
+212
@@ -0,0 +1,212 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>FINOR · FINE and LACUEOR</title>
|
||||||
|
<meta name="description" content="Natural Beauty. True to every detail. FINE and LACUEOR: natural cosmetics from our own formulas, made by hand.">
|
||||||
|
<link rel="canonical" href="https://finorbrands.com/en/">
|
||||||
|
<link rel="alternate" hreflang="de" href="https://finorbrands.com/">
|
||||||
|
<link rel="alternate" hreflang="en" href="https://finorbrands.com/en/">
|
||||||
|
<link rel="alternate" hreflang="x-default" href="https://finorbrands.com/">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="FINOR · FINE and LACUEOR">
|
||||||
|
<meta property="og:description" content="FINE and LACUEOR: natural cosmetics from our own formulas, made by hand.">
|
||||||
|
<meta property="og:url" content="https://finorbrands.com/en/">
|
||||||
|
<meta property="og:image" content="https://finorbrands.com/assets/img/fine-1400.webp">
|
||||||
|
<link rel="icon" type="image/png" href="/assets/img/favicon.png">
|
||||||
|
<link rel="preload" href="/assets/fonts/ebgaramond.woff2" as="font" type="font/woff2" crossorigin>
|
||||||
|
<link rel="preload" href="/assets/fonts/figtree.woff2" as="font" type="font/woff2" crossorigin>
|
||||||
|
<style>
|
||||||
|
@font-face{font-family:"EB Garamond";src:url(/assets/fonts/ebgaramond.woff2) format("woff2");font-weight:400 800;font-display:swap}
|
||||||
|
@font-face{font-family:"Figtree";src:url(/assets/fonts/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}
|
||||||
|
*,*::before,*::after{box-sizing:border-box}
|
||||||
|
html{-webkit-text-size-adjust:100%}
|
||||||
|
body{margin:0;background:#fff;color:#141414;font-family:Figtree,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.55}
|
||||||
|
img{display:block;max-width:100%;height:auto}
|
||||||
|
a{color:inherit;text-decoration:none}
|
||||||
|
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
|
||||||
|
.serif{font-family:"EB Garamond",Garamond,"Times New Roman",serif}
|
||||||
|
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:opacity .2s}
|
||||||
|
.btn:hover{opacity:.82}
|
||||||
|
.btn svg{width:16px;height:16px}
|
||||||
|
.btn-dark{background:#141414;color:#fff}
|
||||||
|
.btn-outline{border-color:#141414;min-height:44px;padding:0 22px}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
.header{border-bottom:1px solid #e8e4dd}
|
||||||
|
.lang{display:flex;gap:4px;font-size:12px;font-weight:600;letter-spacing:.14em}
|
||||||
|
.lang a{padding:12px 6px;color:#8a847c}
|
||||||
|
.lang a[aria-current]{color:#141414}
|
||||||
|
.header-right{display:flex;align-items:center;gap:16px}
|
||||||
|
.header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}
|
||||||
|
.logo{height:22px;width:auto}
|
||||||
|
|
||||||
|
/* Intro */
|
||||||
|
.intro{text-align:center;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(32px,4vw,56px)}
|
||||||
|
.intro h1{margin:0 0 18px;font-weight:400;font-size:clamp(36px,4.6vw,60px);line-height:1.08}
|
||||||
|
.intro .nb{display:inline-block}
|
||||||
|
.intro p{margin:0 auto;max-width:700px;font-size:18px;color:#4a4642}
|
||||||
|
|
||||||
|
/* Marken */
|
||||||
|
.brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px}
|
||||||
|
.brand{display:flex;flex-direction:column}
|
||||||
|
.brand-img{aspect-ratio:16/9;overflow:hidden}
|
||||||
|
@media (max-width:767px){.brand-img{aspect-ratio:3/2}}
|
||||||
|
.fine .brand-img img{object-position:50% 18%}
|
||||||
|
.lacueor .brand-img img{object-position:50% 50%}
|
||||||
|
.brand-img img{width:100%;height:100%;object-fit:cover}
|
||||||
|
.brand-body{padding:32px;display:flex;flex-direction:column;gap:18px;flex-grow:1}
|
||||||
|
.brand-body p{margin:0}
|
||||||
|
.brand-body .btn{align-self:flex-start;margin-top:auto}
|
||||||
|
.fine{background:#f6efe3;color:#2b1d10}
|
||||||
|
.fine p{color:#4a3a2b}
|
||||||
|
.fine .btn{background:#2b1d10;color:#f6efe3}
|
||||||
|
.brand-logo{align-self:flex-start}
|
||||||
|
.fine .brand-logo{height:44px;width:auto}
|
||||||
|
.lacueor{background:#1c1813;color:#f6f2ec}
|
||||||
|
.lacueor p{color:#d8d0c4}
|
||||||
|
.lacueor .btn{background:#f6f2ec;color:#1c1813}
|
||||||
|
.lacueor .brand-logo{height:30px;width:auto;margin:3px 0}
|
||||||
|
|
||||||
|
/* B2B */
|
||||||
|
.b2b{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
|
||||||
|
.eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#5f5a54}
|
||||||
|
.b2b-lead{margin:0 0 36px;max-width:640px;font-size:17px;color:#4a4642}
|
||||||
|
.b2b h2{margin:0 0 14px;font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1.1}
|
||||||
|
.b2b-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px;align-items:start}
|
||||||
|
.card{padding:32px;display:flex;flex-direction:column;gap:14px}
|
||||||
|
.card h3{margin:0;font-weight:500;font-size:26px}
|
||||||
|
.card p{margin:0;color:#4a4642}
|
||||||
|
.card-login{border:1px solid #141414}
|
||||||
|
.card-login .btn{align-self:flex-start;margin-top:6px}
|
||||||
|
.card-form{background:#f5f3ef}
|
||||||
|
form{display:flex;flex-direction:column;gap:14px;margin-top:6px}
|
||||||
|
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
|
||||||
|
label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}
|
||||||
|
input[type=text],input[type=email],input[type=tel],input[type=url],textarea{font:inherit;font-size:15px;min-height:44px;padding:0 12px;border:1px solid #b9b3aa;background:#fff;color:#141414;border-radius:0}
|
||||||
|
textarea{padding:10px 12px;resize:vertical}
|
||||||
|
input:focus,textarea:focus{outline:2px solid #141414;outline-offset:1px}
|
||||||
|
fieldset{border:0;margin:0;padding:0}
|
||||||
|
legend{font-size:13px;font-weight:500;padding:0;margin-bottom:8px}
|
||||||
|
.checks{display:flex;flex-wrap:wrap;gap:4px 20px}
|
||||||
|
.checks label{flex-direction:row;align-items:center;gap:8px;min-height:36px;font-size:14px;font-weight:400}
|
||||||
|
.hint{font-size:12px;color:#5f5a54;margin:0}
|
||||||
|
.hint a{text-decoration:underline}
|
||||||
|
form .btn{align-self:flex-start}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
.footer{background:#141414;color:#fff}
|
||||||
|
.footer .wrap{padding-top:48px;padding-bottom:48px;display:flex;flex-direction:column;gap:28px}
|
||||||
|
.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
|
||||||
|
.footer nav{display:flex;flex-wrap:wrap;gap:4px 24px;font-size:14px}
|
||||||
|
.footer nav a{padding:12px 0}
|
||||||
|
.footer nav a:hover{color:#bdbdbd}
|
||||||
|
.legal{margin:0;border-top:1px solid #3a3a3a;padding-top:24px;font-size:13px;line-height:1.7;color:#bdbdbd}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header class="header">
|
||||||
|
<div class="wrap">
|
||||||
|
<a href="/en/" aria-label="FINOR home"><img class="logo" src="/assets/img/finor-logo.png" alt="FINOR" width="134" height="22"></a>
|
||||||
|
<div class="header-right">
|
||||||
|
<nav class="lang" aria-label="Language"><a href="/" hreflang="de" lang="de">DE</a><a href="/en/" hreflang="en" lang="en" aria-current="true">EN</a></nav>
|
||||||
|
<a class="btn btn-outline" href="https://b2b.finorbrands.com/en/web/login?redirect=%2Fshop">Partner login</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section class="intro wrap">
|
||||||
|
<h1 class="serif"><span class="nb">Natural Beauty.</span> <span class="nb">True to every detail.</span></h1>
|
||||||
|
<p>FINE and LACUEOR: natural cosmetics from our own formulas, made by hand.<br>Every ingredient, every jar and every package is chosen with care.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="brands wrap" aria-label="Our brands">
|
||||||
|
<article class="brand fine">
|
||||||
|
<div class="brand-img">
|
||||||
|
<img src="/assets/img/fine-1400.webp" srcset="/assets/img/fine-800.webp 800w, /assets/img/fine-1400.webp 1400w" sizes="(min-width: 860px) 576px, 100vw" alt="FINE deodorant cream Cedar Bergamot with lily, quince and stone" width="1400" height="1050" fetchpriority="high">
|
||||||
|
</div>
|
||||||
|
<div class="brand-body">
|
||||||
|
<img class="brand-logo" src="/assets/img/fine-logo.png" alt="FINE" width="96" height="36">
|
||||||
|
<p>Care you can understand: few ingredients, each with a purpose. FINE makes deodorant creams, hyaluronic serums and perfume oils, vegan and unisex.</p>
|
||||||
|
<a class="btn" href="https://finecosmetic.com">finecosmetic.com
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article class="brand lacueor">
|
||||||
|
<div class="brand-img">
|
||||||
|
<img src="/assets/img/lacueor-loeffel-1360.webp" srcset="/assets/img/lacueor-loeffel-800.webp 800w, /assets/img/lacueor-loeffel-1360.webp 1360w" sizes="(min-width: 860px) 576px, 100vw" alt="LACUEOR balms and oils on brass spoons, travertine" width="1360" height="907" fetchpriority="high">
|
||||||
|
</div>
|
||||||
|
<div class="brand-body">
|
||||||
|
<img class="brand-logo" src="/assets/img/lacueor-logo-white.png" alt="LACUEOR" width="173" height="30">
|
||||||
|
<p>Quantum cosmetics like no other. Oils, flowers and spices, steeped for weeks following the rhythms of nature.</p>
|
||||||
|
<a class="btn" href="https://lacueor.com">lacueor.com
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="b2b wrap" id="b2b">
|
||||||
|
<p class="eyebrow">For partners</p>
|
||||||
|
<h2 class="serif">FINE and LACUEOR for your customers and guests.</h2>
|
||||||
|
<p class="b2b-lead">For concept stores, hotels, spas and airlines that want to offer genuine natural cosmetics.</p>
|
||||||
|
<div class="b2b-grid">
|
||||||
|
<div class="card card-login">
|
||||||
|
<h3 class="serif">Already a partner?</h3>
|
||||||
|
<p>Log in to the partner portal and order both brands at partner terms.</p>
|
||||||
|
<a class="btn btn-dark" href="https://b2b.finorbrands.com/en/web/login?redirect=%2Fshop">Partner portal
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="card card-form">
|
||||||
|
<h3 class="serif">Not a partner yet?</h3>
|
||||||
|
<p>Request access. After a short review, you will receive your login details for the partner portal.</p>
|
||||||
|
<form action="https://n8n.finorbrands.com/webhook/b2b-signup" method="post">
|
||||||
|
<div class="fields">
|
||||||
|
<label>Company / Name *<input type="text" name="name" required autocomplete="organization"></label>
|
||||||
|
<label>Email *<input type="email" name="email" required autocomplete="email"></label>
|
||||||
|
<label>Phone<input type="tel" name="phone" autocomplete="tel"></label>
|
||||||
|
<label>Website<input type="url" name="website" autocomplete="url" placeholder="https://"></label>
|
||||||
|
</div>
|
||||||
|
<fieldset>
|
||||||
|
<legend>Your business</legend>
|
||||||
|
<div class="checks">
|
||||||
|
<label><input type="checkbox" name="channel_store" value="physical_store"> Concept Store</label>
|
||||||
|
<label><input type="checkbox" name="channel_online" value="online_shop"> Online-Shop</label>
|
||||||
|
<label><input type="checkbox" name="channel_hotel" value="hotel"> Hotel</label>
|
||||||
|
<label><input type="checkbox" name="channel_spa" value="spa"> Spa</label>
|
||||||
|
<label><input type="checkbox" name="channel_airline" value="airline"> Airline</label>
|
||||||
|
<label><input type="checkbox" name="channel_other" value="other"> Other</label>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<label>Tell us about your business *<textarea name="message" rows="4" required></textarea></label>
|
||||||
|
<p class="hint">We only use your details to process your request. Read more in our <a href="/en/privacy">privacy policy</a>.</p>
|
||||||
|
<button class="btn btn-dark" type="submit">Request access</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="footer-top">
|
||||||
|
<img src="/assets/img/finor-logo-white.png" alt="FINOR" width="134" height="22" loading="lazy">
|
||||||
|
<nav aria-label="Footer">
|
||||||
|
<a href="https://finecosmetic.com">finecosmetic.com</a>
|
||||||
|
<a href="https://lacueor.com">lacueor.com</a>
|
||||||
|
<a href="https://b2b.finorbrands.com/en/web/login?redirect=%2Fshop">Partner portal</a>
|
||||||
|
<a href="/en/legal-notice">Legal notice</a>
|
||||||
|
<a href="/en/privacy">Privacy</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<p class="legal">Finor GmbH · Kurfürstendamm 194 · 10707 Berlin · Germany · office@finorbrands.com<br>Managing Director: David Ligas · Amtsgericht Berlin-Charlottenburg, HRB 275672 B · VAT ID: DE457510179 · © 2026 Finor GmbH</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+207
-544
@@ -1,549 +1,212 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>FI-NE & LACUEOR — B2B Partner Portal</title>
|
<title>FINOR · FINE und LACUEOR</title>
|
||||||
<link rel="icon" href="asset/favicon.ico" type="image/x-icon" />
|
<meta name="description" content="Natural Beauty. Echt bis ins Detail. FINE und LACUEOR: Naturkosmetik nach eigenen Rezepturen, von Hand gemacht.">
|
||||||
<link rel="stylesheet" href="style.css" />
|
<link rel="canonical" href="https://finorbrands.com/">
|
||||||
</head>
|
<link rel="alternate" hreflang="de" href="https://finorbrands.com/">
|
||||||
<body>
|
<link rel="alternate" hreflang="en" href="https://finorbrands.com/en/">
|
||||||
<!-- ============================================================
|
<link rel="alternate" hreflang="x-default" href="https://finorbrands.com/">
|
||||||
TOP BAR
|
<meta property="og:type" content="website">
|
||||||
============================================================ -->
|
<meta property="og:title" content="FINOR · FINE und LACUEOR">
|
||||||
<header class="topbar" role="banner">
|
<meta property="og:description" content="FINE und LACUEOR: Naturkosmetik nach eigenen Rezepturen, von Hand gemacht.">
|
||||||
<div class="topbar-logo">
|
<meta property="og:url" content="https://finorbrands.com/">
|
||||||
<img src="asset/logo.webp" alt="[fi-ne] & LACUEOR" />
|
<meta property="og:image" content="https://finorbrands.com/assets/img/fine-1400.webp">
|
||||||
<span class="topbar-label" data-i18n="topbar.label"
|
<link rel="icon" type="image/png" href="/assets/img/favicon.png">
|
||||||
>B2B<br />Partner Portal</span
|
<link rel="preload" href="/assets/fonts/ebgaramond.woff2" as="font" type="font/woff2" crossorigin>
|
||||||
>
|
<link rel="preload" href="/assets/fonts/figtree.woff2" as="font" type="font/woff2" crossorigin>
|
||||||
|
<style>
|
||||||
|
@font-face{font-family:"EB Garamond";src:url(/assets/fonts/ebgaramond.woff2) format("woff2");font-weight:400 800;font-display:swap}
|
||||||
|
@font-face{font-family:"Figtree";src:url(/assets/fonts/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}
|
||||||
|
*,*::before,*::after{box-sizing:border-box}
|
||||||
|
html{-webkit-text-size-adjust:100%}
|
||||||
|
body{margin:0;background:#fff;color:#141414;font-family:Figtree,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.55}
|
||||||
|
img{display:block;max-width:100%;height:auto}
|
||||||
|
a{color:inherit;text-decoration:none}
|
||||||
|
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
|
||||||
|
.serif{font-family:"EB Garamond",Garamond,"Times New Roman",serif}
|
||||||
|
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:opacity .2s}
|
||||||
|
.btn:hover{opacity:.82}
|
||||||
|
.btn svg{width:16px;height:16px}
|
||||||
|
.btn-dark{background:#141414;color:#fff}
|
||||||
|
.btn-outline{border-color:#141414;min-height:44px;padding:0 22px}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
.header{border-bottom:1px solid #e8e4dd}
|
||||||
|
.lang{display:flex;gap:4px;font-size:12px;font-weight:600;letter-spacing:.14em}
|
||||||
|
.lang a{padding:12px 6px;color:#8a847c}
|
||||||
|
.lang a[aria-current]{color:#141414}
|
||||||
|
.header-right{display:flex;align-items:center;gap:16px}
|
||||||
|
.header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}
|
||||||
|
.logo{height:22px;width:auto}
|
||||||
|
|
||||||
|
/* Intro */
|
||||||
|
.intro{text-align:center;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(32px,4vw,56px)}
|
||||||
|
.intro h1{margin:0 0 18px;font-weight:400;font-size:clamp(36px,4.6vw,60px);line-height:1.08}
|
||||||
|
.intro .nb{display:inline-block}
|
||||||
|
.intro p{margin:0 auto;max-width:700px;font-size:18px;color:#4a4642}
|
||||||
|
|
||||||
|
/* Marken */
|
||||||
|
.brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px}
|
||||||
|
.brand{display:flex;flex-direction:column}
|
||||||
|
.brand-img{aspect-ratio:16/9;overflow:hidden}
|
||||||
|
@media (max-width:767px){.brand-img{aspect-ratio:3/2}}
|
||||||
|
.fine .brand-img img{object-position:50% 18%}
|
||||||
|
.lacueor .brand-img img{object-position:50% 50%}
|
||||||
|
.brand-img img{width:100%;height:100%;object-fit:cover}
|
||||||
|
.brand-body{padding:32px;display:flex;flex-direction:column;gap:18px;flex-grow:1}
|
||||||
|
.brand-body p{margin:0}
|
||||||
|
.brand-body .btn{align-self:flex-start;margin-top:auto}
|
||||||
|
.fine{background:#f6efe3;color:#2b1d10}
|
||||||
|
.fine p{color:#4a3a2b}
|
||||||
|
.fine .btn{background:#2b1d10;color:#f6efe3}
|
||||||
|
.brand-logo{align-self:flex-start}
|
||||||
|
.fine .brand-logo{height:44px;width:auto}
|
||||||
|
.lacueor{background:#1c1813;color:#f6f2ec}
|
||||||
|
.lacueor p{color:#d8d0c4}
|
||||||
|
.lacueor .btn{background:#f6f2ec;color:#1c1813}
|
||||||
|
.lacueor .brand-logo{height:30px;width:auto;margin:3px 0}
|
||||||
|
|
||||||
|
/* B2B */
|
||||||
|
.b2b{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
|
||||||
|
.eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#5f5a54}
|
||||||
|
.b2b-lead{margin:0 0 36px;max-width:640px;font-size:17px;color:#4a4642}
|
||||||
|
.b2b h2{margin:0 0 14px;font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1.1}
|
||||||
|
.b2b-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px;align-items:start}
|
||||||
|
.card{padding:32px;display:flex;flex-direction:column;gap:14px}
|
||||||
|
.card h3{margin:0;font-weight:500;font-size:26px}
|
||||||
|
.card p{margin:0;color:#4a4642}
|
||||||
|
.card-login{border:1px solid #141414}
|
||||||
|
.card-login .btn{align-self:flex-start;margin-top:6px}
|
||||||
|
.card-form{background:#f5f3ef}
|
||||||
|
form{display:flex;flex-direction:column;gap:14px;margin-top:6px}
|
||||||
|
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
|
||||||
|
label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}
|
||||||
|
input[type=text],input[type=email],input[type=tel],input[type=url],textarea{font:inherit;font-size:15px;min-height:44px;padding:0 12px;border:1px solid #b9b3aa;background:#fff;color:#141414;border-radius:0}
|
||||||
|
textarea{padding:10px 12px;resize:vertical}
|
||||||
|
input:focus,textarea:focus{outline:2px solid #141414;outline-offset:1px}
|
||||||
|
fieldset{border:0;margin:0;padding:0}
|
||||||
|
legend{font-size:13px;font-weight:500;padding:0;margin-bottom:8px}
|
||||||
|
.checks{display:flex;flex-wrap:wrap;gap:4px 20px}
|
||||||
|
.checks label{flex-direction:row;align-items:center;gap:8px;min-height:36px;font-size:14px;font-weight:400}
|
||||||
|
.hint{font-size:12px;color:#5f5a54;margin:0}
|
||||||
|
.hint a{text-decoration:underline}
|
||||||
|
form .btn{align-self:flex-start}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
.footer{background:#141414;color:#fff}
|
||||||
|
.footer .wrap{padding-top:48px;padding-bottom:48px;display:flex;flex-direction:column;gap:28px}
|
||||||
|
.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
|
||||||
|
.footer nav{display:flex;flex-wrap:wrap;gap:4px 24px;font-size:14px}
|
||||||
|
.footer nav a{padding:12px 0}
|
||||||
|
.footer nav a:hover{color:#bdbdbd}
|
||||||
|
.legal{margin:0;border-top:1px solid #3a3a3a;padding-top:24px;font-size:13px;line-height:1.7;color:#bdbdbd}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header class="header">
|
||||||
|
<div class="wrap">
|
||||||
|
<a href="/" aria-label="FINOR Startseite"><img class="logo" src="/assets/img/finor-logo.png" alt="FINOR" width="134" height="22"></a>
|
||||||
|
<div class="header-right">
|
||||||
|
<nav class="lang" aria-label="Sprache"><a href="/" hreflang="de" lang="de" aria-current="true">DE</a><a href="/en/" hreflang="en" lang="en">EN</a></nav>
|
||||||
|
<a class="btn btn-outline" href="https://b2b.finorbrands.com/de/web/login?redirect=%2Fshop">Partner-Login</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section class="intro wrap">
|
||||||
|
<h1 class="serif"><span class="nb">Natural Beauty.</span> <span class="nb">Echt bis ins Detail.</span></h1>
|
||||||
|
<p>FINE und LACUEOR: Naturkosmetik nach eigenen Rezepturen, von Hand gemacht.<br>Jede Zutat, jedes Glas und jede Verpackung wählen wir mit Sorgfalt.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="brands wrap" aria-label="Unsere Marken">
|
||||||
|
<article class="brand fine">
|
||||||
|
<div class="brand-img">
|
||||||
|
<img src="/assets/img/fine-1400.webp" srcset="/assets/img/fine-800.webp 800w, /assets/img/fine-1400.webp 1400w" sizes="(min-width: 860px) 576px, 100vw" alt="FINE Deocreme Cedar Bergamot mit Lilie, Quitte und Stein" width="1400" height="1050" fetchpriority="high">
|
||||||
|
</div>
|
||||||
|
<div class="brand-body">
|
||||||
|
<img class="brand-logo" src="/assets/img/fine-logo.png" alt="FINE" width="96" height="36">
|
||||||
|
<p>Pflege, die man versteht: wenige Zutaten, jede mit Grund. FINE macht Deocremes, Hyaluron-Seren und Parfümöle, vegan und unisex.</p>
|
||||||
|
<a class="btn" href="https://finecosmetic.com">finecosmetic.com
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article class="brand lacueor">
|
||||||
|
<div class="brand-img">
|
||||||
|
<img src="/assets/img/lacueor-loeffel-1360.webp" srcset="/assets/img/lacueor-loeffel-800.webp 800w, /assets/img/lacueor-loeffel-1360.webp 1360w" sizes="(min-width: 860px) 576px, 100vw" alt="LACUEOR Balsame und Öle auf Messinglöffeln, Travertin" width="1360" height="907" fetchpriority="high">
|
||||||
|
</div>
|
||||||
|
<div class="brand-body">
|
||||||
|
<img class="brand-logo" src="/assets/img/lacueor-logo-white.png" alt="LACUEOR" width="173" height="30">
|
||||||
|
<p>Quantenkosmetik, wie es sie kein zweites Mal gibt. Öle, Blüten und Gewürze, über Wochen nach den Rhythmen der Natur angesetzt.</p>
|
||||||
|
<a class="btn" href="https://lacueor.com">lacueor.com
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="b2b wrap" id="b2b">
|
||||||
|
<p class="eyebrow">Für Partner</p>
|
||||||
|
<h2 class="serif">FINE und LACUEOR für deine Kunden und Gäste.</h2>
|
||||||
|
<p class="b2b-lead">Für Concept Stores, Hotels, Spas und Airlines, die echte Naturkosmetik anbieten möchten.</p>
|
||||||
|
<div class="b2b-grid">
|
||||||
|
<div class="card card-login">
|
||||||
|
<h3 class="serif">Bereits Partner?</h3>
|
||||||
|
<p>Log dich im Partnerportal ein und bestell beide Marken zu Partnerkonditionen.</p>
|
||||||
|
<a class="btn btn-dark" href="https://b2b.finorbrands.com/de/web/login?redirect=%2Fshop">Zum Partnerportal
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="card card-form">
|
||||||
|
<h3 class="serif">Noch kein Partner?</h3>
|
||||||
|
<p>Frag deinen Zugang an. Nach kurzer Prüfung bekommst du deine Zugangsdaten für das Partnerportal.</p>
|
||||||
|
<form action="https://n8n.finorbrands.com/webhook/b2b-signup" method="post">
|
||||||
|
<div class="fields">
|
||||||
|
<label>Firma / Name *<input type="text" name="name" required autocomplete="organization"></label>
|
||||||
|
<label>E-Mail *<input type="email" name="email" required autocomplete="email"></label>
|
||||||
|
<label>Telefon<input type="tel" name="phone" autocomplete="tel"></label>
|
||||||
|
<label>Website<input type="url" name="website" autocomplete="url" placeholder="https://"></label>
|
||||||
|
</div>
|
||||||
|
<fieldset>
|
||||||
|
<legend>Dein Geschäft</legend>
|
||||||
|
<div class="checks">
|
||||||
|
<label><input type="checkbox" name="channel_store" value="physical_store"> Concept Store</label>
|
||||||
|
<label><input type="checkbox" name="channel_online" value="online_shop"> Online-Shop</label>
|
||||||
|
<label><input type="checkbox" name="channel_hotel" value="hotel"> Hotel</label>
|
||||||
|
<label><input type="checkbox" name="channel_spa" value="spa"> Spa</label>
|
||||||
|
<label><input type="checkbox" name="channel_airline" value="airline"> Airline</label>
|
||||||
|
<label><input type="checkbox" name="channel_other" value="other"> Sonstiges</label>
|
||||||
</div>
|
</div>
|
||||||
<nav class="topbar-nav" aria-label="Primary">
|
</fieldset>
|
||||||
<a href="#brands" class="nav-hide" data-i18n="nav.brands"
|
<label>Kurz zu deinem Haus *<textarea name="message" rows="4" required></textarea></label>
|
||||||
>Our Brands</a
|
<p class="hint">Deine Angaben nutzen wir nur zur Bearbeitung deiner Anfrage. Mehr dazu in der <a href="/datenschutz">Datenschutzerklärung</a>.</p>
|
||||||
>
|
<button class="btn btn-dark" type="submit">Zugang anfragen</button>
|
||||||
<a href="#b2b" class="nav-hide" data-i18n="nav.benefits"
|
</form>
|
||||||
>Partner Benefits</a
|
</div>
|
||||||
>
|
</div>
|
||||||
<a href="#signup" class="nav-hide" data-i18n="nav.contact"
|
</section>
|
||||||
>Contact</a
|
</main>
|
||||||
>
|
|
||||||
<a
|
|
||||||
href="https://b2b.finorbrands.com"
|
|
||||||
class="btn-topbar"
|
|
||||||
data-i18n="nav.signin"
|
|
||||||
>Anmelden</a
|
|
||||||
>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<!-- ============================================================
|
<footer class="footer">
|
||||||
BRAND CARDS — B2C BANNER
|
<div class="wrap">
|
||||||
============================================================ -->
|
<div class="footer-top">
|
||||||
<main>
|
<img src="/assets/img/finor-logo-white.png" alt="FINOR" width="134" height="22" loading="lazy">
|
||||||
<section
|
<nav aria-label="Footer">
|
||||||
class="section brands-section"
|
<a href="https://finecosmetic.com">finecosmetic.com</a>
|
||||||
id="brands"
|
<a href="https://lacueor.com">lacueor.com</a>
|
||||||
aria-labelledby="brands-heading"
|
<a href="https://b2b.finorbrands.com/de/web/login?redirect=%2Fshop">Partnerportal</a>
|
||||||
>
|
<a href="/impressum">Impressum</a>
|
||||||
<p class="section-label" data-i18n="brands.label">
|
<a href="/datenschutz">Datenschutz</a>
|
||||||
Our Brand Universe
|
</nav>
|
||||||
</p>
|
</div>
|
||||||
<h2
|
<p class="legal">Finor GmbH · Kurfürstendamm 194 · 10707 Berlin · office@finorbrands.com<br>Geschäftsführer: David Ligas · Amtsgericht Berlin-Charlottenburg, HRB 275672 B · USt-IdNr.: DE457510179 · © 2026 Finor GmbH</p>
|
||||||
class="section-title"
|
</div>
|
||||||
id="brands-heading"
|
</footer>
|
||||||
data-i18n="brands.title"
|
|
||||||
>
|
|
||||||
Consumer & Retail Destinations
|
|
||||||
</h2>
|
|
||||||
<p class="section-body" data-i18n="brands.body">
|
|
||||||
Direct our clients and consumers to our flagship brand
|
|
||||||
destinations.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="brands-grid" role="list">
|
</body>
|
||||||
<!-- FI-NE (left half) -->
|
|
||||||
<a
|
|
||||||
class="brand-card brand-card--fine"
|
|
||||||
href="https://finecosmetic.de"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
role="listitem"
|
|
||||||
aria-label="Visit [fi-ne] consumer website — finecosmetic.de"
|
|
||||||
>
|
|
||||||
<div class="brand-card-header">
|
|
||||||
<span
|
|
||||||
class="brand-card-eyebrow"
|
|
||||||
data-i18n="fine.eyebrow"
|
|
||||||
>Premium Natural Cosmetics</span
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
class="brand-card-logo"
|
|
||||||
src="asset/Fine.svg"
|
|
||||||
alt="[fi-ne] brand logo"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="brand-card-footer">
|
|
||||||
<span
|
|
||||||
class="brand-card-tagline"
|
|
||||||
data-i18n="fine.tagline"
|
|
||||||
>
|
|
||||||
Clean. Unisex. Uncompromisingly effective Body
|
|
||||||
Care. <br />
|
|
||||||
Born in Berlin.
|
|
||||||
</span>
|
|
||||||
<span class="brand-card-cta">
|
|
||||||
finecosmetic.de
|
|
||||||
<span
|
|
||||||
class="brand-card-cta-arrow"
|
|
||||||
aria-hidden="true"
|
|
||||||
>→</span
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<!-- LACUEOR (right half) -->
|
|
||||||
<a
|
|
||||||
class="brand-card brand-card--lacueor"
|
|
||||||
href="https://lacueor.com"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
role="listitem"
|
|
||||||
aria-label="Visit LACUEOR consumer website — lacueor.com"
|
|
||||||
>
|
|
||||||
<div class="brand-card-header">
|
|
||||||
<span
|
|
||||||
class="brand-card-eyebrow"
|
|
||||||
data-i18n="lacueor.eyebrow"
|
|
||||||
>Premium Organic Skin Care</span
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
class="brand-card-logo"
|
|
||||||
src="asset/Lacueor.svg"
|
|
||||||
alt="LACUEOR brand logo"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="brand-card-footer">
|
|
||||||
<span
|
|
||||||
class="brand-card-tagline"
|
|
||||||
data-i18n="lacueor.tagline"
|
|
||||||
>
|
|
||||||
Premium organic skin care.<br />
|
|
||||||
Born in Switzerland.
|
|
||||||
</span>
|
|
||||||
<span class="brand-card-cta">
|
|
||||||
lacueor.com
|
|
||||||
<span
|
|
||||||
class="brand-card-cta-arrow"
|
|
||||||
aria-hidden="true"
|
|
||||||
>→</span
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<img class="brands-banner" src="asset/banner.webp" alt="" />
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- ============================================================
|
|
||||||
B2B BENEFITS SECTION
|
|
||||||
============================================================ -->
|
|
||||||
<section
|
|
||||||
class="section b2b-section"
|
|
||||||
id="b2b"
|
|
||||||
aria-labelledby="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" 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
|
|
||||||
<a href="#signup">the form</a> below and we will reach out
|
|
||||||
to you.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="b2b-benefits" role="list">
|
|
||||||
<!-- Bulk Pricing -->
|
|
||||||
<div class="b2b-benefit" role="listitem">
|
|
||||||
<div class="b2b-benefit-icon-wrap" aria-hidden="true">
|
|
||||||
<svg
|
|
||||||
width="28"
|
|
||||||
height="28"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="1.25"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
|
|
||||||
/>
|
|
||||||
<polyline
|
|
||||||
points="3.27 6.96 12 12.01 20.73 6.96"
|
|
||||||
/>
|
|
||||||
<line x1="12" y1="22.08" x2="12" y2="12" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<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"
|
|
||||||
data-i18n="b2b.benefit1.text"
|
|
||||||
>
|
|
||||||
Tiered wholesale rates on every SKU across our
|
|
||||||
entire brand portfolio — the more you order, the
|
|
||||||
more you save.
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Exclusive Promotions -->
|
|
||||||
<div class="b2b-benefit" role="listitem">
|
|
||||||
<div class="b2b-benefit-icon-wrap" aria-hidden="true">
|
|
||||||
<svg
|
|
||||||
width="28"
|
|
||||||
height="28"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="1.25"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="8" r="6" />
|
|
||||||
<path
|
|
||||||
d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<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"
|
|
||||||
data-i18n="b2b.benefit2.text"
|
|
||||||
>
|
|
||||||
Partner-only seasonal campaigns, early-access
|
|
||||||
product launches, and co-marketing opportunities
|
|
||||||
reserved for B2B members.
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Dedicated Support -->
|
|
||||||
<div class="b2b-benefit" role="listitem">
|
|
||||||
<div class="b2b-benefit-icon-wrap" aria-hidden="true">
|
|
||||||
<svg
|
|
||||||
width="28"
|
|
||||||
height="28"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="1.25"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
>
|
|
||||||
<path d="M3 18v-6a9 9 0 0 1 18 0v6" />
|
|
||||||
<path
|
|
||||||
d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<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"
|
|
||||||
data-i18n="b2b.benefit3.text"
|
|
||||||
>
|
|
||||||
A personal account manager and priority fulfilment
|
|
||||||
to keep your business moving without friction.
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- ============================================================
|
|
||||||
VALUES / BRAND PILLARS STRIP
|
|
||||||
============================================================ -->
|
|
||||||
<div class="values-strip" aria-label="Our partner promise">
|
|
||||||
<div class="values-grid" role="list">
|
|
||||||
<div class="value-item" role="listitem">
|
|
||||||
<p class="value-number">01</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" data-i18n="value2.title">
|
|
||||||
Certified
|
|
||||||
</p>
|
|
||||||
<p class="value-desc" data-i18n="value2.desc">
|
|
||||||
Vegan & natural formulas
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="value-item" role="listitem">
|
|
||||||
<p class="value-number">03</p>
|
|
||||||
<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" data-i18n="value4.title">
|
|
||||||
Committed
|
|
||||||
</p>
|
|
||||||
<p class="value-desc" data-i18n="value4.desc">
|
|
||||||
Personal B2B support
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</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>
|
|
||||||
<form
|
|
||||||
class="signup-form"
|
|
||||||
action="https://n8n.finorbrands.com/webhook/b2b-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
|
|
||||||
/>
|
|
||||||
<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"
|
|
||||||
>Email *</label
|
|
||||||
>
|
|
||||||
<input
|
|
||||||
type="email"
|
|
||||||
id="signup-email"
|
|
||||||
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"
|
|
||||||
>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 form-group--full">
|
|
||||||
<label data-i18n="signup.channels"
|
|
||||||
>Sales Channels</label
|
|
||||||
>
|
|
||||||
<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"
|
|
||||||
>Your backfround / your philosophy / your favorite
|
|
||||||
brands *</label
|
|
||||||
>
|
|
||||||
<textarea
|
|
||||||
id="signup-message"
|
|
||||||
name="message"
|
|
||||||
rows="5"
|
|
||||||
required
|
|
||||||
></textarea>
|
|
||||||
<span class="field-error" data-i18n="signup.err.message"
|
|
||||||
>Please describe your business case.</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
class="btn-primary"
|
|
||||||
data-i18n="signup.submit"
|
|
||||||
>
|
|
||||||
Send Request
|
|
||||||
</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
|
|
||||||
class="b2b-notice"
|
|
||||||
style="margin-top: 0; border-top: none; background: transparent"
|
|
||||||
>
|
|
||||||
Already a partner?  —  
|
|
||||||
<a
|
|
||||||
href="https://b2b.finorbrands.com"
|
|
||||||
data-i18n="signup.notice_link"
|
|
||||||
>Sign in to your B2B account</a
|
|
||||||
>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- ============================================================
|
|
||||||
FOOTER
|
|
||||||
============================================================ -->
|
|
||||||
<footer role="contentinfo">
|
|
||||||
<div class="footer-inner">
|
|
||||||
<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="#" 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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script src="script.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 882 KiB |
@@ -1,41 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
|
|
||||||
<style type="text/css">
|
|
||||||
.st0{fill:#1F1F1F;}
|
|
||||||
.st1{fill:#212121;}
|
|
||||||
.st2{fill:#1E1E1E;}
|
|
||||||
.st3{fill:#202020;}
|
|
||||||
.st4{fill:#222222;}
|
|
||||||
</style>
|
|
||||||
<g>
|
|
||||||
<path class="st0" d="M568.4,574.3c-25.3,0-47.9,0-74.1,0c3.5-5.2,6.1-8.4,8-11.9c4.1-7.4,10.3-14.8,11.1-22.6
|
|
||||||
c1.8-15.9,0.2-32.1,0.7-48.1c0.3-10.6-2.7-18.5-13.1-22.9c-2.3-1-5.8-4.4-5.4-5.5c0.9-2.7,3.5-5.8,6.1-6.9
|
|
||||||
c12.4-5.2,25.1-9.8,38.9-15c2.4,9.8,4.5,18.8,7.2,29.8c8.1-6.9,14.9-13.2,22.2-18.7c12.2-9.1,25.6-14.8,40.8-7.6
|
|
||||||
c16.3,7.7,23.4,21.2,23.2,38.9c-0.2,17.1,0.2,34.1-0.1,51.2c-0.2,12,0.4,23.1,13.8,28.9c2,0.9,2.3,5.7,3.9,10.1
|
|
||||||
c-24.3,0-46.8,0-74.1,0c3.9-4.9,6.7-7.8,8.8-11.1c4.1-6.3,10.7-12.6,11.3-19.3c1.6-18.4,1.1-37.1,0.4-55.6
|
|
||||||
c-0.7-20-12.1-25.3-29.1-14.6c-12.8,8-21.2,17.6-19.2,34.2c1.3,10.9,0.2,22,0.3,33.1c0.1,10,1.8,18.7,13,22.9
|
|
||||||
C565.4,564.3,566.2,569.7,568.4,574.3z"/>
|
|
||||||
<path class="st1" d="M201.6,643.5c-22.9,0-45,0-67.8,0c0-95.8,0-190.9,0-287.2c22.3,0,44.3,0,66.4,0c3,12.1,3,12.1-8.5,12.4
|
|
||||||
c-22.8,0.6-25.3,3.2-25.3,25.2c0,70.8,0,141.6,0,212.3c0,21,3.3,24.6,24.3,24.8C198.8,631.2,205.2,631.7,201.6,643.5z"/>
|
|
||||||
<path class="st2" d="M799.1,355.9c22,0,44.1,0,67.1,0c0,95.8,0,190.9,0,288.2c-20.6,0-41.7,0.3-62.6-0.4c-2.6-0.1-5-5.7-7.7-9
|
|
||||||
c3.4-2,4.3-3,5.1-2.9c36.9,0.6,33-8,32.9-34.8c-0.2-67.8-0.1-135.5-0.1-203.3c0-21.8-2.3-24.2-24-24.9
|
|
||||||
C797.9,368.2,797.9,368.2,799.1,355.9z"/>
|
|
||||||
<path class="st3" d="M199.9,459.3c0-4.9,0-8.8,0-13.8c7.8-0.4,15.1-0.8,23.2-1.2c1.2-12.3,1.6-24.2,3.8-35.8
|
|
||||||
c3.5-17.9,11.1-33.5,30.3-39.9c14.3-4.8,28.8-0.2,32.5,10.9c3.5,10.7,0.7,20.1-9.7,25.8c-11,6-22.1,0.9-30.4-13.3
|
|
||||||
c-8.3,9.5-8.1,12.2-1.3,22.5c5.9,8.8,10.8,18.2,17.6,29.9c5.2,0,14.1,0,24.1,0c0.3,5.3,0.6,9.5,1,15.2c-9.7,0-18.6,0-29.3,0
|
|
||||||
c0,29.7-1,58.1,0.8,86.4c0.4,6,11.2,11.4,17.3,17c3,2.7,6.2,5.1,9.3,7.7c-0.9,1.2-1.7,2.3-2.6,3.5c-26.6,0-53.3,0-84.1,0
|
|
||||||
c4.3-5.4,6.1-9.6,9.3-11.3c9-4.8,13-11.5,12.7-21.8c-0.5-18.6-0.1-37.1-0.1-55.7C224.2,461.3,224.2,461.3,199.9,459.3z"/>
|
|
||||||
<path class="st4" d="M704.2,511.1c2.1,18.6,10.1,31.1,26.4,37c17.8,6.4,32.3-0.7,45.7-12c4.8-4,10.4-7,17.8-11.9
|
|
||||||
c-2.8,34.3-38.6,58.4-72.8,52.8c-39-6.4-60.9-42.9-51.4-85.8c7.8-35.4,44.5-57.1,80.3-47.5c21.4,5.7,37.1,25.5,38.2,47.1
|
|
||||||
c0.5,9.7-2.1,14.5-13.2,14.9C752.1,506.7,729,509.2,704.2,511.1z M751.3,492.4c3.4-21.1-3.5-34.4-17.8-35.6
|
|
||||||
c-17.7-1.4-29.4,13.9-29.3,39.9C720.1,495.3,735.8,493.8,751.3,492.4z"/>
|
|
||||||
<path class="st3" d="M387.2,574.5c-27.4,0-50.6,0-77.3,0c2.8-4.8,4-10,6.9-11.3c10.8-4.9,14.3-12.8,13.9-24
|
|
||||||
c-0.5-15.5-0.5-31.1,0-46.6c0.4-11.1-2.1-19.7-13.8-23.7c-2.1-0.7-4.6-4.1-4.4-6c0.2-2.1,2.9-5,5.1-5.7c15.7-5.2,31.5-9.9,49-15.3
|
|
||||||
c0,32.3,0.2,63.7-0.1,95c-0.1,11.8,1.6,21.7,14.7,26.4C383.7,564.2,384.6,569.5,387.2,574.5z"/>
|
|
||||||
<path class="st2" d="M400,517.3c0-11.5,0-21.3,0-32.9c13.4,0,26.4,0,39.3,0c12.5,0,25.1,0,38.8,0c0,10.9,0,21.1,0,32.9
|
|
||||||
c-13,0-25.9,0-38.9,0C426.7,517.3,414.2,517.3,400,517.3z"/>
|
|
||||||
<path class="st4" d="M311.1,383.6c1.5-0.9,1.9-1.3,2.3-1.3c40.7-2.4,41.2-2,51,46.2C350.9,431.9,334.6,418.2,311.1,383.6z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.3 KiB |
@@ -1,70 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
|
|
||||||
<style type="text/css">
|
|
||||||
.st0{fill:#96471E;}
|
|
||||||
.st1{fill:#97481E;}
|
|
||||||
.st2{fill:#97481F;}
|
|
||||||
.st3{fill:#974920;}
|
|
||||||
</style>
|
|
||||||
<g>
|
|
||||||
<g>
|
|
||||||
<path class="st0" d="M947.9,571.5c-4.2,0-8.3-0.1-12.5-0.1c-2.3,0-4.5,0.1-6.8-0.1c-9.1-0.4-12.5-3.3-13.3-12.3
|
|
||||||
c-0.5-5.8,0-11.7-0.4-17.5c-0.5-7-1.3-14-2.3-21c-0.7-4.7-3.2-8.6-6.6-11.9c-2.2-2.2-4.4-4.5-6.2-6.9c-3.1-4.1-2.8-7.5,0.8-11.1
|
|
||||||
c2-2,4-4,6.2-5.8c9.3-7.7,11.8-17.7,10.2-29.2c-0.9-6.2-2.5-12-6.9-16.7c-5.3-5.7-12.3-7.7-19.7-7.9c-4.8-0.1-9.8,0.6-14.5,1.6
|
|
||||||
c-3.9,0.8-4.5,2.3-4.5,6.3c0,40.8,0,81.5,0,122.3c0,4.4,1.1,5.9,5.4,6.9c1.6,0.4,3.4,0.5,5,0.9c0.7,0.2,1.2,0.8,1.8,1.3
|
|
||||||
c-0.7,0.4-1.4,1.1-2.1,1.1c-9.5,0.1-18.9,0.1-28.4,0.1c-3.2,0-6.4,0.1-9.6,0c-0.7,0-1.3-0.6-2-0.9c0.6-0.5,1.1-1.4,1.8-1.5
|
|
||||||
c2.3-0.6,4.6-0.8,6.9-1.5c2.5-0.8,3.7-2.6,3.6-5.4c-0.1-9.8,0-19.6,0-29.4c0-31.3,0-62.5,0-93.8c0-4.8-1-6-5.8-7.1
|
|
||||||
c-1.7-0.4-3.4-0.5-5-0.9c-0.7-0.2-1.2-0.9-1.8-1.4c0.2-0.2,0.3-0.5,0.5-0.7c0.5-0.1,0.9-0.2,1.4-0.2c16.5,0,32.9-0.1,49.4,0.1
|
|
||||||
c8.5,0.1,16.9,1.2,25.1,3.8c21.2,6.7,21.6,33.4,10.2,44.4c-5.2,5-11.1,8.6-17.3,12.1c-2.4,1.3-4.8,2.7-7,4.3
|
|
||||||
c-3.7,2.7-3.5,4.8,0.7,6.6c2.2,1,4.6,1.8,6.8,2.7c13.1,5.2,20.3,14.8,21.7,28.7c0.9,8.8,1.5,17.6,2.9,26.3
|
|
||||||
c1.2,7.7,5.1,10.9,12.4,11.6C947.9,570,947.9,570.7,947.9,571.5z"/>
|
|
||||||
<path class="st1" d="M761.8,427.4c3.4,0.7,6.8,1.1,10.1,2c26.2,7.1,42.3,24.2,49.1,49.9c8.9,33.5-8.2,70.6-39.1,86
|
|
||||||
c-33.2,16.5-72.2,3.2-88.4-30.1c-17.9-36.8-2.2-82.6,34.5-100.8c7.3-3.6,15.1-5.9,23.3-6.6c0.5,0,1-0.3,1.5-0.5
|
|
||||||
C755.8,427.4,758.8,427.4,761.8,427.4z M804.3,501.5c-0.3-3.3-0.5-8-1.1-12.7c-2-14.9-6.7-28.7-16.3-40.6
|
|
||||||
c-12.5-15.3-33.2-21.1-50.7-14c-11.8,4.8-19,14-23.7,25.3c-8.3,19.5-9.3,39.6-4.7,60c3.1,13.9,8.8,26.5,19.2,36.7
|
|
||||||
c16.9,16.6,49.2,19.1,65.4-7.2C801.1,534.9,803.8,519.2,804.3,501.5z"/>
|
|
||||||
<path class="st2" d="M368.6,427.4c2.8,0.6,5.6,1,8.4,1.7c12.8,3,23.2,9.3,29.7,21.1c2.9,5.2,4.9,10.8,4.4,16.9
|
|
||||||
c-0.5,5.8-3.1,10.2-8.5,12.7c-4,1.9-6.1,0.7-6.5-3.8c-0.6-7.9-1.8-15.7-4.8-23.1c-7.9-19.5-25.8-24.3-40.3-21
|
|
||||||
c-9.3,2.2-15.7,8.4-20.5,16.2c-9.2,15-12.1,31.5-11.3,48.7c0.8,16.7,4.8,32.4,15,46c9,12,20.8,19.3,36,20.3
|
|
||||||
c10.9,0.7,20.3-3.5,29-9.6c11.8-8.5,20.5-19.6,26.8-32.9c0.7,0.3,1.5,0.5,2.3,0.9c-6.4,15.6-16.3,28.1-29.7,37.9
|
|
||||||
c-10.9,8-22.9,13.1-36.7,13.2c-15.3,0.1-28.1-6.2-38.6-16.9c-24.3-24.8-30-64.8-13.3-94.9c10.7-19.2,26.8-30.7,49.1-32.9
|
|
||||||
c0.3,0,0.6-0.3,0.9-0.5C362.9,427.4,365.7,427.4,368.6,427.4z"/>
|
|
||||||
<path class="st2" d="M552.6,429.4c-0.6,0.5-1.2,1.4-1.9,1.6c-2,0.5-4.1,0.6-6.1,1.2c-3.5,1-4.5,2.4-4.5,6.1c0,25.1,0,50.3,0,75.4
|
|
||||||
c0,12.3-1.7,24.2-7,35.4c-6.2,13.1-15.9,21.9-30.9,22.7c-16.4,0.9-29.9-5.1-39.3-19.1c-5.6-8.4-7.2-17.9-7.2-27.7
|
|
||||||
c0-28.8,0-57.6,0-86.5c0-4.5-1-5.8-5.4-6.8c-1.7-0.4-3.4-0.4-5-0.9c-0.8-0.2-1.3-1.1-2-1.6c0.2-0.2,0.3-0.5,0.5-0.7
|
|
||||||
c13.9,0,27.7,0,41.6,0c0.2,0.2,0.3,0.4,0.5,0.6c-0.6,0.6-1.1,1.5-1.8,1.7c-2.4,0.7-4.8,0.9-7.2,1.6c-2.1,0.6-3.5,2.1-3.5,4.6
|
|
||||||
c0.1,31.5-0.1,63.1,0.4,94.6c0.2,15.3,10.3,26.9,24.4,30.2c13,3,24-2.1,31.3-14.7c6.1-10.5,8.1-22,8.2-33.9c0.1-25,0-49.9,0-74.9
|
|
||||||
c0-4-1.2-5.6-5.1-6.5c-1.8-0.4-3.7-0.5-5.6-1.1c-0.7-0.2-1.2-1.1-1.8-1.6c0.2-0.2,0.3-0.4,0.5-0.6c8.9,0,17.7,0,26.6,0
|
|
||||||
C552.2,428.9,552.4,429.2,552.6,429.4z"/>
|
|
||||||
<path class="st3" d="M601.1,497.3c0,1.1,0,2,0,2.8c0,20.4,0,40.9,0,61.3c0,4.3,0.9,5.7,5.2,6.8c2.3,0.6,4.6,0.9,7,0.9
|
|
||||||
c7.6,0.1,15.1-0.1,22.7,0.1c8.9,0.2,15.8-3.4,20.9-10.3c2.8-3.8,4.8-8.1,7.2-12.1c0.4-0.7,1.2-1.1,1.8-1.6
|
|
||||||
c0.2,0.2,0.5,0.4,0.7,0.7c-2.3,6.8-4.6,13.7-7,20.5c-1.1,3-3.4,4.7-6.6,4.9c-1.2,0.1-2.5,0.2-3.7,0.2c-25,0-49.9,0-74.9,0
|
|
||||||
c-0.3,0-0.6,0.1-0.8,0c-0.8-0.4-1.6-0.8-2.3-1.2c0.8-0.5,1.5-1.1,2.3-1.4c1.4-0.4,2.8-0.4,4.2-0.7c4.7-1.1,5.8-2.5,5.8-7.2
|
|
||||||
c0-40.3,0-80.6,0-120.9c0-6.1-1.4-7.7-7.5-8.6c-1.1-0.2-2.3-0.2-3.3-0.5c-0.7-0.2-1.2-1-1.8-1.5c0.2-0.3,0.3-0.5,0.5-0.8
|
|
||||||
c1,0,2,0,3.1,0c24.1,0,48.2,0,72.3,0c6.4,0,8.4,1.4,10.4,7.3c2,6.1,4,12.1,6,18.2c-0.2,0.2-0.4,0.4-0.7,0.6
|
|
||||||
c-0.6-0.6-1.4-1.1-1.8-1.8c-2.7-5.8-5.8-11.4-10.7-15.8c-4.6-4.2-9.9-6.4-16.2-6.3c-6.8,0-13.6,0-20.4,0c-1,0-2.1,0-3.1,0.1
|
|
||||||
c-7.9,0.9-9.3,2.4-9.3,10.2c0,16.9,0,33.7,0,50.6c0,1,0,2,0,3.3c8,0,15.7,0.1,23.4-0.2c1.1,0,2.9-2,3.2-3.4
|
|
||||||
c1.1-4.8,1.7-9.8,2.4-14.7c0.2-1.4,0.3-2.5,2.3-1.6c0,6,0,12,0,18c0,7.3,0,14.7,0,22c0,1.4-0.1,2.5-1.9,1.9c-0.7-4.7-1.1-9.4-2-14
|
|
||||||
c-1-5.4-1.8-5.9-7.3-5.9C614.6,497.3,608.1,497.3,601.1,497.3z"/>
|
|
||||||
<path class="st3" d="M186.5,512.1c-2.6,8.1-5.3,16.1-7.8,24.1c-2.7,8.5-5.5,17-8.2,25.5c-1,3.3-0.6,4.5,2.6,5.7
|
|
||||||
c1.9,0.7,4,0.9,6,1.5c0.7,0.2,1.3,1.1,1.9,1.7c-0.2,0.2-0.3,0.5-0.5,0.7c-8.7,0-17.3,0-26,0c-0.2-0.2-0.4-0.5-0.5-0.7
|
|
||||||
c0.7-0.6,1.3-1.5,2.1-1.7c2-0.6,4.1-0.7,6.1-1.2c2.9-0.8,4.8-2.6,5.7-5.7c12.6-39.3,25.2-78.6,37.9-117.8
|
|
||||||
c1.3-3.9,2.9-7.8,5.1-11.2c4.3-6.8,13.6-7.3,18.1-0.7c3.1,4.6,5.4,9.9,7.2,15.2c12.8,37.4,25.5,74.9,38,112.4
|
|
||||||
c1.9,5.6,5.2,8.1,10.6,8.8c0.6,0.1,1.2,0,1.7,0.3s0.9,0.9,1.3,1.4c-0.5,0.3-1.1,1-1.6,1c-3.1,0.1-6.2,0-9.4,0
|
|
||||||
c-9.9,0-19.8,0-29.8,0c-0.2-0.2-0.4-0.5-0.6-0.7c0.6-0.6,1.1-1.6,1.9-1.8c2-0.5,4.1-0.6,6.1-1.1c2.8-0.9,3.6-2.4,2.6-5.2
|
|
||||||
c-5.5-16.3-11-32.6-16.6-48.8c-0.2-0.7-1.4-1.6-2.1-1.6C221.1,512.1,203.9,512.1,186.5,512.1z M239,509.8
|
|
||||||
c-0.2-0.8-0.4-1.4-0.5-1.9c-5.6-16.7-11.3-33.5-17-50.2c-1.2-3.6-2.3-7.2-3.6-10.7c-0.8-2-2.1-3.8-4.7-4c-2.5-0.1-4.1,1.4-5.1,3.4
|
|
||||||
c-1,1.8-1.8,3.7-2.4,5.7c-6,18.5-11.9,37-17.8,55.5c-0.2,0.7-0.3,1.4-0.4,2.1C204.8,509.8,221.8,509.8,239,509.8z"/>
|
|
||||||
<path class="st3" d="M52.8,428.7c13.8,0,27.6,0,41.3,0c0.4,2,0.4,2-1.2,2.3c-2.3,0.5-4.6,0.8-6.9,1.5c-2.4,0.7-3.6,2.4-3.6,5
|
|
||||||
c0,41.7,0,83.4,0,125.1c0,2.5,1.1,4.3,3.4,4.9c2.8,0.8,5.7,1.4,8.6,1.5c6.2,0.2,12.5-0.2,18.7,0.1c9.5,0.4,16.8-3.6,21.9-11.1
|
|
||||||
c3.3-4.8,5.6-10.2,8.3-15.3c0.4-0.8,1.2-1.4,1.8-2.1c0.3,0.2,0.5,0.4,0.8,0.6c-2.9,8.4-5.6,16.9-8.6,25.3c-0.9,2.7-3.1,4.2-6,4.5
|
|
||||||
c-1.1,0.1-2.3,0.2-3.4,0.2c-24.4,0-48.8,0-73.2,0c-0.7,0-1.3,0-2,0c-0.2-0.2-0.4-0.5-0.6-0.7c0.6-0.6,1.2-1.5,1.9-1.7
|
|
||||||
c1.9-0.5,3.9-0.6,5.8-1.1c3.7-1,4.7-2.4,4.7-6.3c0-39.8,0-79.6,0-119.5c0-1.4,0-2.8,0-4.2c0-3.4-1-4.8-4.3-5.7
|
|
||||||
c-2.1-0.6-4.3-0.7-6.4-1.3c-0.7-0.2-1.2-1.1-1.8-1.6C52.4,429.1,52.6,428.9,52.8,428.7z"/>
|
|
||||||
<path class="st2" d="M754.6,511c-5.9,0-10.8-5.2-10.8-11.4c0-6.3,4.9-11.4,10.8-11.5c6.1-0.1,11,5.2,10.9,11.6
|
|
||||||
C765.4,506,760.5,511.1,754.6,511z"/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 359 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.2 KiB |
File diff suppressed because it is too large.
Load diff
@@ -1,21 +0,0 @@
|
|||||||
#!/bin/bash
|
|
||||||
|
|
||||||
|
|
||||||
#!/bin/bash
|
|
||||||
|
|
||||||
# Simple static file server with live reload
|
|
||||||
# Requires Node.js and live-server
|
|
||||||
|
|
||||||
# Check if live-server is installed
|
|
||||||
if ! command -v live-server &> /dev/null
|
|
||||||
then
|
|
||||||
echo "Installing live-server..."
|
|
||||||
npm install -g live-server
|
|
||||||
fi
|
|
||||||
|
|
||||||
# Serve the current directory with auto-reload
|
|
||||||
echo "Starting live-server on http://localhost:8080 ..."
|
|
||||||
live-server .
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Whitespace-only changes.
@@ -1,22 +0,0 @@
|
|||||||
{
|
|
||||||
'name': 'Fino – Brand Universe Snippet',
|
|
||||||
'version': '18.0.1.0.0',
|
|
||||||
'category': 'Website',
|
|
||||||
'summary': 'Website snippet: Consumer & Retail Destinations brand cards + Fino luxury header',
|
|
||||||
'depends': ['website', 'portal'],
|
|
||||||
'data': [
|
|
||||||
'views/header_template.xml',
|
|
||||||
'views/snippets.xml',
|
|
||||||
],
|
|
||||||
'assets': {
|
|
||||||
'web.assets_frontend': [
|
|
||||||
'fino_brands_snippet/static/src/scss/brands_snippet.scss',
|
|
||||||
],
|
|
||||||
'website.assets_wysiwyg': [
|
|
||||||
'fino_brands_snippet/static/src/snippets/fino_brands/options.js',
|
|
||||||
],
|
|
||||||
},
|
|
||||||
'installable': True,
|
|
||||||
'application': False,
|
|
||||||
'license': 'LGPL-3',
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
@@ -1,41 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
|
|
||||||
<style type="text/css">
|
|
||||||
.st0{fill:#1F1F1F;}
|
|
||||||
.st1{fill:#212121;}
|
|
||||||
.st2{fill:#1E1E1E;}
|
|
||||||
.st3{fill:#202020;}
|
|
||||||
.st4{fill:#222222;}
|
|
||||||
</style>
|
|
||||||
<g>
|
|
||||||
<path class="st0" d="M568.4,574.3c-25.3,0-47.9,0-74.1,0c3.5-5.2,6.1-8.4,8-11.9c4.1-7.4,10.3-14.8,11.1-22.6
|
|
||||||
c1.8-15.9,0.2-32.1,0.7-48.1c0.3-10.6-2.7-18.5-13.1-22.9c-2.3-1-5.8-4.4-5.4-5.5c0.9-2.7,3.5-5.8,6.1-6.9
|
|
||||||
c12.4-5.2,25.1-9.8,38.9-15c2.4,9.8,4.5,18.8,7.2,29.8c8.1-6.9,14.9-13.2,22.2-18.7c12.2-9.1,25.6-14.8,40.8-7.6
|
|
||||||
c16.3,7.7,23.4,21.2,23.2,38.9c-0.2,17.1,0.2,34.1-0.1,51.2c-0.2,12,0.4,23.1,13.8,28.9c2,0.9,2.3,5.7,3.9,10.1
|
|
||||||
c-24.3,0-46.8,0-74.1,0c3.9-4.9,6.7-7.8,8.8-11.1c4.1-6.3,10.7-12.6,11.3-19.3c1.6-18.4,1.1-37.1,0.4-55.6
|
|
||||||
c-0.7-20-12.1-25.3-29.1-14.6c-12.8,8-21.2,17.6-19.2,34.2c1.3,10.9,0.2,22,0.3,33.1c0.1,10,1.8,18.7,13,22.9
|
|
||||||
C565.4,564.3,566.2,569.7,568.4,574.3z"/>
|
|
||||||
<path class="st1" d="M201.6,643.5c-22.9,0-45,0-67.8,0c0-95.8,0-190.9,0-287.2c22.3,0,44.3,0,66.4,0c3,12.1,3,12.1-8.5,12.4
|
|
||||||
c-22.8,0.6-25.3,3.2-25.3,25.2c0,70.8,0,141.6,0,212.3c0,21,3.3,24.6,24.3,24.8C198.8,631.2,205.2,631.7,201.6,643.5z"/>
|
|
||||||
<path class="st2" d="M799.1,355.9c22,0,44.1,0,67.1,0c0,95.8,0,190.9,0,288.2c-20.6,0-41.7,0.3-62.6-0.4c-2.6-0.1-5-5.7-7.7-9
|
|
||||||
c3.4-2,4.3-3,5.1-2.9c36.9,0.6,33-8,32.9-34.8c-0.2-67.8-0.1-135.5-0.1-203.3c0-21.8-2.3-24.2-24-24.9
|
|
||||||
C797.9,368.2,797.9,368.2,799.1,355.9z"/>
|
|
||||||
<path class="st3" d="M199.9,459.3c0-4.9,0-8.8,0-13.8c7.8-0.4,15.1-0.8,23.2-1.2c1.2-12.3,1.6-24.2,3.8-35.8
|
|
||||||
c3.5-17.9,11.1-33.5,30.3-39.9c14.3-4.8,28.8-0.2,32.5,10.9c3.5,10.7,0.7,20.1-9.7,25.8c-11,6-22.1,0.9-30.4-13.3
|
|
||||||
c-8.3,9.5-8.1,12.2-1.3,22.5c5.9,8.8,10.8,18.2,17.6,29.9c5.2,0,14.1,0,24.1,0c0.3,5.3,0.6,9.5,1,15.2c-9.7,0-18.6,0-29.3,0
|
|
||||||
c0,29.7-1,58.1,0.8,86.4c0.4,6,11.2,11.4,17.3,17c3,2.7,6.2,5.1,9.3,7.7c-0.9,1.2-1.7,2.3-2.6,3.5c-26.6,0-53.3,0-84.1,0
|
|
||||||
c4.3-5.4,6.1-9.6,9.3-11.3c9-4.8,13-11.5,12.7-21.8c-0.5-18.6-0.1-37.1-0.1-55.7C224.2,461.3,224.2,461.3,199.9,459.3z"/>
|
|
||||||
<path class="st4" d="M704.2,511.1c2.1,18.6,10.1,31.1,26.4,37c17.8,6.4,32.3-0.7,45.7-12c4.8-4,10.4-7,17.8-11.9
|
|
||||||
c-2.8,34.3-38.6,58.4-72.8,52.8c-39-6.4-60.9-42.9-51.4-85.8c7.8-35.4,44.5-57.1,80.3-47.5c21.4,5.7,37.1,25.5,38.2,47.1
|
|
||||||
c0.5,9.7-2.1,14.5-13.2,14.9C752.1,506.7,729,509.2,704.2,511.1z M751.3,492.4c3.4-21.1-3.5-34.4-17.8-35.6
|
|
||||||
c-17.7-1.4-29.4,13.9-29.3,39.9C720.1,495.3,735.8,493.8,751.3,492.4z"/>
|
|
||||||
<path class="st3" d="M387.2,574.5c-27.4,0-50.6,0-77.3,0c2.8-4.8,4-10,6.9-11.3c10.8-4.9,14.3-12.8,13.9-24
|
|
||||||
c-0.5-15.5-0.5-31.1,0-46.6c0.4-11.1-2.1-19.7-13.8-23.7c-2.1-0.7-4.6-4.1-4.4-6c0.2-2.1,2.9-5,5.1-5.7c15.7-5.2,31.5-9.9,49-15.3
|
|
||||||
c0,32.3,0.2,63.7-0.1,95c-0.1,11.8,1.6,21.7,14.7,26.4C383.7,564.2,384.6,569.5,387.2,574.5z"/>
|
|
||||||
<path class="st2" d="M400,517.3c0-11.5,0-21.3,0-32.9c13.4,0,26.4,0,39.3,0c12.5,0,25.1,0,38.8,0c0,10.9,0,21.1,0,32.9
|
|
||||||
c-13,0-25.9,0-38.9,0C426.7,517.3,414.2,517.3,400,517.3z"/>
|
|
||||||
<path class="st4" d="M311.1,383.6c1.5-0.9,1.9-1.3,2.3-1.3c40.7-2.4,41.2-2,51,46.2C350.9,431.9,334.6,418.2,311.1,383.6z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
@@ -1,111 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" ?>
|
|
||||||
<!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
||||||
<svg
|
|
||||||
version="1.1"
|
|
||||||
id="Layer_1"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
||||||
x="0px"
|
|
||||||
y="0px"
|
|
||||||
viewBox="0 0 1000 1000"
|
|
||||||
style="enable-background:new 0 0 1000 1000;"
|
|
||||||
xml:space="preserve"
|
|
||||||
>
|
|
||||||
<style type="text/css">
|
|
||||||
.st0 {
|
|
||||||
fill: #96471e;
|
|
||||||
}
|
|
||||||
.st1 {
|
|
||||||
fill: #97481e;
|
|
||||||
}
|
|
||||||
.st2 {
|
|
||||||
fill: #97481f;
|
|
||||||
}
|
|
||||||
.st3 {
|
|
||||||
fill: #974920;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<g>
|
|
||||||
<g>
|
|
||||||
<path
|
|
||||||
class="st0"
|
|
||||||
d="M947.9,571.5c-4.2,0-8.3-0.1-12.5-0.1c-2.3,0-4.5,0.1-6.8-0.1c-9.1-0.4-12.5-3.3-13.3-12.3
|
|
||||||
c-0.5-5.8,0-11.7-0.4-17.5c-0.5-7-1.3-14-2.3-21c-0.7-4.7-3.2-8.6-6.6-11.9c-2.2-2.2-4.4-4.5-6.2-6.9c-3.1-4.1-2.8-7.5,0.8-11.1
|
|
||||||
c2-2,4-4,6.2-5.8c9.3-7.7,11.8-17.7,10.2-29.2c-0.9-6.2-2.5-12-6.9-16.7c-5.3-5.7-12.3-7.7-19.7-7.9c-4.8-0.1-9.8,0.6-14.5,1.6
|
|
||||||
c-3.9,0.8-4.5,2.3-4.5,6.3c0,40.8,0,81.5,0,122.3c0,4.4,1.1,5.9,5.4,6.9c1.6,0.4,3.4,0.5,5,0.9c0.7,0.2,1.2,0.8,1.8,1.3
|
|
||||||
c-0.7,0.4-1.4,1.1-2.1,1.1c-9.5,0.1-18.9,0.1-28.4,0.1c-3.2,0-6.4,0.1-9.6,0c-0.7,0-1.3-0.6-2-0.9c0.6-0.5,1.1-1.4,1.8-1.5
|
|
||||||
c2.3-0.6,4.6-0.8,6.9-1.5c2.5-0.8,3.7-2.6,3.6-5.4c-0.1-9.8,0-19.6,0-29.4c0-31.3,0-62.5,0-93.8c0-4.8-1-6-5.8-7.1
|
|
||||||
c-1.7-0.4-3.4-0.5-5-0.9c-0.7-0.2-1.2-0.9-1.8-1.4c0.2-0.2,0.3-0.5,0.5-0.7c0.5-0.1,0.9-0.2,1.4-0.2c16.5,0,32.9-0.1,49.4,0.1
|
|
||||||
c8.5,0.1,16.9,1.2,25.1,3.8c21.2,6.7,21.6,33.4,10.2,44.4c-5.2,5-11.1,8.6-17.3,12.1c-2.4,1.3-4.8,2.7-7,4.3
|
|
||||||
c-3.7,2.7-3.5,4.8,0.7,6.6c2.2,1,4.6,1.8,6.8,2.7c13.1,5.2,20.3,14.8,21.7,28.7c0.9,8.8,1.5,17.6,2.9,26.3
|
|
||||||
c1.2,7.7,5.1,10.9,12.4,11.6C947.9,570,947.9,570.7,947.9,571.5z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st1"
|
|
||||||
d="M761.8,427.4c3.4,0.7,6.8,1.1,10.1,2c26.2,7.1,42.3,24.2,49.1,49.9c8.9,33.5-8.2,70.6-39.1,86
|
|
||||||
c-33.2,16.5-72.2,3.2-88.4-30.1c-17.9-36.8-2.2-82.6,34.5-100.8c7.3-3.6,15.1-5.9,23.3-6.6c0.5,0,1-0.3,1.5-0.5
|
|
||||||
C755.8,427.4,758.8,427.4,761.8,427.4z M804.3,501.5c-0.3-3.3-0.5-8-1.1-12.7c-2-14.9-6.7-28.7-16.3-40.6
|
|
||||||
c-12.5-15.3-33.2-21.1-50.7-14c-11.8,4.8-19,14-23.7,25.3c-8.3,19.5-9.3,39.6-4.7,60c3.1,13.9,8.8,26.5,19.2,36.7
|
|
||||||
c16.9,16.6,49.2,19.1,65.4-7.2C801.1,534.9,803.8,519.2,804.3,501.5z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st2"
|
|
||||||
d="M368.6,427.4c2.8,0.6,5.6,1,8.4,1.7c12.8,3,23.2,9.3,29.7,21.1c2.9,5.2,4.9,10.8,4.4,16.9
|
|
||||||
c-0.5,5.8-3.1,10.2-8.5,12.7c-4,1.9-6.1,0.7-6.5-3.8c-0.6-7.9-1.8-15.7-4.8-23.1c-7.9-19.5-25.8-24.3-40.3-21
|
|
||||||
c-9.3,2.2-15.7,8.4-20.5,16.2c-9.2,15-12.1,31.5-11.3,48.7c0.8,16.7,4.8,32.4,15,46c9,12,20.8,19.3,36,20.3
|
|
||||||
c10.9,0.7,20.3-3.5,29-9.6c11.8-8.5,20.5-19.6,26.8-32.9c0.7,0.3,1.5,0.5,2.3,0.9c-6.4,15.6-16.3,28.1-29.7,37.9
|
|
||||||
c-10.9,8-22.9,13.1-36.7,13.2c-15.3,0.1-28.1-6.2-38.6-16.9c-24.3-24.8-30-64.8-13.3-94.9c10.7-19.2,26.8-30.7,49.1-32.9
|
|
||||||
c0.3,0,0.6-0.3,0.9-0.5C362.9,427.4,365.7,427.4,368.6,427.4z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st2"
|
|
||||||
d="M552.6,429.4c-0.6,0.5-1.2,1.4-1.9,1.6c-2,0.5-4.1,0.6-6.1,1.2c-3.5,1-4.5,2.4-4.5,6.1c0,25.1,0,50.3,0,75.4
|
|
||||||
c0,12.3-1.7,24.2-7,35.4c-6.2,13.1-15.9,21.9-30.9,22.7c-16.4,0.9-29.9-5.1-39.3-19.1c-5.6-8.4-7.2-17.9-7.2-27.7
|
|
||||||
c0-28.8,0-57.6,0-86.5c0-4.5-1-5.8-5.4-6.8c-1.7-0.4-3.4-0.4-5-0.9c-0.8-0.2-1.3-1.1-2-1.6c0.2-0.2,0.3-0.5,0.5-0.7
|
|
||||||
c13.9,0,27.7,0,41.6,0c0.2,0.2,0.3,0.4,0.5,0.6c-0.6,0.6-1.1,1.5-1.8,1.7c-2.4,0.7-4.8,0.9-7.2,1.6c-2.1,0.6-3.5,2.1-3.5,4.6
|
|
||||||
c0.1,31.5-0.1,63.1,0.4,94.6c0.2,15.3,10.3,26.9,24.4,30.2c13,3,24-2.1,31.3-14.7c6.1-10.5,8.1-22,8.2-33.9c0.1-25,0-49.9,0-74.9
|
|
||||||
c0-4-1.2-5.6-5.1-6.5c-1.8-0.4-3.7-0.5-5.6-1.1c-0.7-0.2-1.2-1.1-1.8-1.6c0.2-0.2,0.3-0.4,0.5-0.6c8.9,0,17.7,0,26.6,0
|
|
||||||
C552.2,428.9,552.4,429.2,552.6,429.4z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st3"
|
|
||||||
d="M601.1,497.3c0,1.1,0,2,0,2.8c0,20.4,0,40.9,0,61.3c0,4.3,0.9,5.7,5.2,6.8c2.3,0.6,4.6,0.9,7,0.9
|
|
||||||
c7.6,0.1,15.1-0.1,22.7,0.1c8.9,0.2,15.8-3.4,20.9-10.3c2.8-3.8,4.8-8.1,7.2-12.1c0.4-0.7,1.2-1.1,1.8-1.6
|
|
||||||
c0.2,0.2,0.5,0.4,0.7,0.7c-2.3,6.8-4.6,13.7-7,20.5c-1.1,3-3.4,4.7-6.6,4.9c-1.2,0.1-2.5,0.2-3.7,0.2c-25,0-49.9,0-74.9,0
|
|
||||||
c-0.3,0-0.6,0.1-0.8,0c-0.8-0.4-1.6-0.8-2.3-1.2c0.8-0.5,1.5-1.1,2.3-1.4c1.4-0.4,2.8-0.4,4.2-0.7c4.7-1.1,5.8-2.5,5.8-7.2
|
|
||||||
c0-40.3,0-80.6,0-120.9c0-6.1-1.4-7.7-7.5-8.6c-1.1-0.2-2.3-0.2-3.3-0.5c-0.7-0.2-1.2-1-1.8-1.5c0.2-0.3,0.3-0.5,0.5-0.8
|
|
||||||
c1,0,2,0,3.1,0c24.1,0,48.2,0,72.3,0c6.4,0,8.4,1.4,10.4,7.3c2,6.1,4,12.1,6,18.2c-0.2,0.2-0.4,0.4-0.7,0.6
|
|
||||||
c-0.6-0.6-1.4-1.1-1.8-1.8c-2.7-5.8-5.8-11.4-10.7-15.8c-4.6-4.2-9.9-6.4-16.2-6.3c-6.8,0-13.6,0-20.4,0c-1,0-2.1,0-3.1,0.1
|
|
||||||
c-7.9,0.9-9.3,2.4-9.3,10.2c0,16.9,0,33.7,0,50.6c0,1,0,2,0,3.3c8,0,15.7,0.1,23.4-0.2c1.1,0,2.9-2,3.2-3.4
|
|
||||||
c1.1-4.8,1.7-9.8,2.4-14.7c0.2-1.4,0.3-2.5,2.3-1.6c0,6,0,12,0,18c0,7.3,0,14.7,0,22c0,1.4-0.1,2.5-1.9,1.9c-0.7-4.7-1.1-9.4-2-14
|
|
||||||
c-1-5.4-1.8-5.9-7.3-5.9C614.6,497.3,608.1,497.3,601.1,497.3z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st3"
|
|
||||||
d="M186.5,512.1c-2.6,8.1-5.3,16.1-7.8,24.1c-2.7,8.5-5.5,17-8.2,25.5c-1,3.3-0.6,4.5,2.6,5.7
|
|
||||||
c1.9,0.7,4,0.9,6,1.5c0.7,0.2,1.3,1.1,1.9,1.7c-0.2,0.2-0.3,0.5-0.5,0.7c-8.7,0-17.3,0-26,0c-0.2-0.2-0.4-0.5-0.5-0.7
|
|
||||||
c0.7-0.6,1.3-1.5,2.1-1.7c2-0.6,4.1-0.7,6.1-1.2c2.9-0.8,4.8-2.6,5.7-5.7c12.6-39.3,25.2-78.6,37.9-117.8
|
|
||||||
c1.3-3.9,2.9-7.8,5.1-11.2c4.3-6.8,13.6-7.3,18.1-0.7c3.1,4.6,5.4,9.9,7.2,15.2c12.8,37.4,25.5,74.9,38,112.4
|
|
||||||
c1.9,5.6,5.2,8.1,10.6,8.8c0.6,0.1,1.2,0,1.7,0.3s0.9,0.9,1.3,1.4c-0.5,0.3-1.1,1-1.6,1c-3.1,0.1-6.2,0-9.4,0
|
|
||||||
c-9.9,0-19.8,0-29.8,0c-0.2-0.2-0.4-0.5-0.6-0.7c0.6-0.6,1.1-1.6,1.9-1.8c2-0.5,4.1-0.6,6.1-1.1c2.8-0.9,3.6-2.4,2.6-5.2
|
|
||||||
c-5.5-16.3-11-32.6-16.6-48.8c-0.2-0.7-1.4-1.6-2.1-1.6C221.1,512.1,203.9,512.1,186.5,512.1z M239,509.8
|
|
||||||
c-0.2-0.8-0.4-1.4-0.5-1.9c-5.6-16.7-11.3-33.5-17-50.2c-1.2-3.6-2.3-7.2-3.6-10.7c-0.8-2-2.1-3.8-4.7-4c-2.5-0.1-4.1,1.4-5.1,3.4
|
|
||||||
c-1,1.8-1.8,3.7-2.4,5.7c-6,18.5-11.9,37-17.8,55.5c-0.2,0.7-0.3,1.4-0.4,2.1C204.8,509.8,221.8,509.8,239,509.8z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st3"
|
|
||||||
d="M52.8,428.7c13.8,0,27.6,0,41.3,0c0.4,2,0.4,2-1.2,2.3c-2.3,0.5-4.6,0.8-6.9,1.5c-2.4,0.7-3.6,2.4-3.6,5
|
|
||||||
c0,41.7,0,83.4,0,125.1c0,2.5,1.1,4.3,3.4,4.9c2.8,0.8,5.7,1.4,8.6,1.5c6.2,0.2,12.5-0.2,18.7,0.1c9.5,0.4,16.8-3.6,21.9-11.1
|
|
||||||
c3.3-4.8,5.6-10.2,8.3-15.3c0.4-0.8,1.2-1.4,1.8-2.1c0.3,0.2,0.5,0.4,0.8,0.6c-2.9,8.4-5.6,16.9-8.6,25.3c-0.9,2.7-3.1,4.2-6,4.5
|
|
||||||
c-1.1,0.1-2.3,0.2-3.4,0.2c-24.4,0-48.8,0-73.2,0c-0.7,0-1.3,0-2,0c-0.2-0.2-0.4-0.5-0.6-0.7c0.6-0.6,1.2-1.5,1.9-1.7
|
|
||||||
c1.9-0.5,3.9-0.6,5.8-1.1c3.7-1,4.7-2.4,4.7-6.3c0-39.8,0-79.6,0-119.5c0-1.4,0-2.8,0-4.2c0-3.4-1-4.8-4.3-5.7
|
|
||||||
c-2.1-0.6-4.3-0.7-6.4-1.3c-0.7-0.2-1.2-1.1-1.8-1.6C52.4,429.1,52.6,428.9,52.8,428.7z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
class="st2"
|
|
||||||
d="M754.6,511c-5.9,0-10.8-5.2-10.8-11.4c0-6.3,4.9-11.4,10.8-11.5c6.1-0.1,11,5.2,10.9,11.6
|
|
||||||
C765.4,506,760.5,511.1,754.6,511z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 359 KiB |
@@ -1,36 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150" width="200" height="150">
|
|
||||||
<!-- Background -->
|
|
||||||
<rect width="200" height="150" fill="#fdfbf8"/>
|
|
||||||
<!-- Top gold border -->
|
|
||||||
<rect width="200" height="2" fill="#b8965a" opacity="0.5"/>
|
|
||||||
<!-- Label line -->
|
|
||||||
<rect x="75" y="14" width="50" height="3" rx="1" fill="#b8965a" opacity="0.7"/>
|
|
||||||
<!-- Title lines -->
|
|
||||||
<rect x="40" y="23" width="120" height="5" rx="1" fill="#1c1c1c" opacity="0.18"/>
|
|
||||||
<rect x="60" y="32" width="80" height="3" rx="1" fill="#1c1c1c" opacity="0.10"/>
|
|
||||||
<!-- Three benefit columns -->
|
|
||||||
<rect x="12" y="48" width="52" height="44" rx="1" fill="none" stroke="#b8965a" stroke-width="0.8" opacity="0.4"/>
|
|
||||||
<rect x="74" y="48" width="52" height="44" rx="1" fill="none" stroke="#b8965a" stroke-width="0.8" opacity="0.4"/>
|
|
||||||
<rect x="136" y="48" width="52" height="44" rx="1" fill="none" stroke="#b8965a" stroke-width="0.8" opacity="0.4"/>
|
|
||||||
<!-- Column icons (diamond dots) -->
|
|
||||||
<rect x="35" y="54" width="5" height="5" rx="0.5" fill="#b8965a" opacity="0.6" transform="rotate(45 37.5 56.5)"/>
|
|
||||||
<rect x="97" y="54" width="5" height="5" rx="0.5" fill="#b8965a" opacity="0.6" transform="rotate(45 99.5 56.5)"/>
|
|
||||||
<rect x="159" y="54" width="5" height="5" rx="0.5" fill="#b8965a" opacity="0.6" transform="rotate(45 161.5 56.5)"/>
|
|
||||||
<!-- Column text lines -->
|
|
||||||
<rect x="20" y="65" width="36" height="2.5" rx="1" fill="#1c1c1c" opacity="0.15"/>
|
|
||||||
<rect x="22" y="71" width="32" height="2" rx="1" fill="#7a7265" opacity="0.2"/>
|
|
||||||
<rect x="22" y="76" width="28" height="2" rx="1" fill="#7a7265" opacity="0.15"/>
|
|
||||||
<rect x="82" y="65" width="36" height="2.5" rx="1" fill="#1c1c1c" opacity="0.15"/>
|
|
||||||
<rect x="84" y="71" width="32" height="2" rx="1" fill="#7a7265" opacity="0.2"/>
|
|
||||||
<rect x="84" y="76" width="28" height="2" rx="1" fill="#7a7265" opacity="0.15"/>
|
|
||||||
<rect x="144" y="65" width="36" height="2.5" rx="1" fill="#1c1c1c" opacity="0.15"/>
|
|
||||||
<rect x="146" y="71" width="32" height="2" rx="1" fill="#7a7265" opacity="0.2"/>
|
|
||||||
<rect x="146" y="76" width="28" height="2" rx="1" fill="#7a7265" opacity="0.15"/>
|
|
||||||
<!-- Gold divider rule -->
|
|
||||||
<rect x="90" y="98" width="20" height="1" fill="#b8965a" opacity="0.5"/>
|
|
||||||
<!-- Form placeholder (dashed box) -->
|
|
||||||
<rect x="30" y="106" width="140" height="30" rx="1" fill="#f7f4ef" stroke="#b8965a" stroke-width="0.8" stroke-dasharray="4 2" opacity="0.6"/>
|
|
||||||
<rect x="70" y="119" width="60" height="2.5" rx="1" fill="#7a7265" opacity="0.2"/>
|
|
||||||
<!-- Bottom border -->
|
|
||||||
<rect y="148" width="200" height="2" fill="#b8965a" opacity="0.3"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.5 KiB |
File diff suppressed because it is too large.
Load diff
|
Before Width: | Height: | Size: 89 KiB |
@@ -1,45 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 120" width="400" height="120">
|
|
||||||
|
|
||||||
<!-- Background -->
|
|
||||||
<rect width="400" height="120" fill="#f7f4ef"/>
|
|
||||||
|
|
||||||
<!-- Header bar -->
|
|
||||||
<rect x="0" y="16" width="400" height="52" fill="rgba(247,244,239,0.95)"/>
|
|
||||||
<rect x="0" y="67" width="400" height="1" fill="rgba(184,150,90,0.35)"/>
|
|
||||||
|
|
||||||
<!-- Logo text (italic serif) -->
|
|
||||||
<text x="24" y="47" font-family="Georgia, serif" font-size="13" font-style="italic"
|
|
||||||
font-weight="300" fill="#1c1c1c" letter-spacing="1">fi-ne & LACUEOR</text>
|
|
||||||
|
|
||||||
<!-- Portal label separator -->
|
|
||||||
<rect x="148" y="34" width="1" height="18" fill="#d6d0c8"/>
|
|
||||||
|
|
||||||
<!-- Portal label text -->
|
|
||||||
<text x="154" y="43" font-family="Arial, sans-serif" font-size="5.5" font-weight="500"
|
|
||||||
fill="#7a7265" letter-spacing="1.4" text-transform="uppercase">B2B</text>
|
|
||||||
<text x="154" y="51" font-family="Arial, sans-serif" font-size="5.5" font-weight="500"
|
|
||||||
fill="#7a7265" letter-spacing="1.4">PARTNER PORTAL</text>
|
|
||||||
|
|
||||||
<!-- Nav links -->
|
|
||||||
<text x="210" y="46" font-family="Arial, sans-serif" font-size="7" font-weight="500"
|
|
||||||
fill="#7a7265" letter-spacing="1.8">OUR BRANDS</text>
|
|
||||||
<text x="278" y="46" font-family="Arial, sans-serif" font-size="7" font-weight="500"
|
|
||||||
fill="#7a7265" letter-spacing="1.8">CONTACT</text>
|
|
||||||
|
|
||||||
<!-- Sign In button -->
|
|
||||||
<rect x="327" y="30" width="52" height="22" fill="none"
|
|
||||||
stroke="#b8965a" stroke-width="1"/>
|
|
||||||
<text x="353" y="45" font-family="Arial, sans-serif" font-size="6.5" font-weight="600"
|
|
||||||
fill="#b8965a" letter-spacing="1.5" text-anchor="middle">SIGN IN</text>
|
|
||||||
|
|
||||||
<!-- Bottom gold rule decoration -->
|
|
||||||
<rect x="0" y="68" width="400" height="1" fill="rgba(184,150,90,0.18)"/>
|
|
||||||
|
|
||||||
<!-- Snippet label at bottom -->
|
|
||||||
<text x="200" y="100" font-family="Arial, sans-serif" font-size="8.5" font-weight="500"
|
|
||||||
fill="#7a7265" letter-spacing="0.5" text-anchor="middle">Finor – Luxury B2B</text>
|
|
||||||
|
|
||||||
<!-- Small gold diamond decoration -->
|
|
||||||
<rect x="188" y="107" width="5" height="5" fill="#b8965a" transform="rotate(45 190.5 109.5)"/>
|
|
||||||
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.0 KiB |
@@ -1,15 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 100" width="180" height="100">
|
|
||||||
<rect width="180" height="100" fill="#f9f5f0"/>
|
|
||||||
<!-- left card -->
|
|
||||||
<rect x="8" y="20" width="76" height="68" rx="5" fill="#2a2a2a"/>
|
|
||||||
<rect x="8" y="20" width="76" height="3" rx="2" fill="#c9a96e"/>
|
|
||||||
<rect x="16" y="72" width="40" height="5" rx="2" fill="#c9a96e" opacity=".8"/>
|
|
||||||
<rect x="16" y="80" width="28" height="3" rx="1.5" fill="#fff" opacity=".6"/>
|
|
||||||
<!-- right card -->
|
|
||||||
<rect x="96" y="20" width="76" height="68" rx="5" fill="#1e1e1e"/>
|
|
||||||
<rect x="96" y="20" width="76" height="3" rx="2" fill="#c9a96e"/>
|
|
||||||
<rect x="104" y="72" width="40" height="5" rx="2" fill="#c9a96e" opacity=".8"/>
|
|
||||||
<rect x="104" y="80" width="28" height="3" rx="1.5" fill="#fff" opacity=".6"/>
|
|
||||||
<!-- label -->
|
|
||||||
<text x="90" y="13" font-family="sans-serif" font-size="7" fill="#6b7280" text-anchor="middle">Brand Universe</text>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 920 B |
@@ -1,676 +0,0 @@
|
|||||||
// ============================================================
|
|
||||||
// Fino – Brand Snippets + Fino Luxury Header
|
|
||||||
// Sections:
|
|
||||||
// 1. fino_brands – Consumer & Retail Destinations
|
|
||||||
// 2. o_fino_navbar – Fino Luxury Header
|
|
||||||
// 3. fino_b2b – B2B Partner Access
|
|
||||||
// ============================================================
|
|
||||||
|
|
||||||
// ── Shared design tokens ─────────────────────────────────────────────────────
|
|
||||||
$cream: #f7f4ef;
|
|
||||||
$warm-white: #fdfbf8;
|
|
||||||
$gold: #b8965a;
|
|
||||||
$gold-light: #d4b07a;
|
|
||||||
$charcoal: #1c1c1c;
|
|
||||||
$mid-grey: #7a7265;
|
|
||||||
$light-grey: #d6d0c8;
|
|
||||||
$fine-beige: #e8e0d0;
|
|
||||||
$lacueor-dark: #1a1814;
|
|
||||||
$lacueor-gold: #c9aa5e;
|
|
||||||
$border: rgba(184, 150, 90, 0.25);
|
|
||||||
$transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
||||||
$font-serif:
|
|
||||||
"Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", Georgia,
|
|
||||||
serif;
|
|
||||||
$font-sans:
|
|
||||||
"Optima", "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
|
|
||||||
"Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
||||||
|
|
||||||
// ============================================================
|
|
||||||
// 1. BRAND UNIVERSE SNIPPET (.fino_brands)
|
|
||||||
// ============================================================
|
|
||||||
.fino_brands {
|
|
||||||
font-family: $font-sans;
|
|
||||||
background: $warm-white;
|
|
||||||
border-top: 1px solid $border;
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
padding-top: 56px;
|
|
||||||
padding-bottom: 56px;
|
|
||||||
|
|
||||||
// ── Section header ────────────────────────────────────────────────────
|
|
||||||
.fino_brands_section_label {
|
|
||||||
font-family: $font-sans;
|
|
||||||
font-size: 9px;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0.3em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: $gold;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_section_title {
|
|
||||||
font-family: $font-serif;
|
|
||||||
font-size: clamp(26px, 4vw, 42px);
|
|
||||||
font-weight: 300;
|
|
||||||
letter-spacing: 0.04em;
|
|
||||||
color: $charcoal;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 14px;
|
|
||||||
line-height: 1.2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_section_body {
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 300;
|
|
||||||
line-height: 1.9;
|
|
||||||
color: $mid-grey;
|
|
||||||
text-align: center;
|
|
||||||
max-width: 560px;
|
|
||||||
margin: 0 auto 40px;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Grid ─────────────────────────────────────────────────────────────
|
|
||||||
.fino_brands_grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
gap: 0;
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Card base ─────────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-end;
|
|
||||||
min-height: 392px;
|
|
||||||
text-decoration: none;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
min-height: 294px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Fine card ─────────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card--fine {
|
|
||||||
background: $fine-beige;
|
|
||||||
border-right: 1px solid $border;
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
border-right: none;
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Lacueor card ──────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card--lacueor {
|
|
||||||
background: $lacueor-dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Product image ─────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card_image {
|
|
||||||
position: absolute;
|
|
||||||
inset: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
object-position: center;
|
|
||||||
transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
||||||
opacity: 0.55;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--fine .fino_brands_card_image {
|
|
||||||
opacity: 0.45;
|
|
||||||
object-position: center 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--lacueor .fino_brands_card_image {
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Gradient overlay ──────────────────────────────────────────────────
|
|
||||||
.fino_brands_card_overlay {
|
|
||||||
position: absolute;
|
|
||||||
inset: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--fine .fino_brands_card_overlay {
|
|
||||||
background: linear-gradient(
|
|
||||||
to bottom,
|
|
||||||
rgba(232, 224, 208, 0.2) 0%,
|
|
||||||
rgba(232, 224, 208, 0.6) 50%,
|
|
||||||
rgba(232, 224, 208, 0.94) 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--lacueor .fino_brands_card_overlay {
|
|
||||||
background: linear-gradient(
|
|
||||||
to bottom,
|
|
||||||
rgba(14, 12, 10, 0.1) 0%,
|
|
||||||
rgba(14, 12, 10, 0.55) 50%,
|
|
||||||
rgba(14, 12, 10, 0.95) 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Top accent line (fades in on hover) ───────────────────────────────
|
|
||||||
.fino_brands_card_top_accent {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 2px;
|
|
||||||
z-index: 3;
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity $transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--fine .fino_brands_card_top_accent {
|
|
||||||
background: linear-gradient(to right, transparent, $gold, transparent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--lacueor .fino_brands_card_top_accent {
|
|
||||||
background: linear-gradient(
|
|
||||||
to right,
|
|
||||||
transparent,
|
|
||||||
$lacueor-gold,
|
|
||||||
transparent
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Card content ──────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card_content {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
width: 100%;
|
|
||||||
padding: 32px 44px;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
@media (max-width: 991px) {
|
|
||||||
padding: 24px 22px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Eyebrow ───────────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card_eyebrow {
|
|
||||||
font-size: 8px;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0.32em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
margin-bottom: 14px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--fine .fino_brands_card_eyebrow {
|
|
||||||
color: $gold;
|
|
||||||
}
|
|
||||||
.fino_brands_card--lacueor .fino_brands_card_eyebrow {
|
|
||||||
color: $lacueor-gold;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Brand logo ────────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card_logo {
|
|
||||||
display: block;
|
|
||||||
width: 52%;
|
|
||||||
max-width: 200px;
|
|
||||||
min-width: 110px;
|
|
||||||
height: auto;
|
|
||||||
object-fit: contain;
|
|
||||||
margin: 0 auto 16px;
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
transition: opacity $transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fine logo: dark fills work perfectly on the beige card — no filter
|
|
||||||
.fino_brands_card--fine .fino_brands_card_logo {
|
|
||||||
opacity: 0.88;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Lacueor logo: invert to clean white against the dark card
|
|
||||||
.fino_brands_card--lacueor .fino_brands_card_logo {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
opacity: 0.9;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Tagline ───────────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card_tagline {
|
|
||||||
font-family: $font-serif;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: italic;
|
|
||||||
letter-spacing: 0.04em;
|
|
||||||
line-height: 1.6;
|
|
||||||
margin-bottom: 22px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--fine .fino_brands_card_tagline {
|
|
||||||
color: $mid-grey;
|
|
||||||
}
|
|
||||||
.fino_brands_card--lacueor .fino_brands_card_tagline {
|
|
||||||
color: rgba(247, 244, 239, 0.65);
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── CTA button ────────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card_cta {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
font-size: 9px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.28em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
padding: 11px 28px;
|
|
||||||
border: 1px solid;
|
|
||||||
transition: all $transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--fine .fino_brands_card_cta {
|
|
||||||
color: $charcoal;
|
|
||||||
border-color: $charcoal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card--lacueor .fino_brands_card_cta {
|
|
||||||
color: $lacueor-gold;
|
|
||||||
border-color: $lacueor-gold;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── CTA arrow ─────────────────────────────────────────────────────────
|
|
||||||
.fino_brands_card_cta_arrow {
|
|
||||||
display: inline-block;
|
|
||||||
transition: transform $transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ══════════════════════════════════════════════════════════════════════
|
|
||||||
// HOVER STATES
|
|
||||||
// ══════════════════════════════════════════════════════════════════════
|
|
||||||
|
|
||||||
.fino_brands_card:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
.fino_brands_card_image {
|
|
||||||
transform: scale(1.04);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card_top_accent {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card_cta_arrow {
|
|
||||||
transform: translateX(4px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_brands_card_logo {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// CTA fill — Fine card
|
|
||||||
.fino_brands_card--fine:hover {
|
|
||||||
.fino_brands_card_cta {
|
|
||||||
background: $charcoal;
|
|
||||||
color: $cream;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// CTA fill — Lacueor card
|
|
||||||
.fino_brands_card--lacueor:hover {
|
|
||||||
.fino_brands_card_cta {
|
|
||||||
background: $lacueor-gold;
|
|
||||||
color: $lacueor-dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ============================================================
|
|
||||||
// 2. FINOR LUXURY HEADER (.o_fino_navbar)
|
|
||||||
// ============================================================
|
|
||||||
.o_fino_navbar {
|
|
||||||
background: rgba(247, 244, 239, 0.92) !important;
|
|
||||||
backdrop-filter: blur(12px);
|
|
||||||
-webkit-backdrop-filter: blur(12px);
|
|
||||||
border-bottom: 1px solid $border !important;
|
|
||||||
height: 72px;
|
|
||||||
box-shadow: none !important;
|
|
||||||
|
|
||||||
.o_fino_nav_inner {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0 48px;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
@media (max-width: 991px) {
|
|
||||||
padding: 0 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.o_fino_brand_wrap {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.o_fino_brand_link {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
img {
|
|
||||||
height: 28px;
|
|
||||||
width: auto;
|
|
||||||
object-fit: contain;
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
font-family: $font-serif;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 300;
|
|
||||||
font-style: italic;
|
|
||||||
letter-spacing: 0.06em;
|
|
||||||
color: $charcoal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.o_fino_portal_label {
|
|
||||||
font-family: $font-sans;
|
|
||||||
font-size: 9px;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0.2em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: $mid-grey;
|
|
||||||
border-left: 1px solid $light-grey;
|
|
||||||
padding-left: 12px;
|
|
||||||
margin-left: 4px;
|
|
||||||
line-height: 1.4;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.o_fino_nav_links {
|
|
||||||
flex-shrink: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.o_fino_nav_link,
|
|
||||||
.o_fino_nav_links .nav-link {
|
|
||||||
font-family: $font-sans !important;
|
|
||||||
font-size: 10px !important;
|
|
||||||
font-weight: 500 !important;
|
|
||||||
letter-spacing: 0.18em !important;
|
|
||||||
text-transform: uppercase !important;
|
|
||||||
color: $mid-grey !important;
|
|
||||||
text-decoration: none !important;
|
|
||||||
transition: color $transition !important;
|
|
||||||
padding: 0 12px !important;
|
|
||||||
background: none !important;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: $gold !important;
|
|
||||||
text-decoration: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.o_fino_nav_actions {
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.o_fino_btn_signin {
|
|
||||||
display: inline-block;
|
|
||||||
font-family: $font-sans !important;
|
|
||||||
font-size: 9px !important;
|
|
||||||
font-weight: 600 !important;
|
|
||||||
letter-spacing: 0.2em !important;
|
|
||||||
text-transform: uppercase !important;
|
|
||||||
padding: 9px 22px !important;
|
|
||||||
border: 1px solid $gold !important;
|
|
||||||
color: $gold !important;
|
|
||||||
background: transparent !important;
|
|
||||||
text-decoration: none !important;
|
|
||||||
transition: all $transition !important;
|
|
||||||
border-radius: 0 !important;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: $gold !important;
|
|
||||||
color: $warm-white !important;
|
|
||||||
text-decoration: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ============================================================
|
|
||||||
// 3. B2B PARTNER ACCESS SNIPPET (.fino_b2b)
|
|
||||||
// ============================================================
|
|
||||||
.fino_b2b {
|
|
||||||
font-family: $font-sans;
|
|
||||||
background: $warm-white;
|
|
||||||
border-top: 1px solid $border;
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
padding-top: 80px;
|
|
||||||
padding-bottom: 0;
|
|
||||||
|
|
||||||
// ── Section label ─────────────────────────────────────────────────────
|
|
||||||
.fino_b2b_label {
|
|
||||||
font-family: $font-sans;
|
|
||||||
font-size: 9px;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0.3em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: $gold;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Section title ─────────────────────────────────────────────────────
|
|
||||||
.fino_b2b_title {
|
|
||||||
font-family: $font-serif;
|
|
||||||
font-size: clamp(28px, 4vw, 44px);
|
|
||||||
font-weight: 300;
|
|
||||||
letter-spacing: 0.04em;
|
|
||||||
color: $charcoal;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
line-height: 1.2;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Body paragraph ────────────────────────────────────────────────────
|
|
||||||
.fino_b2b_body {
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 300;
|
|
||||||
line-height: 1.9;
|
|
||||||
color: $mid-grey;
|
|
||||||
text-align: center;
|
|
||||||
max-width: 580px;
|
|
||||||
margin: 0 auto 56px;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Benefits grid ─────────────────────────────────────────────────────
|
|
||||||
.fino_b2b_benefits {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(3, 1fr);
|
|
||||||
gap: 20px;
|
|
||||||
max-width: 1100px;
|
|
||||||
margin: 0 auto 56px;
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
gap: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Benefit card ──────────────────────────────────────────────────────
|
|
||||||
.fino_b2b_benefit {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
text-align: center;
|
|
||||||
padding: 48px 36px 44px;
|
|
||||||
border-top: 2px solid $gold;
|
|
||||||
border-left: 1px solid $border;
|
|
||||||
border-right: 1px solid $border;
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
background: $warm-white;
|
|
||||||
transition:
|
|
||||||
background $transition,
|
|
||||||
transform $transition,
|
|
||||||
box-shadow $transition;
|
|
||||||
|
|
||||||
// Top gold accent line glow on hover
|
|
||||||
&::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: -2px;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
width: 0;
|
|
||||||
height: 2px;
|
|
||||||
background: $gold-light;
|
|
||||||
transition: width $transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: $cream;
|
|
||||||
transform: translateY(-5px);
|
|
||||||
box-shadow: 0 16px 48px rgba(184, 150, 90, 0.14);
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_b2b_benefit_icon_wrap {
|
|
||||||
background: $gold;
|
|
||||||
border-color: $gold;
|
|
||||||
|
|
||||||
svg {
|
|
||||||
stroke: $warm-white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Icon wrapper ──────────────────────────────────────────────────────
|
|
||||||
.fino_b2b_benefit_icon_wrap {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 56px;
|
|
||||||
height: 56px;
|
|
||||||
border: 1px solid rgba(184, 150, 90, 0.45);
|
|
||||||
background: $cream;
|
|
||||||
margin-bottom: 26px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
transition:
|
|
||||||
background $transition,
|
|
||||||
border-color $transition;
|
|
||||||
|
|
||||||
svg {
|
|
||||||
width: 26px;
|
|
||||||
height: 26px;
|
|
||||||
stroke: $gold;
|
|
||||||
fill: none;
|
|
||||||
stroke-width: 1.2;
|
|
||||||
stroke-linecap: round;
|
|
||||||
stroke-linejoin: round;
|
|
||||||
transition: stroke $transition;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Benefit title ─────────────────────────────────────────────────────
|
|
||||||
.fino_b2b_benefit_title {
|
|
||||||
font-family: $font-serif;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 300;
|
|
||||||
letter-spacing: 0.07em;
|
|
||||||
color: $charcoal;
|
|
||||||
margin-bottom: 14px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Title–body separator ──────────────────────────────────────────────
|
|
||||||
.fino_b2b_benefit_rule {
|
|
||||||
width: 32px;
|
|
||||||
height: 1px;
|
|
||||||
background: linear-gradient(to right, transparent, $gold, transparent);
|
|
||||||
margin: 0 auto 16px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Benefit body ──────────────────────────────────────────────────────
|
|
||||||
.fino_b2b_benefit_text {
|
|
||||||
font-size: 12.5px;
|
|
||||||
font-weight: 300;
|
|
||||||
line-height: 1.9;
|
|
||||||
color: $mid-grey;
|
|
||||||
letter-spacing: 0.018em;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Gold rule divider ─────────────────────────────────────────────────
|
|
||||||
.fino_b2b_divider {
|
|
||||||
width: 80px;
|
|
||||||
height: 1px;
|
|
||||||
background: linear-gradient(to right, transparent, $gold, transparent);
|
|
||||||
margin: 0 auto 52px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Form placeholder area ─────────────────────────────────────────────
|
|
||||||
.fino_b2b_form_area {
|
|
||||||
max-width: 640px;
|
|
||||||
margin: 0 auto 56px;
|
|
||||||
border: 1px dashed rgba(184, 150, 90, 0.45);
|
|
||||||
padding: 48px 40px;
|
|
||||||
text-align: center;
|
|
||||||
background: $cream;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fino_b2b_form_placeholder {
|
|
||||||
font-family: $font-sans;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 400;
|
|
||||||
letter-spacing: 0.15em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: rgba(122, 114, 101, 0.55);
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Footer notice ribbon ──────────────────────────────────────────────
|
|
||||||
.fino_b2b_notice {
|
|
||||||
text-align: center;
|
|
||||||
padding: 20px 48px;
|
|
||||||
font-size: 10px;
|
|
||||||
font-weight: 400;
|
|
||||||
letter-spacing: 0.15em;
|
|
||||||
color: $mid-grey;
|
|
||||||
background: $cream;
|
|
||||||
border-top: 1px solid $border;
|
|
||||||
margin-top: 0;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $gold;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: 600;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $gold-light;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
/** @odoo-module **/
|
|
||||||
import options from '@web_editor/js/editor/snippets.options';
|
|
||||||
|
|
||||||
options.registry.BrandsSnippet = options.Class.extend({
|
|
||||||
// No custom options needed – the snippet is fully styled via SCSS.
|
|
||||||
});
|
|
||||||
@@ -1,79 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<odoo>
|
|
||||||
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<!-- Fino Luxury B2B Header -->
|
|
||||||
<!-- Mirrors the .topbar design from Website/index.html -->
|
|
||||||
<!-- Selectable in the website editor alongside Default / Stretch / etc. -->
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<template id="template_header_fino"
|
|
||||||
inherit_id="website.layout"
|
|
||||||
name="Template Header Fino"
|
|
||||||
active="False">
|
|
||||||
|
|
||||||
<xpath expr="//header//nav" position="replace">
|
|
||||||
|
|
||||||
<t t-call="website.navbar">
|
|
||||||
<!--
|
|
||||||
_navbar_classes: d-none d-lg-block hides the desktop bar
|
|
||||||
on mobile (mobile fallback rendered by template_header_mobile below).
|
|
||||||
o_fino_navbar is our custom hook for SCSS.
|
|
||||||
-->
|
|
||||||
<t t-set="_navbar_classes" t-valuef="d-none d-lg-block shadow-sm o_fino_navbar"/>
|
|
||||||
|
|
||||||
<div id="o_main_nav" class="o_main_nav o_fino_nav_inner">
|
|
||||||
|
|
||||||
<!-- ── Left: brand logo + portal label ───────────────── -->
|
|
||||||
<div class="o_fino_brand_wrap">
|
|
||||||
<t t-call="website.placeholder_header_brand">
|
|
||||||
<t t-set="_link_class" t-valuef="o_fino_brand_link"/>
|
|
||||||
</t>
|
|
||||||
<span class="o_fino_portal_label">B2B<br/>Partner Portal</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- ── Centre: website menu items ────────────────────── -->
|
|
||||||
<t t-call="website.navbar_nav">
|
|
||||||
<t t-set="_nav_class" t-valuef="ms-auto o_fino_nav_links"/>
|
|
||||||
|
|
||||||
<t t-foreach="website.menu_id.child_id" t-as="submenu">
|
|
||||||
<t t-call="website.submenu">
|
|
||||||
<t t-set="item_class" t-valuef="nav-item"/>
|
|
||||||
<t t-set="link_class" t-valuef="nav-link o_fino_nav_link"/>
|
|
||||||
</t>
|
|
||||||
</t>
|
|
||||||
</t>
|
|
||||||
|
|
||||||
<!-- ── Right: language + sign-in / user dropdown ─────── -->
|
|
||||||
<ul class="navbar-nav align-items-center gap-3 flex-shrink-0 ms-3 o_fino_nav_actions">
|
|
||||||
|
|
||||||
<!-- Language selector (hidden when only one language) -->
|
|
||||||
<t t-call="website.placeholder_header_language_selector">
|
|
||||||
<t t-set="_btn_class" t-valuef="nav-link o_fino_nav_link px-0"/>
|
|
||||||
<t t-set="_dropdown_menu_class" t-valuef="dropdown-menu-end"/>
|
|
||||||
</t>
|
|
||||||
|
|
||||||
<!-- Sign In (shown when logged-out) -->
|
|
||||||
<t t-call="portal.placeholder_user_sign_in">
|
|
||||||
<t t-set="_link_class" t-valuef="o_fino_btn_signin"/>
|
|
||||||
</t>
|
|
||||||
|
|
||||||
<!-- User dropdown (shown when logged-in) -->
|
|
||||||
<t t-call="portal.user_dropdown">
|
|
||||||
<t t-set="_user_name" t-value="True"/>
|
|
||||||
<t t-set="_item_class" t-valuef="dropdown"/>
|
|
||||||
<t t-set="_link_class" t-valuef="nav-link border-0 o_fino_nav_link"/>
|
|
||||||
<t t-set="_dropdown_menu_class" t-valuef="dropdown-menu-end"/>
|
|
||||||
</t>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</t>
|
|
||||||
|
|
||||||
<!-- Mobile header (Odoo standard offcanvas) -->
|
|
||||||
<t t-call="website.template_header_mobile"/>
|
|
||||||
|
|
||||||
</xpath>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
</odoo>
|
|
||||||
@@ -1,337 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" ?>
|
|
||||||
<odoo>
|
|
||||||
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<!-- Snippet template – Brand Universe section -->
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<template id="fino_brands" name="Fino – Brand Universe">
|
|
||||||
<section
|
|
||||||
class="fino_brands o_cc o_cc1 pt64 pb64"
|
|
||||||
data-snippet="fino_brands"
|
|
||||||
data-name="Fino – Brand Universe"
|
|
||||||
>
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<!-- ── Section header ──────────────────────────────────── -->
|
|
||||||
<p class="fino_brands_section_label">Our Brand Universe</p>
|
|
||||||
<h2 class="fino_brands_section_title" id="brands-heading">
|
|
||||||
Consumer & Retail Destinations
|
|
||||||
</h2>
|
|
||||||
<p class="fino_brands_section_body">
|
|
||||||
Direct your clients and consumers to our flagship brand
|
|
||||||
destinations — each crafted to deliver the full luxury
|
|
||||||
experience.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<!-- ── Brand cards grid ────────────────────────────────── -->
|
|
||||||
<div class="fino_brands_grid" role="list">
|
|
||||||
|
|
||||||
<!-- FI-NE -->
|
|
||||||
<a
|
|
||||||
class="fino_brands_card fino_brands_card--fine"
|
|
||||||
href="https://finecosmetic.de"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
role="listitem"
|
|
||||||
aria-label="Visit [fi-ne] consumer website — finecosmetic.de"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="fino_brands_card_top_accent"
|
|
||||||
aria-hidden="true"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
class="fino_brands_card_image"
|
|
||||||
src="/fino_brands_snippet/static/src/img/Fine.webp"
|
|
||||||
alt="[fi-ne] Deodorant Cream Vetiver Geranium product"
|
|
||||||
loading="lazy"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="fino_brands_card_overlay"
|
|
||||||
aria-hidden="true"
|
|
||||||
/>
|
|
||||||
<div class="fino_brands_card_content">
|
|
||||||
<span
|
|
||||||
class="fino_brands_card_eyebrow"
|
|
||||||
>Premium Natural Cosmetics</span>
|
|
||||||
<img
|
|
||||||
class="fino_brands_card_logo"
|
|
||||||
src="/fino_brands_snippet/static/src/img/Fine.svg"
|
|
||||||
alt="[fi-ne] brand logo"
|
|
||||||
loading="lazy"
|
|
||||||
/>
|
|
||||||
<span class="fino_brands_card_tagline">
|
|
||||||
Clean. Unisex. Uncompromisingly effective.<br />
|
|
||||||
Made in Germany.
|
|
||||||
</span>
|
|
||||||
<span class="fino_brands_card_cta">
|
|
||||||
finecosmetic.de
|
|
||||||
<span
|
|
||||||
class="fino_brands_card_cta_arrow"
|
|
||||||
aria-hidden="true"
|
|
||||||
>→</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<!-- LACUEOR -->
|
|
||||||
<a
|
|
||||||
class="fino_brands_card fino_brands_card--lacueor"
|
|
||||||
href="https://lacueor.com"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
role="listitem"
|
|
||||||
aria-label="Visit LACUEOR consumer website — lacueor.com"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="fino_brands_card_top_accent"
|
|
||||||
aria-hidden="true"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
class="fino_brands_card_image"
|
|
||||||
src="/fino_brands_snippet/static/src/img/Lacuoer.jpg"
|
|
||||||
alt="LACUEOR Staub luxury skincare product on crystal"
|
|
||||||
loading="lazy"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="fino_brands_card_overlay"
|
|
||||||
aria-hidden="true"
|
|
||||||
/>
|
|
||||||
<div class="fino_brands_card_content">
|
|
||||||
<span
|
|
||||||
class="fino_brands_card_eyebrow"
|
|
||||||
>Premium Organic Skin Care</span>
|
|
||||||
<img
|
|
||||||
class="fino_brands_card_logo fino_brands_card_logo--lacueor"
|
|
||||||
src="/fino_brands_snippet/static/src/img/Lacueor.svg"
|
|
||||||
alt="LACUEOR brand logo"
|
|
||||||
loading="lazy"
|
|
||||||
/>
|
|
||||||
<span class="fino_brands_card_tagline">
|
|
||||||
From the quantum realm to your skin.<br />
|
|
||||||
Made in Berlin & Brandenburg with love.
|
|
||||||
</span>
|
|
||||||
<span class="fino_brands_card_cta">
|
|
||||||
lacueor.com
|
|
||||||
<span
|
|
||||||
class="fino_brands_card_cta_arrow"
|
|
||||||
aria-hidden="true"
|
|
||||||
>→</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /fino_brands_grid -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<!-- Snippet template – B2B Partner Access -->
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<template id="fino_b2b" name="Fino – B2B Partner Access">
|
|
||||||
<section
|
|
||||||
class="fino_b2b o_cc o_cc1 pt64 pb64"
|
|
||||||
data-snippet="fino_b2b"
|
|
||||||
data-name="Fino – B2B Partner Access"
|
|
||||||
>
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<!-- ── Section header ──────────────────────────────────── -->
|
|
||||||
<p class="fino_b2b_label">Exclusive Partnership</p>
|
|
||||||
<h2 class="fino_b2b_title">Apply for B2B Access</h2>
|
|
||||||
<p class="fino_b2b_body">
|
|
||||||
Join our Business Partner Programme and unlock wholesale pricing,
|
|
||||||
exclusive promotions, and dedicated account support —
|
|
||||||
crafted for retailers, distributors, and professional buyers.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<!-- ── Benefit pillars ─────────────────────────────────── -->
|
|
||||||
<div class="fino_b2b_benefits" role="list">
|
|
||||||
|
|
||||||
<!-- Bulk Pricing -->
|
|
||||||
<div class="fino_b2b_benefit" role="listitem">
|
|
||||||
<div
|
|
||||||
class="fino_b2b_benefit_icon_wrap"
|
|
||||||
aria-hidden="true"
|
|
||||||
>
|
|
||||||
<!-- Package / layers icon -->
|
|
||||||
<svg
|
|
||||||
width="28"
|
|
||||||
height="28"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="1.25"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
|
|
||||||
/>
|
|
||||||
<polyline
|
|
||||||
points="3.27 6.96 12 12.01 20.73 6.96"
|
|
||||||
/>
|
|
||||||
<line x1="12" y1="22.08" x2="12" y2="12" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span class="fino_b2b_benefit_title">Bulk Pricing</span>
|
|
||||||
<div class="fino_b2b_benefit_rule" aria-hidden="true" />
|
|
||||||
<span class="fino_b2b_benefit_text">
|
|
||||||
Tiered wholesale rates on every SKU across our entire
|
|
||||||
brand portfolio — the more you order, the more you save.
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Exclusive Promotions -->
|
|
||||||
<div class="fino_b2b_benefit" role="listitem">
|
|
||||||
<div
|
|
||||||
class="fino_b2b_benefit_icon_wrap"
|
|
||||||
aria-hidden="true"
|
|
||||||
>
|
|
||||||
<!-- Award / star icon -->
|
|
||||||
<svg
|
|
||||||
width="28"
|
|
||||||
height="28"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="1.25"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="8" r="6" />
|
|
||||||
<path
|
|
||||||
d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span
|
|
||||||
class="fino_b2b_benefit_title"
|
|
||||||
>Exclusive Promotions</span>
|
|
||||||
<div class="fino_b2b_benefit_rule" aria-hidden="true" />
|
|
||||||
<span class="fino_b2b_benefit_text">
|
|
||||||
Partner-only seasonal campaigns, early-access product launches,
|
|
||||||
and co-marketing opportunities reserved for B2B members.
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Dedicated Support -->
|
|
||||||
<div class="fino_b2b_benefit" role="listitem">
|
|
||||||
<div
|
|
||||||
class="fino_b2b_benefit_icon_wrap"
|
|
||||||
aria-hidden="true"
|
|
||||||
>
|
|
||||||
<!-- Headset / support icon -->
|
|
||||||
<svg
|
|
||||||
width="28"
|
|
||||||
height="28"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="1.25"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
>
|
|
||||||
<path d="M3 18v-6a9 9 0 0 1 18 0v6" />
|
|
||||||
<path
|
|
||||||
d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span
|
|
||||||
class="fino_b2b_benefit_title"
|
|
||||||
>Dedicated Support</span>
|
|
||||||
<div class="fino_b2b_benefit_rule" aria-hidden="true" />
|
|
||||||
<span class="fino_b2b_benefit_text">
|
|
||||||
A personal account manager and priority fulfilment
|
|
||||||
to keep your business moving without friction.
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /fino_b2b_benefits -->
|
|
||||||
|
|
||||||
<!-- ── Gold rule divider ────────────────────────────────── -->
|
|
||||||
<div class="fino_b2b_divider" aria-hidden="true" />
|
|
||||||
|
|
||||||
<!-- ── Sign-up form placeholder ────────────────────────── -->
|
|
||||||
<!--
|
|
||||||
╔══════════════════════════════════════════════════════╗
|
|
||||||
║ FORM PLACEHOLDER ║
|
|
||||||
║ Replace .fino_b2b_form_area with your own ║
|
|
||||||
║ sign-up form, Odoo form widget, or embedded iframe. ║
|
|
||||||
╚══════════════════════════════════════════════════════╝
|
|
||||||
-->
|
|
||||||
<div class="fino_b2b_form_area">
|
|
||||||
<p class="fino_b2b_form_placeholder">
|
|
||||||
✎  Send your application here
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<!-- /fino_b2b_form_area -->
|
|
||||||
|
|
||||||
<!-- ── Footer note ──────────────────────────────────────── -->
|
|
||||||
<p class="fino_b2b_notice">
|
|
||||||
Already a partner?  —  
|
|
||||||
<a href="/web/login">Sign in to your B2B account</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<!-- Register both snippets in the website editor – Content group -->
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<template
|
|
||||||
id="snippets"
|
|
||||||
inherit_id="website.snippets"
|
|
||||||
name="Fino – Snippet Entries"
|
|
||||||
>
|
|
||||||
<xpath expr="//snippets[@id='snippet_structure']" position="inside">
|
|
||||||
<t
|
|
||||||
t-snippet="fino_brands_snippet.fino_brands"
|
|
||||||
t-thumbnail="/fino_brands_snippet/static/src/img/snippet_thumb.svg"
|
|
||||||
string="Fino – Brand Universe"
|
|
||||||
group="content"
|
|
||||||
/>
|
|
||||||
<t
|
|
||||||
t-snippet="fino_brands_snippet.fino_b2b"
|
|
||||||
t-thumbnail="/fino_brands_snippet/static/src/img/b2b_snippet_thumb.svg"
|
|
||||||
string="Fino – B2B Partner Access"
|
|
||||||
group="content"
|
|
||||||
/>
|
|
||||||
</xpath>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<!-- Register the Fino Luxury header in the website header picker -->
|
|
||||||
<!-- ================================================================== -->
|
|
||||||
<template
|
|
||||||
id="snippets_header_fino"
|
|
||||||
inherit_id="website.snippet_options"
|
|
||||||
name="Fino Header – Header Picker Entry"
|
|
||||||
>
|
|
||||||
<xpath
|
|
||||||
expr="//we-select[@data-variable='header-template']"
|
|
||||||
position="inside"
|
|
||||||
>
|
|
||||||
<we-button
|
|
||||||
title="Fino – Luxury B2B"
|
|
||||||
data-name="header_fino_opt"
|
|
||||||
data-trigger="regular_header_visibility_opt"
|
|
||||||
data-customize-website-views="fino_brands_snippet.template_header_fino"
|
|
||||||
data-customize-website-variable="'fino'"
|
|
||||||
data-img="/fino_brands_snippet/static/src/img/header_template_fino.svg"
|
|
||||||
/>
|
|
||||||
</xpath>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
</odoo>
|
|
||||||
@@ -1,252 +0,0 @@
|
|||||||
/* ============================================================
|
|
||||||
FI-NE & LACUEOR — B2B Partner Portal
|
|
||||||
Scripts — i18n, banner selector, smooth scroll, topbar shadow
|
|
||||||
============================================================ */
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
/* ── Translations ─────────────────────────────────────── */
|
|
||||||
var translations = {
|
|
||||||
en: {
|
|
||||||
"topbar.label": "B2B Partner Portal",
|
|
||||||
"nav.brands": "Our Brands",
|
|
||||||
"nav.benefits": "Partner Benefits",
|
|
||||||
"nav.contact": "Contact",
|
|
||||||
"nav.signin": "Anmelden",
|
|
||||||
"brands.label": "Our Brand Universe",
|
|
||||||
"brands.title": "Consumer & Retail Destinations",
|
|
||||||
"brands.body":
|
|
||||||
"Direct our clients and consumers to our flagship brand destinations.",
|
|
||||||
"fine.eyebrow": "Premium Natural Cosmetics",
|
|
||||||
"fine.tagline":
|
|
||||||
"Clean. Unisex. Uncompromisingly effective Body Care. Born in Berlin.",
|
|
||||||
"lacueor.eyebrow": "Premium Organic Skin Care",
|
|
||||||
"lacueor.tagline": "Premium organic skin care. Born in Switzerland.",
|
|
||||||
"b2b.label": "Exclusive Partnership",
|
|
||||||
"b2b.title": "Apply for B2B Partnership",
|
|
||||||
"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 the form below and we will reach out to you.",
|
|
||||||
"b2b.benefit1.title": "Bulk Pricing",
|
|
||||||
"b2b.benefit1.text":
|
|
||||||
"Tiered wholesale rates on every SKU across our entire brand portfolio — the more you order, the more you save.",
|
|
||||||
"b2b.benefit2.title": "Exclusive Promotions",
|
|
||||||
"b2b.benefit2.text":
|
|
||||||
"Partner-only seasonal campaigns, early-access product launches, and co-marketing opportunities reserved for B2B members.",
|
|
||||||
"b2b.benefit3.title": "Dedicated Support",
|
|
||||||
"b2b.benefit3.text":
|
|
||||||
"A personal account manager and priority fulfilment to keep your business moving without friction.",
|
|
||||||
"b2b.notice": "Already a partner?",
|
|
||||||
"b2b.notice_link": "Sign in to your B2B account",
|
|
||||||
"value1.title": "Curated",
|
|
||||||
"value1.desc": "Selectively distributed",
|
|
||||||
"value2.title": "Certified",
|
|
||||||
"value2.desc": "Vegan & natural formulas",
|
|
||||||
"value3.title": "Crafted",
|
|
||||||
"value3.desc": "Handmade in Germany, Austria and Switzerland",
|
|
||||||
"value4.title": "Committed",
|
|
||||||
"value4.desc": "Personal B2B support",
|
|
||||||
"signup.label": "Contact Us",
|
|
||||||
"signup.title": "Become a Partner",
|
|
||||||
"signup.body":
|
|
||||||
"Interested in carrying [fi-ne] or LACUEOR? Send us your details and we will get back to you within 48 hours.",
|
|
||||||
"signup.name": "Name *",
|
|
||||||
"signup.email": "Email *",
|
|
||||||
"signup.phone": "Phone",
|
|
||||||
"signup.website": "Website",
|
|
||||||
"signup.social": "Social Media",
|
|
||||||
"signup.message":
|
|
||||||
"Your background / your philosophy / your favorite brands *",
|
|
||||||
"signup.submit": "Send Request",
|
|
||||||
"signup.confirm.title": "Thank You!",
|
|
||||||
"signup.confirm.body":
|
|
||||||
"We have received your request and will get back to you within 48 hours.",
|
|
||||||
"signup.err.name": "Please enter your name.",
|
|
||||||
"signup.err.email": "Please enter a valid email address.",
|
|
||||||
"signup.err.message": "Please describe your business case.",
|
|
||||||
"signup.notice_link": "Sign in to your B2B account",
|
|
||||||
"footer.copyright": "© 2025 FINOR GmbH. All rights reserved.",
|
|
||||||
"footer.legal": "Legal Notice",
|
|
||||||
"footer.privacy": "Privacy Policy",
|
|
||||||
"footer.tagline": "Made in Berlin, with love.",
|
|
||||||
},
|
|
||||||
de: {
|
|
||||||
"topbar.label": "B2B Partner Portal",
|
|
||||||
"nav.brands": "Unsere Marken",
|
|
||||||
"nav.benefits": "Partner-Vorteile",
|
|
||||||
"nav.contact": "Kontakt",
|
|
||||||
"nav.signin": "Anmelden",
|
|
||||||
"brands.label": "Unser Markenuniversum",
|
|
||||||
"brands.title": "Consumer & Retail Ziele",
|
|
||||||
"brands.body":
|
|
||||||
"Leiten Sie Ihre Kunden zu unseren Flaggschiff-Marken weiter.",
|
|
||||||
"fine.eyebrow": "Premium Naturkosmetik",
|
|
||||||
"fine.tagline":
|
|
||||||
"Clean. Unisex. Unkompromittierend wirksame Body Care. Aus Berlin.",
|
|
||||||
"lacueor.eyebrow": "Premium Bio-Hautpflege",
|
|
||||||
"lacueor.tagline": "Premium Bio-Hautpflege. Aus der Schweiz.",
|
|
||||||
"b2b.label": "Exklusive Partnerschaft",
|
|
||||||
"b2b.title": "B2B Partnerschaft beantragen",
|
|
||||||
"b2b.body":
|
|
||||||
"Wir lieben Partnerschaften mit gleichgesinnten Menschen und Unternehmen! Bei Interesse an einer Retail-Partnerschaft oder Kooperation füllt gerne das untenstehende Formular aus. Wir melden uns bei euch.",
|
|
||||||
"b2b.benefit1.title": "Mengenrabatte",
|
|
||||||
"b2b.benefit1.text":
|
|
||||||
"Gestaffelte Großhandelspreise für jede SKU unseres gesamten Markenportfolios – je mehr Sie bestellen, desto mehr sparen Sie.",
|
|
||||||
"b2b.benefit2.title": "Exklusive Aktionen",
|
|
||||||
"b2b.benefit2.text":
|
|
||||||
"Partner-exklusive saisonale Kampagnen, frühzeitiger Zugang zu Produktneuheiten und Co-Marketing-Möglichkeiten.",
|
|
||||||
"b2b.benefit3.title": "Persönlicher Support",
|
|
||||||
"b2b.benefit3.text":
|
|
||||||
"Ein persönlicher Account-Manager und prioritäre Auftragsabwicklung für reibungslose Geschäftsabläufe.",
|
|
||||||
"b2b.notice": "Bereits Partner?",
|
|
||||||
"b2b.notice_link": "Zum B2B-Konto anmelden",
|
|
||||||
"value1.title": "Kuratiert",
|
|
||||||
"value1.desc": "Selektiv vertrieben",
|
|
||||||
"value2.title": "Zertifiziert",
|
|
||||||
"value2.desc": "Vegane & natürliche Formeln",
|
|
||||||
"value3.title": "Handgefertigt",
|
|
||||||
"value3.desc": "Hergestellt in Deutschland, Österreich und der Schweiz",
|
|
||||||
"value4.title": "Engagiert",
|
|
||||||
"value4.desc": "Persönlicher B2B-Support",
|
|
||||||
"signup.label": "Kontakt",
|
|
||||||
"signup.title": "Partner werden",
|
|
||||||
"signup.body":
|
|
||||||
"Interesse an [fi-ne] oder LACUEOR? Schickt uns eure Daten und wir melden uns spätestens innerhalb von 48 Stunden zurück.",
|
|
||||||
"signup.name": "Name *",
|
|
||||||
"signup.email": "E-Mail *",
|
|
||||||
"signup.phone": "Telefon",
|
|
||||||
"signup.website": "Webseite",
|
|
||||||
"signup.social": "Social Media",
|
|
||||||
"signup.message":
|
|
||||||
"Ihr Hintergrund / Ihre Philosophie / Ihre Lieblingsmarken *",
|
|
||||||
"signup.submit": "Anfrage senden",
|
|
||||||
"signup.confirm.title": "Vielen Dank!",
|
|
||||||
"signup.confirm.body":
|
|
||||||
"Wir haben Ihre Anfrage erhalten und melden uns spätestens innerhalb von 48 Stunden zurück.",
|
|
||||||
"signup.err.name": "Bitte geben Sie Ihren Namen ein.",
|
|
||||||
"signup.err.email": "Bitte geben Sie eine gültige E-Mail-Adresse ein.",
|
|
||||||
"signup.err.message": "Bitte beschreiben Sie Ihr Geschäftsfeld.",
|
|
||||||
"signup.notice_link": "Zum B2B-Konto anmelden",
|
|
||||||
"footer.copyright": "© 2025 FINOR GmbH. Alle Rechte vorbehalten.",
|
|
||||||
"footer.legal": "Impressum",
|
|
||||||
"footer.privacy": "Datenschutz",
|
|
||||||
"footer.tagline": "Hergestellt in Berlin, mit Liebe.",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
function applyLang(lang) {
|
|
||||||
var t = translations[lang] || translations.en;
|
|
||||||
document.querySelectorAll("[data-i18n]").forEach(function (el) {
|
|
||||||
var key = el.getAttribute("data-i18n");
|
|
||||||
if (t[key]) el.textContent = t[key];
|
|
||||||
});
|
|
||||||
document.getElementById("lang-select").value = lang;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Auto-detect from browser, default to English */
|
|
||||||
var detectedLang =
|
|
||||||
navigator.language && navigator.language.slice(0, 2) === "de" ? "de" : "en";
|
|
||||||
applyLang(detectedLang);
|
|
||||||
|
|
||||||
document
|
|
||||||
.getElementById("lang-select")
|
|
||||||
.addEventListener("change", function () {
|
|
||||||
applyLang(this.value);
|
|
||||||
});
|
|
||||||
|
|
||||||
/* ── Form validation + AJAX submission ────────────── */
|
|
||||||
var signupForm = document.querySelector(".signup-form");
|
|
||||||
if (signupForm) {
|
|
||||||
signupForm.addEventListener("submit", function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
var name = document.getElementById("signup-name");
|
|
||||||
var email = document.getElementById("signup-email");
|
|
||||||
var message = document.getElementById("signup-message");
|
|
||||||
var valid = true;
|
|
||||||
|
|
||||||
function clearErrors() {
|
|
||||||
document
|
|
||||||
.querySelectorAll(".form-group.has-error")
|
|
||||||
.forEach(function (g) {
|
|
||||||
g.classList.remove("has-error");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function markError(el) {
|
|
||||||
var group = el.closest(".form-group");
|
|
||||||
if (group) group.classList.add("has-error");
|
|
||||||
valid = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
clearErrors();
|
|
||||||
|
|
||||||
if (!name.value.trim()) markError(name);
|
|
||||||
if (
|
|
||||||
!email.value.trim() ||
|
|
||||||
!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.value)
|
|
||||||
)
|
|
||||||
markError(email);
|
|
||||||
if (!message.value.trim()) markError(message);
|
|
||||||
|
|
||||||
if (!valid) return;
|
|
||||||
|
|
||||||
/* Gather data */
|
|
||||||
var data = {
|
|
||||||
name: name.value.trim(),
|
|
||||||
email: email.value.trim(),
|
|
||||||
phone: document.getElementById("signup-phone")?.value || "",
|
|
||||||
website: document.getElementById("signup-website")?.value || "",
|
|
||||||
channels: Array.from(
|
|
||||||
document.querySelectorAll(
|
|
||||||
".checkbox-group input[type=checkbox]:checked",
|
|
||||||
),
|
|
||||||
).map(function (c) {
|
|
||||||
return c.value;
|
|
||||||
}),
|
|
||||||
message: message.value.trim(),
|
|
||||||
};
|
|
||||||
|
|
||||||
/* Submit via AJAX */
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.open("POST", signupForm.getAttribute("action"), true);
|
|
||||||
xhr.setRequestHeader("Content-Type", "application/json");
|
|
||||||
xhr.onload = function () {
|
|
||||||
signupForm.style.display = "none";
|
|
||||||
document.getElementById("signup-confirm").style.display = "block";
|
|
||||||
};
|
|
||||||
xhr.onerror = function () {
|
|
||||||
signupForm.style.display = "none";
|
|
||||||
document.getElementById("signup-confirm").style.display = "block";
|
|
||||||
};
|
|
||||||
xhr.send(JSON.stringify(data));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ── Smooth anchor scroll offset for fixed topbar ────────── */
|
|
||||||
document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
|
|
||||||
anchor.addEventListener("click", function (e) {
|
|
||||||
var target = document.querySelector(this.getAttribute("href"));
|
|
||||||
if (!target) return;
|
|
||||||
e.preventDefault();
|
|
||||||
var offset = 80;
|
|
||||||
var top =
|
|
||||||
target.getBoundingClientRect().top + window.pageYOffset - offset;
|
|
||||||
window.scrollTo({ top: top, behavior: "smooth" });
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
/* ── Topbar shadow on scroll ─────────────────────────────── */
|
|
||||||
var topbar = document.querySelector(".topbar");
|
|
||||||
window.addEventListener(
|
|
||||||
"scroll",
|
|
||||||
function () {
|
|
||||||
if (window.scrollY > 20) {
|
|
||||||
topbar.style.boxShadow = "0 2px 24px rgba(0,0,0,0.08)";
|
|
||||||
} else {
|
|
||||||
topbar.style.boxShadow = "none";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ passive: true },
|
|
||||||
);
|
|
||||||
})();
|
|
||||||
Reference in new issue
Block a user