/
timatop
/
diplom
Обзор
Документация
Войти
/
timatop
/
diplom
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Header.jsx
40 строк
1 KB
timatop
create: vite.config.js, App.css, App.jsx, hero.png, react.svg, vite.svg, Header.jsx, NewsCard.jsx, Sidebar.jsx, index.css, main.jsx, favicon.svg, icons.svg, banner-2026.png, ш
26 май 2026, 00:39
Верифицирован
26 май 2026, 00:39
bfc311e
Код
Авторство
О чём код?
import { motion } from "framer-motion"; export default function Header() { return ( <motion.header initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ duration: 1 }} className="bg-white rounded-[50px] overflow-hidden shadow-sm" > <div className="relative h-[420px]"> {/* Фоновая картинка */} <img src="https://images.unsplash.com/photo-1516280440614-37939bbacd81" className="absolute inset-0 w-full h-full object-cover" /> {/* Затемнение */} <div className="absolute inset-0 bg-gradient-to-r from-white via-white/90 to-transparent" /> {/* Контент */} <div className="relative z-10 p-16"> <p className="text-gray-600 text-xl"> Муниципальное бюджетное учреждение дополнительного образования </p> <h1 className="text-6xl font-bold leading-tight mt-6 max-w-[900px]"> «Детская школа искусств Котласского муниципального округа» </h1> </div> </div> </motion.header> ); }