diff --git a/public/images/danger.png b/public/images/danger.png index 45fd3fc..65a9ba3 100644 Binary files a/public/images/danger.png and b/public/images/danger.png differ diff --git a/src/components/Cover.tsx b/src/components/Cover.tsx index 5c74bf2..afebf01 100644 --- a/src/components/Cover.tsx +++ b/src/components/Cover.tsx @@ -13,13 +13,11 @@ function CoverHeading({ children, textPosition }: CoverHeadingProps) { return (

{/* Shadow layer */} @@ -71,7 +69,7 @@ function CoverHeading({ children, textPosition }: CoverHeadingProps) { function DateBox() { return (
@@ -95,7 +91,7 @@ function DateBox() { function Cover() { return ( -
+
{/* Background Image */} Фестиваль технических видов спорта 2025 @@ -142,11 +134,7 @@ function Cover() { alt="Фестиваль технических видов спорта 2025" width={576} height={300} - className="w-full max-w-3xl mx-auto md:hidden animate-slide-in-left" - style={{ - animationDelay: "0.2s", - animationFillMode: "both", - }} + className="w-full max-w-3xl mx-auto md:hidden" priority />
@@ -157,10 +145,8 @@ function Cover() { alt="free_entry" width={265} height={232} - className="w-32 md:w-40 animate-slide-in-left" + className="w-32 md:w-40" style={{ - animationDelay: "0.4s", - animationFillMode: "both", transform: "rotate(15deg)", }} priority @@ -168,101 +154,8 @@ function Cover() {
-
- {/* */} -
+
- - ); } diff --git a/src/components/Info.tsx b/src/components/Info.tsx index 0252673..b5f433d 100644 --- a/src/components/Info.tsx +++ b/src/components/Info.tsx @@ -1,61 +1,12 @@ /* eslint-disable @next/next/no-img-element */ import { gothampro } from "@/utils/fonts"; import Button from "./Button"; -import { useEffect, useRef } from "react"; import Image from "next/image"; function Info() { - const containerRef = useRef(null); - const elementsRef = useRef<(HTMLDivElement | null)[]>([]); - - useEffect(() => { - const observer = new IntersectionObserver( - (entries) => { - entries.forEach((entry) => { - if (entry.isIntersecting) { - entry.target.classList.add("animate-fade-in-up"); - entry.target.classList.remove("opacity-0", "translate-y-8"); - } - }); - }, - { threshold: 0.1, rootMargin: "0px 0px -50px 0px" } - ); - - elementsRef.current.forEach((el) => { - if (el) observer.observe(el); - }); - - return () => observer.disconnect(); - }, []); - - const addToRefs = (el: HTMLDivElement | null) => { - if (el && !elementsRef.current.includes(el)) { - elementsRef.current.push(el); - } - }; - return (
- - -
+
{/* Background noise pattern */}
-
+

[ о нас ] @@ -84,10 +32,7 @@ function Info() {

-
+
@@ -98,32 +43,10 @@ function Info() {
-
- {/*
- -
-

- В этом году, помимо традиционной «Битвы за Москву» по дрифту, - вас ждут абсолютно новые для фестиваля соревнования:{" "} - - YUKA DRIVE FEST Джимхана и 12-тичасовая картинг-гонка. - - А также масса активностей: выставки авто/мото, квест, - граффити-контест, детская зона и киберкафе.
-
- Благодаря новым партнерам, праздник будет еще ярче. Приходите - всей семьей и получите незабываемые впечатления! -

-
*/} +
-
+
@@ -144,10 +67,7 @@ function Info() {
-
+
-
+
-
+
([]); - - useEffect(() => { - const observer = new IntersectionObserver( - (entries) => { - entries.forEach((entry) => { - if (entry.isIntersecting) { - entry.target.classList.add("animate-fade-in-up"); - entry.target.classList.remove("opacity-0", "translate-y-8"); - } - }); - }, - { threshold: 0.1, rootMargin: "0px 0px -50px 0px" } - ); - - elementsRef.current.forEach((el) => { - if (el) observer.observe(el); - }); - - return () => observer.disconnect(); - }, []); - - const addToRefs = (el: HTMLDivElement | null) => { - if (el && !elementsRef.current.includes(el)) { - elementsRef.current.push(el); - } - }; - return (
{/* Background noise pattern */} @@ -44,27 +15,8 @@ function Partners() { quality={75} /> - -
-
+

@@ -72,10 +24,7 @@ function Partners() {

-
+
- {/*
- SMP Logo -
*/}
-
+