admin/nahodka-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed code

Browse Source
This commit is contained in:
SlimusMinus
2026-08-11 00:24:07 +03:00
parent c50b75eece
commit 7f59ee1f38
95 changed files with 3623 additions and 2830 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/components/landing/Hero.jsx
View File

@@ -1,51 +1,36 @@
import { useState } from "react";
// src/components/landing/Hero.jsx
import Navbar from "./Navbar";
import RadarBeacon from "./RadarBeacon";
import { useTranslation } from 'react-i18next';
export default function Hero({ onCtaClick, onLoginClick }) {
const { t } = useTranslation();
const [hover, setHover] = useState(false);
return (
<section className="nk-hero">
<div className="nk-grid" />
<div className="nk-glow" />
<section className="nk-hero">
<div className="nk-grid" />
<div className="nk-glow" />
<RadarBeacon />
<Navbar onLoginClick={onLoginClick || onCtaClick} />
<RadarBeacon />
<Navbar onLoginClick={onLoginClick || onCtaClick} />
<div className="nk-hero-text">
<span className="nk-eyebrow">{t('landing.eyebrow')}</span>
<h1 className="nk-h1">
{t('landing.heroTitle')}
<br />
<span className="nk-accent">{t('landing.heroAccent')}</span>
</h1>
<p className="nk-lead">
{t('landing.heroLead')}
</p>
<div className="nk-cta-row">
<button
className="nk-cta-primary"
onMouseEnter={() => setHover(true)}
onMouseLeave={() => setHover(false)}
onClick={onCtaClick}
>
{t('landing.startSearch')}
<span
style={{
marginLeft: 8,
display: "inline-block",
transform: hover ? "translateX(3px)" : "none",
transition: "transform .2s",
}}
>
→
</span>
</button>
<div className="nk-hero-text">
<span className="nk-eyebrow">{t('landing.eyebrow')}</span>
<h1 className="nk-h1">
{t('landing.heroTitle')}
<br />
<span className="nk-accent">{t('landing.heroAccent')}</span>
</h1>
<p className="nk-lead">
{t('landing.heroLead')}
</p>
<div className="nk-cta-row">
<button className="nk-cta-primary" onClick={onCtaClick}>
{t('landing.startSearch')}
<span className="nk-arrow">→</span>
</button>
</div>
</div>
</div>
</section>
</section>
);
}
}