feat: add Scheme component for festival layout with buttons and map

This commit is contained in:
2025-07-16 18:10:19 +09:00
parent 82dea63163
commit 5e754ab800
7 changed files with 143 additions and 58 deletions
+15 -2
View File
@@ -1,3 +1,4 @@
/* eslint-disable @next/next/no-img-element */
import { fluxgore, gothampro } from "@/utils/fonts";
interface VideoStatsProps {
@@ -25,7 +26,7 @@ function VideoStats(props: VideoStatsProps) {
function Video() {
return (
<div
className="bg-[#161616] relative overflow-hidden"
className="bg-[#161616] relative overflow-hidden pt-20"
style={{
backgroundImage: `url('/images/noise.svg')`,
backgroundSize: "cover",
@@ -33,6 +34,12 @@ function Video() {
backgroundBlendMode: "overlay",
}}
>
<img
className="absolute top-0 object-cover"
src="/images/video/arrows.svg"
alt="Lines"
/>
<div className="container mx-auto">
<div className="flex flex-row space-x-16">
<div className={fluxgore.className}>
@@ -64,7 +71,7 @@ function Video() {
></iframe>
</div>
<div className="grid grid-cols-4 gap-24 mt-36 pb-32">
<div className="grid grid-cols-4 gap-24 mt-36 pb-64">
<VideoStats number="260" label="[ единиц техники ]" />
<VideoStats
number="11"
@@ -77,6 +84,12 @@ function Video() {
/>
</div>
</div>
<img
className="absolute bottom-0"
src="/images/video/paper_tear.png"
alt="Paper tear"
/>
</div>
);
}