Hero stylizacja
This commit is contained in:
@@ -47,19 +47,19 @@ const isLCP = true;
|
||||
|
||||
{Array.isArray(title)
|
||||
? title.map(line => (
|
||||
<h1 class="f-hero-header">{line}</h1>
|
||||
<h1>{line}</h1>
|
||||
))
|
||||
: <h1 class="f-hero-header">{title}</h1>
|
||||
: <h1>{title}</h1>
|
||||
}
|
||||
|
||||
{subtitle && Array.isArray(subtitle) && (
|
||||
<div class="f-hero-subtitles">
|
||||
<h2 class="f-hero-header-2" style={`--delay:0`}>
|
||||
<h2 style={`--delay:0`}>
|
||||
{subtitle[0]}
|
||||
</h2>
|
||||
|
||||
{subtitle.slice(1).map((line, i) => (
|
||||
<p class="f-hero-header-items" style={`--delay:${i + 1}`}>
|
||||
<p style={`--delay:${i + 1}`}>
|
||||
{line}
|
||||
</p>
|
||||
))}
|
||||
@@ -67,7 +67,7 @@ const isLCP = true;
|
||||
)}
|
||||
<!-- TODO: Przerobić ewentualnie na pojedyncze linie -->
|
||||
{description && (
|
||||
<p class="f-hero-description">{description}</p>
|
||||
<p class="description">{description}</p>
|
||||
)}
|
||||
|
||||
{ctas.length > 0 && (
|
||||
|
||||
Reference in New Issue
Block a user