feat: add Map component with location details and embedded Yandex map
This commit is contained in:
@@ -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&source=constructor"
|
||||
className="w-full h-[500px]"
|
||||
frameBorder="0"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Map;
|
||||
@@ -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;
|
||||
|
||||
@@ -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>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -7,4 +7,5 @@
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user