BivekiGroup/protekauto-frontend
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

footer

Browse Source
This commit is contained in:
egortriston
2025-07-12 21:32:09 +03:00
parent cebe3a10ac
commit d25970946c
9 changed files with 306 additions and 335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/CatalogSubscribe.tsx
View File

@ -6,7 +6,7 @@ const CatalogSubscribe: React.FC = () => (
<img
src="/images/resource2.png"
alt="Ресурс 2"
className="mt-[-18px]"
className="mt-[-18px] hide-on-991"
/>
<div className="div-block-9">
{/* <h3 className="heading-3 sub">Подпишитесь на новостную рассылку</h3> */}
@ -19,14 +19,18 @@ const CatalogSubscribe: React.FC = () => (
<input type="submit" className="submit-button-copy w-button" value="Подписаться" />
</form>
</div>
<div className="flex flex-row items-center mt-2">
<div className="flex flex-row items-center mt-2 pl-0 justify-start">
{/* Кастомный чекбокс без input/label */}
{(() => {
const [checked, setChecked] = useState(false);
return (
<>
<span className="text-[#8893A1] text-[12px] leading-snug select-none mr-4">
Я даю свое согласие на обработку персональных данных<br />
и соглашаюсь с условиями <a href="/privacy-policy" className="underline hover:text-[#6c7684]">Политики конфиденциальности</a>
</span>
<div
className={`h-[24px] w-[24px] border border-[#8893A1] rounded-sm mr-4 flex-shrink-0 flex items-center justify-center cursor-pointer transition-colors duration-150 ${checked ? 'bg-[#EC1C24]' : 'bg-transparent'}`}
className={`h-[24px] w-[24px] border border-[#8893A1] rounded-sm flex-shrink-0 flex items-center justify-center cursor-pointer transition-colors duration-150 ${checked ? 'bg-[#EC1C24]' : 'bg-transparent'}`}
onClick={() => setChecked(v => !v)}
role="checkbox"
aria-checked={checked}
@ -43,10 +47,6 @@ const CatalogSubscribe: React.FC = () => (
<path d="M5 13l4 4L19 7" strokeLinecap="round" strokeLinejoin="round" />
</svg>
</div>
<span className="text-[#8893A1] text-[12px] leading-snug select-none">
Я даю свое согласие на обработку персональных данных<br />
и соглашаюсь с условиями <a href="/privacy-policy" className="underline hover:text-[#6c7684]">Политики конфиденциальности</a>
</span>
</>
);
})()}