zhaxal/tech-fest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor code structure for improved readability and maintainability

Browse Source
This commit is contained in:
Anuarbek Zhakhangir
2025-07-26 13:48:36 +09:00
parent 3c93956ae6
commit 72d04e034d
18 changed files with 268 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Info.tsx
+14 -14
View File
@@ -6,7 +6,7 @@ function Info() {
return (
<div className={gothampro.className}>
<div
className="bg-[#161616] relative overflow-hidden"
className="bg-[#161616] relative overflow-hidden px-4"
style={{
backgroundImage: `url('/images/noise.svg')`,
backgroundSize: "cover",
@@ -17,13 +17,13 @@ function Info() {
<div className="container mx-auto pt-36">
<div className="flex flex-row">
<div className="flex-1 basis-1/3">
<p className="text-white opacity-60 text-base uppercase font-medium">
<p className="text-white opacity-60 text-sm md:text-base uppercase font-medium">
[ о нас ]
</p>
</div>
<div className="flex-col max-w-2/3">
<p className="text-white text-4xl font-normal">
<p className="text-white text-base md:text-4xl font-normal">
Фестиваль технических видов спорта 2025 — это седьмой{" "}
<span className="text-[#1068B0]">год драйва и эмоций</span>!
</p>
@@ -34,7 +34,7 @@ function Info() {
<div className="flex-1 basis-2/12"></div>
<div className="flex-col max-w-10/12">
<p className="text-white text-4xl font-normal">
<p className="text-white text-base md:text-4xl font-normal">
Организованный Департаментом спорта Москвы и РАФ в День города,
он объединяет фанатов скорости и семьи.
</p>
@@ -45,7 +45,7 @@ function Info() {
<div className="flex-1 basis-1/3"></div>
<div className="flex-col max-w-2/3">
<p className="text-white text-base font-normal max-w-2/5">
<p className="text-white text-base md:text-base font-normal md:max-w-2/5">
В этом году, помимо традиционной «Битвы за Москву» по дрифту,
вас ждут абсолютно новые для фестиваля соревнования:{" "}
<span className="text-[#1068B0]">
@@ -63,7 +63,7 @@ function Info() {
<div className="flex flex-row mt-8">
<div className="flex-1 basis-1/3"></div>
<div className="flex-col min-w-2/3 justify-start items-start">
<div className="flex-col md:min-w-2/3 justify-start items-start">
<Button
onClick={() => {
console.log("test");
@@ -77,24 +77,24 @@ function Info() {
</div>
</div>
<div className="container mx-auto flex flex-row pt-24 pb-56">
<div className="w-1/3">
<div className="container mx-auto flex flex-col md:flex-row pt-12 md:pt-24 pb-28 md:pb-56 gap-4 md:gap-0">
<div className="w-full md:w-1/3 flex justify-center md:justify-start">
<img
src="/images/info/moto.png"
alt="moto"
className="w-1/2 h-auto object-cover"
className="w-3/4 md:w-1/2 h-auto object-cover"
/>
</div>
<div className="w-1/3">
<div className="w-full md:w-1/3 flex justify-center">
<img
src="/images/info/podium.png"
alt="car"
className="w-full h-auto object-cover"
className="w-3/4 md:w-full h-auto object-cover"
/>
</div>
<div className="flex w-1/3">
<div className="w-1/3"></div>
<div className="w-2/3">
<div className="flex w-full md:w-1/3 justify-center md:justify-start">
<div className="w-0 md:w-1/3"></div>
<div className="w-3/4 md:w-2/3">
<img
src="/images/info/jump.png"
alt="jump"