/
DevMaster
/
my_cv
Обзор
Документация
Войти
/
DevMaster
/
my_cv
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/shared/AppFooter.jsx
61 строка
2 KB
Oleg Kulichkov
update tg and count my projects
15 мар 2025, 01:07
15 мар 2025, 01:07
8314739
Код
Авторство
О чём код?
import { FiGithub, FiLinkedin, FiGlobe } from "react-icons/fi"; import { FaVk, FaTelegramPlane } from "react-icons/fa"; import AppFooterCopyright from "./AppFooterCopyright"; const socialLinks = [ { id: 1, icon: <FiGlobe />, url: "/", }, { id: 2, icon: <FiGithub />, url: "https://github.com/HubOl01", }, { id: 3, icon: <FaVk />, url: "https://vk.com/oleg01f", }, { id: 4, icon: <FaTelegramPlane />, url: "https://t.me/devrunner01", }, { id: 5, icon: <FiLinkedin />, url: "https://www.linkedin.com/in/ru-developer", }, ]; const AppFooter = () => { return ( <div className="container mx-auto"> <div className="pt-20 sm:pt-30 pb-8 mt-20 border-t-2 border-primary-light dark:border-secondary-dark"> {/* Footer social links */} <div className="font-general-regular flex flex-col justify-center items-center mb-12 sm:mb-28"> <p className="text-3xl sm:text-4xl text-primary-dark dark:text-primary-light mb-5"> {/* Следите за мной */} </p> <ul className="flex gap-4 sm:gap-8"> {socialLinks.map((link) => ( <a href={link.url} key={link.id} className="text-gray-400 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer rounded-lg bg-gray-50 dark:bg-ternary-dark hover:bg-gray-100 shadow-sm p-4 duration-300" > <i className="text-xl sm:text-2xl md:text-3xl">{link.icon}</i> </a> ))} </ul> </div> <AppFooterCopyright /> </div> </div> ); }; export default AppFooter;