Files
harats-booking/client/src/components/Footer.tsx
T
Toaster_Komaeda 5fd0f04fdc feat: добавление новых файлов
modified:   client/package.json
modified:   client/src/components/Footer.tsx
new file:   client/src/components/LocalizedDateInput.tsx
new file:   client/src/components/LocalizedTimeInput.tsx
modified:   client/src/index.css
new file:   client/src/types/html2pdf.d.ts
new file:   client/src/utils/dateTimeFormat.ts
new file:   client/src/utils/receiptPdf.ts
modified:   server/prisma/seed.ts
2026-06-25 01:49:46 +07:00

56 lines
3.2 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import React from 'react';
export const Footer: React.FC = () => {
return (
<footer style={{
background: 'var(--color-bg-secondary)',
borderTop: '1px solid var(--color-border)',
padding: 'var(--space-3xl) 0',
marginTop: 'auto'
}}>
<div className="container">
<div className="grid grid-3 gap-xl">
<div>
<h4 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Harat's Irish Pub</h4>
<p className="text-sm text-secondary" style={{ marginBottom: 'var(--space-sm)' }}>ООО «Бар-С»</p>
<p className="text-sm text-secondary">
Настоящий ирландский паб с атмосферой "cozy chaos". Место, где нет правил, кроме одного — отдыхать душой.
</p>
</div>
<div>
<h4 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Контакты</h4>
<ul style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-sm)' }} className="text-sm text-secondary">
<li>📞 8 (800) 775-03-39 </li>
<li>✉️ <a href="mailto:info@harats.com" style={{ color: 'var(--color-green-400)' }}>info@harats.com</a></li>
<li style={{ marginTop: 'var(--space-sm)' }}>
📍 Главный офис:<br />
660075, г.Красноярск, ул.Красной Гвардии 24, помещение 28
</li>
</ul>
</div>
<div>
<h4 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Информация</h4>
<ul style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-sm)' }} className="text-sm text-secondary">
<li><a href="https://www.rusprofile.ru/id/6098580" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>О компании</a></li>
<li><a href="#" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>Поставщикам</a></li>
<li><a href="#" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>Реклама</a></li>
</ul>
</div>
</div>
<div className="divider" style={{ borderColor: 'var(--color-border-light)' }}></div>
<div className="flex justify-between items-center text-xs text-muted">
<p>© {new Date().getFullYear()} Harat's Irish Pub. Все права защищены.</p>
<p>
<span style={{ display: 'inline-block', padding: '2px 8px', border: '1px solid currentColor', borderRadius: '4px', marginRight: '8px' }}>18+</span>
Чрезмерное употребление алкоголя вредит вашему здоровью.
</p>
</div>
</div>
</footer>
);
};