chore: change footer logo, company info
This commit is contained in:
Zotov Ivan Yuryevich
BIN
public/logo-white.png
Normal file
BIN
public/logo-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
@@ -12,57 +12,53 @@ export interface FooterProps {
|
||||
solutionCategories?: CategoryNavItem[]
|
||||
}
|
||||
|
||||
export function Footer({
|
||||
siteTitle = '',
|
||||
contacts = [],
|
||||
solutionCategories = [],
|
||||
}: FooterProps) {
|
||||
export function Footer({ siteTitle = '', contacts = [], solutionCategories = [] }: FooterProps) {
|
||||
return (
|
||||
<footer className="bg-gray-900 text-gray-400 pt-20 pb-10 border-t border-gray-800">
|
||||
<div className="max-w-400 mx-auto px-6 xl:px-12 2xl:px-16">
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12">
|
||||
<div>
|
||||
<div className="flex items-center gap-3 mb-6">
|
||||
<div className="w-9 h-9 bg-linear-to-br from-blue-600 to-blue-700 rounded-lg flex items-center justify-center shadow-md">
|
||||
<div className="w-5 h-5 border-2 border-white rounded"></div>
|
||||
</div>
|
||||
<span className="text-2xl text-white tracking-tight">{siteTitle}</span>
|
||||
<img src="/logo-white.png" alt={siteTitle} className="h-9 w-auto" />
|
||||
<span className="text-2xl text-white tracking-wide font-bold">{siteTitle}</span>
|
||||
</div>
|
||||
<p className="mb-6 leading-relaxed">Комплексные IT-решения для развития бизнеса</p>
|
||||
<div className="flex gap-4">
|
||||
<a
|
||||
href="#"
|
||||
className="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors border border-gray-700 hover:border-blue-600"
|
||||
title="Telegram"
|
||||
>
|
||||
<Send className="w-5 h-5" />
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors border border-gray-700 hover:border-blue-600"
|
||||
title="VK"
|
||||
>
|
||||
<svg className="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M12.785 16.241s.288-.032.436-.19c.136-.145.131-.419.131-.419s-.019-1.281.576-1.47c.586-.185 1.341 1.238 2.138 1.788.604.417 1.064.325 1.064.325l2.137-.03s1.117-.069.587-.948c-.043-.072-.309-.651-1.589-1.84-1.339-1.246-1.16-1.044.453-3.197.983-1.312 1.376-2.113 1.253-2.456-.117-.328-.84-.241-.84-.241l-2.406.015s-.178-.024-.31.055c-.129.077-.212.258-.212.258s-.381.987-.887 1.827c-1.063 1.766-1.497 1.86-1.668 1.748-.395-.259-.296-1.04-.296-1.595 0-1.734.263-2.456-.512-2.642-.258-.062-.447-.102-1.106-.109-.845-.009-1.56.003-1.964.201-.269.132-.476.426-.35.443.156.021.509.095.696.349.241.328.233 1.064.233 1.064s.139 2.042-.324 2.296c-.318.174-.754-.182-1.69-1.806-.479-.821-.841-1.729-.841-1.729s-.07-.171-.194-.263c-.151-.111-.362-.146-.362-.146l-2.286.015s-.343.01-.469.159c-.112.132-.009.405-.009.405s1.789 4.182 3.814 6.291c1.857 1.935 3.965 1.808 3.965 1.808h.955z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors border border-gray-700 hover:border-blue-600"
|
||||
title="Habr"
|
||||
>
|
||||
<svg className="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm4.326 14.467H7.674v-1.652h8.652v1.652zm0-3.239H7.674V9.576h8.652v1.652z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors border border-gray-700 hover:border-blue-600"
|
||||
title="VK Video"
|
||||
>
|
||||
<Video className="w-5 h-5" />
|
||||
</a>
|
||||
</div>
|
||||
{false && (
|
||||
<div className="flex gap-4">
|
||||
<a
|
||||
href="#"
|
||||
className="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors border border-gray-700 hover:border-blue-600"
|
||||
title="Telegram"
|
||||
>
|
||||
<Send className="w-5 h-5" />
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors border border-gray-700 hover:border-blue-600"
|
||||
title="VK"
|
||||
>
|
||||
<svg className="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M12.785 16.241s.288-.032.436-.19c.136-.145.131-.419.131-.419s-.019-1.281.576-1.47c.586-.185 1.341 1.238 2.138 1.788.604.417 1.064.325 1.064.325l2.137-.03s1.117-.069.587-.948c-.043-.072-.309-.651-1.589-1.84-1.339-1.246-1.16-1.044.453-3.197.983-1.312 1.376-2.113 1.253-2.456-.117-.328-.84-.241-.84-.241l-2.406.015s-.178-.024-.31.055c-.129.077-.212.258-.212.258s-.381.987-.887 1.827c-1.063 1.766-1.497 1.86-1.668 1.748-.395-.259-.296-1.04-.296-1.595 0-1.734.263-2.456-.512-2.642-.258-.062-.447-.102-1.106-.109-.845-.009-1.56.003-1.964.201-.269.132-.476.426-.35.443.156.021.509.095.696.349.241.328.233 1.064.233 1.064s.139 2.042-.324 2.296c-.318.174-.754-.182-1.69-1.806-.479-.821-.841-1.729-.841-1.729s-.07-.171-.194-.263c-.151-.111-.362-.146-.362-.146l-2.286.015s-.343.01-.469.159c-.112.132-.009.405-.009.405s1.789 4.182 3.814 6.291c1.857 1.935 3.965 1.808 3.965 1.808h.955z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors border border-gray-700 hover:border-blue-600"
|
||||
title="Habr"
|
||||
>
|
||||
<svg className="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm4.326 14.467H7.674v-1.652h8.652v1.652zm0-3.239H7.674V9.576h8.652v1.652z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors border border-gray-700 hover:border-blue-600"
|
||||
title="VK Video"
|
||||
>
|
||||
<Video className="w-5 h-5" />
|
||||
</a>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
@@ -82,24 +78,16 @@ export function Footer({
|
||||
<h4 className="text-white mb-6">Компания</h4>
|
||||
<ul className="space-y-3">
|
||||
<li>
|
||||
<a href="#" className="hover:text-blue-400 transition-colors">
|
||||
О нас
|
||||
</a>
|
||||
<span>ООО «Софтклик»</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="hover:text-blue-400 transition-colors">
|
||||
Карьера
|
||||
</a>
|
||||
<span>ИНН 5044121280</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="hover:text-blue-400 transition-colors">
|
||||
Новости
|
||||
</a>
|
||||
<span>КПП 504701001</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="hover:text-blue-400 transition-colors">
|
||||
Партнерам
|
||||
</a>
|
||||
<span>ОГРН 1215000015394</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -111,18 +99,12 @@ export function Footer({
|
||||
</div>
|
||||
|
||||
<div className="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center gap-4">
|
||||
<div>© 2025 {siteTitle}. Все права защищены.</div>
|
||||
<div>© 2026 {siteTitle}. Все права защищены.</div>
|
||||
<div className="flex gap-6">
|
||||
<a
|
||||
href="/privacy-policy"
|
||||
className="hover:text-blue-400 transition-colors"
|
||||
>
|
||||
<a href="/privacy-policy" className="hover:text-blue-400 transition-colors">
|
||||
Политика конфиденциальности
|
||||
</a>
|
||||
<a
|
||||
href="/terms-of-use"
|
||||
className="hover:text-blue-400 transition-colors"
|
||||
>
|
||||
<a href="/terms-of-use" className="hover:text-blue-400 transition-colors">
|
||||
Условия использования
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user