Refactor code structure for improved readability and maintainability
This commit is contained in:
+35
-29
@@ -11,27 +11,27 @@ interface EventCardProps {
|
||||
|
||||
function EventCard(props: EventCardProps) {
|
||||
return (
|
||||
<div className="flex flex-row bg-[#272727] py-5 px-2.5">
|
||||
<div className="w-1/3">
|
||||
<div className="flex flex-col md:flex-row bg-[#272727] py-5 px-2.5 md:py-5 md:px-2.5 p-4">
|
||||
<div className="w-full md:w-1/3 mb-4 md:mb-0">
|
||||
<img
|
||||
className="w-2/3 h-auto object-cover"
|
||||
className="w-full md:w-2/3 h-auto object-cover rounded"
|
||||
src={props.image}
|
||||
alt={props.title}
|
||||
/>
|
||||
</div>
|
||||
<div className="w-1/3">
|
||||
<div className="w-full md:w-1/3 mb-4 md:mb-0 md:px-4">
|
||||
<h2
|
||||
className={`${fluxgore.className} text-4xl text-white leading-none`}
|
||||
className={`${fluxgore.className} text-2xl md:text-4xl text-white leading-tight md:leading-none`}
|
||||
>
|
||||
{props.title}
|
||||
</h2>
|
||||
<p
|
||||
className={`${gothampro.className} text-[#E6E6E6] text-base mt-6 leading-none`}
|
||||
className={`${gothampro.className} text-[#E6E6E6] text-sm md:text-base mt-4 md:mt-6 leading-relaxed md:leading-none`}
|
||||
>
|
||||
{props.description}
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex justify-end w-1/3">
|
||||
<div className="flex justify-center md:justify-end w-full md:w-1/3">
|
||||
<Button variant="blue" shadowEnabled={false}>
|
||||
регистрация
|
||||
</Button>
|
||||
@@ -43,7 +43,7 @@ function EventCard(props: EventCardProps) {
|
||||
function Events() {
|
||||
return (
|
||||
<div
|
||||
className="bg-[#161616] relative pt-64 pb-32"
|
||||
className="bg-[#161616] relative pt-32 md:pt-64 pb-16 md:pb-32"
|
||||
style={{
|
||||
backgroundImage: `url('/images/noise.svg')`,
|
||||
backgroundSize: "cover",
|
||||
@@ -52,25 +52,27 @@ function Events() {
|
||||
}}
|
||||
>
|
||||
<img
|
||||
className="absolute top-0 object-cover"
|
||||
className="absolute top-0 w-full object-cover"
|
||||
src="/images/events/paper_tear.png"
|
||||
alt="Paper tear"
|
||||
/>
|
||||
|
||||
<div className="container mx-auto">
|
||||
<div className="flex flex-row justify-between">
|
||||
<h1 className={`${fluxgore.className} text-7xl text-white relative`}>
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="flex flex-col md:flex-row md:justify-between space-y-6 md:space-y-0">
|
||||
<h1
|
||||
className={`${fluxgore.className} text-4xl md:text-7xl text-white relative`}
|
||||
>
|
||||
что вас ждет
|
||||
</h1>
|
||||
|
||||
<p
|
||||
className={`${gothampro.className} text-[#E6E6E6] opacity-90 text-xl max-w-[536px] leading-none self-end`}
|
||||
className={`${gothampro.className} text-[#E6E6E6] opacity-90 text-base md:text-xl max-w-full md:max-w-[536px] leading-relaxed md:leading-none md:self-end`}
|
||||
>
|
||||
[Для участия в соревнованиях нажмите кнопку регистрация]
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col space-y-7 mt-36">
|
||||
<div className="flex flex-col space-y-4 md:space-y-7 mt-16 md:mt-36">
|
||||
<EventCard
|
||||
image="/events/yuka.png"
|
||||
title="YUKA Drive Fest Джимхана"
|
||||
@@ -80,27 +82,31 @@ function Events() {
|
||||
link="#"
|
||||
/>
|
||||
<EventCard
|
||||
image="/events/yuka.png"
|
||||
title="YUKA Drive Fest Джимхана"
|
||||
description="YUKA Drive Fest Джимхана впервые врывается в Москву, и местом его дебюта станет наш Фестиваль технических видов спорта!
|
||||
Это не просто гонки, это настоящий танец на асфальте, где мастерство водителя и мощь автомобиля сливаются воедино.
|
||||
Под чутким руководством и вдохновляющим присутствием легендарного Аркадия Цареградцева, амбассадора и супер-босса соревнований, лучшие джимханисты страны покажут невероятные трюки, демонстрируя виртуозное владение машиной. Скорость, точность, дым из-под колес и филигранные маневры в ограниченном пространстве – вот что такое Джимхана."
|
||||
image="/events/moscow_fight.png"
|
||||
title="Дрифт«Битва за Москву»"
|
||||
description="Любительский турнир по дрифту, который вырос из проекта «Дорога в дрифт», созданного в 2021 году для поиска новых талантов. За три года он превратился в полноценные соревнования с привлекательным призовым фондом.
|
||||
Во второй день фестиваля, 8 сентября, пройдет дрифт-гонка, где главным призом станет электромобиль «Москвич».
|
||||
Соревнования проводятся по традиционной олимпийской системе. Чтобы принять участие, необходимо подать заявку на сайте и дождаться приглашения от организаторов."
|
||||
link="#"
|
||||
/>
|
||||
<EventCard
|
||||
image="/events/yuka.png"
|
||||
title="YUKA Drive Fest Джимхана"
|
||||
description="YUKA Drive Fest Джимхана впервые врывается в Москву, и местом его дебюта станет наш Фестиваль технических видов спорта!
|
||||
Это не просто гонки, это настоящий танец на асфальте, где мастерство водителя и мощь автомобиля сливаются воедино.
|
||||
Под чутким руководством и вдохновляющим присутствием легендарного Аркадия Цареградцева, амбассадора и супер-босса соревнований, лучшие джимханисты страны покажут невероятные трюки, демонстрируя виртуозное владение машиной. Скорость, точность, дым из-под колес и филигранные маневры в ограниченном пространстве – вот что такое Джимхана."
|
||||
image="/events/moto.png"
|
||||
title="КуБок ШОС по Мотокроссу"
|
||||
description="Уникальная возможность увидеть настоящую битву моторов и мастерства на трассе.
|
||||
|
||||
Лучшие гонщики со всего мира соберутся, чтобы продемонстрировать невероятные прыжки, головокружительные виражи и бескомпромиссную борьбу за победу.
|
||||
|
||||
Приготовьтесь к взрыву адреналина и незабываемым эмоциям, ведь Кубок ШОС по Мотокроссу обещает стать одним из самых ярких зрелищ фестиваля!"
|
||||
link="#"
|
||||
/>
|
||||
<EventCard
|
||||
image="/events/yuka.png"
|
||||
title="YUKA Drive Fest Джимхана"
|
||||
description="YUKA Drive Fest Джимхана впервые врывается в Москву, и местом его дебюта станет наш Фестиваль технических видов спорта!
|
||||
Это не просто гонки, это настоящий танец на асфальте, где мастерство водителя и мощь автомобиля сливаются воедино.
|
||||
Под чутким руководством и вдохновляющим присутствием легендарного Аркадия Цареградцева, амбассадора и супер-босса соревнований, лучшие джимханисты страны покажут невероятные трюки, демонстрируя виртуозное владение машиной. Скорость, точность, дым из-под колес и филигранные маневры в ограниченном пространстве – вот что такое Джимхана."
|
||||
image="/events/cart.png"
|
||||
title="Кубок по Фиджитал картингу"
|
||||
description="На Фестивале технических видов спорта 2025 впервые состоится Кубок по Фиджитал Картингу!
|
||||
|
||||
Это уникальное состязание, где виртуальная реальность встречается с реальной трассой.
|
||||
|
||||
Участники будут сражаться на симуляторах, а затем переносить свои навыки на настоящий картинг, демонстрируя невероятную адаптивность и мастерство."
|
||||
link="#"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user