feat: add Map component with location details and embedded Yandex map

This commit is contained in:
2025-07-17 13:32:33 +09:00
parent 02389bf051
commit d922aca9ef
9 changed files with 317 additions and 1 deletions
+40
View File
@@ -0,0 +1,40 @@
import { fluxgore, gothampro } from "@/utils/fonts";
import Button from "./Button";
function Map() {
return (
<div className="bg-[#272727] relative pt-14 pb-32">
<div className="container mx-auto flex flex-row">
<div className="flex flex-col w-1/2">
<h1 className={`${fluxgore.className} text-7xl text-white relative`}>
как нас найти
</h1>
<h2 className={`${fluxgore.className} text-4xl text-[#1068B0] mt-20`}>
5-7 сентября 2025
</h2>
<p
className={`${gothampro.className} text-3xl text-[#E6E6E6] mt-5 font-medium max-w-2/3`}
>
г. Москва парк Технических видов спорта, МЦД2 станция Курьяново
</p>
<div className="flex flex-col justify-end flex-grow mt-10">
<Button shadowEnabled={false}>схема проезда</Button>
</div>
</div>
<div className="w-1/2">
<iframe
src="https://yandex.com/map-widget/v1/?um=constructor%3Ad4445ea405fa54c9148340a7de87f7a4b9df164b35ff2fe504cf79adc1fab55c&amp;source=constructor"
className="w-full h-[500px]"
frameBorder="0"
></iframe>
</div>
</div>
</div>
);
}
export default Map;
+48 -1
View File
@@ -1,5 +1,52 @@
/* eslint-disable @next/next/no-img-element */
import { fluxgore } from "@/utils/fonts";
function Partners() {
return <div>Partners</div>;
return (
<div
className="bg-[#161616] relative py-52"
style={{
backgroundImage: `url('/images/noise.svg')`,
backgroundSize: "cover",
backgroundRepeat: "repeat",
backgroundBlendMode: "overlay",
}}
>
<div className="container mx-auto">
<h1 className={`${fluxgore.className} text-7xl text-white relative`}>
партнеры
</h1>
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-24 mt-16">
<img
src="/logos/dep.svg"
className="w-auto h-24 object-contain"
alt="Dep Logo"
/>
<img
src="/logos/mos.svg"
className="w-auto h-24 object-contain"
alt="Mos Logo"
/>
<img
src="/logos/raf.png"
className="w-auto h-24 object-contain"
alt="Raf Logo"
/>
<img
src="/logos/ctvs.png"
className="w-auto h-24 object-contain"
alt="Ctvs Logo"
/>
<img
src="/logos/smp.png"
className="w-auto h-24 object-contain"
alt="SMP Logo"
/>
</div>
</div>
</div>
);
}
export default Partners;
+4
View File
@@ -2,7 +2,9 @@ import Activities from "@/components/Activities";
import Cover from "@/components/Cover";
import Events from "@/components/Events";
import Info from "@/components/Info";
import Map from "@/components/Map";
import Navbar from "@/components/Navbar";
import Partners from "@/components/Partners";
import Scheme from "@/components/Scheme";
import Video from "@/components/Video";
@@ -17,6 +19,8 @@ export default function Home() {
<Scheme />
<Events />
<Activities />
<Partners />
<Map />
</main>
</>
);
+1
View File
@@ -7,4 +7,5 @@
body {
height: 100%;
overflow-x: hidden;
}