speakers2026/src/pages/index.astro

---

import '../styles/global.css';

import HeaderSvg from '../components/headersvg.astro';
import Socials from '../components/socials.astro';
import LSpicker from '../components/spicker_left.astro';
import RSpicker from '../components/spicker_right.astro';

import { speakers } from '../data/speakers';


---

<html lang="ru">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
		<meta name="viewport" content="width=device-width" />
		<meta name="generator" content={Astro.generator} />
		<title>Astro</title>
	</head>
	<body>
		
		<header>
			<div class="left-header">
				<div class="header-block">
					<div class="logo"><img src="public/logo_agro_big.svg" /></div>
					<Socials />
				</div>

				<div class="header-block">
					<h1>Спикеры года</h1>
					<div class="description">
						<p>Мы с гордостью представляем вам топ-10 спикеров года по версии издания «Агроэксперт». Он составлен на основе big data: мы проанализировали упоминания во всех публикациях сайта за 2025 год.</p>
						<p>В рейтинг вошли люди, которые открывают новые горизонты агропромышленного комплекса России: бизнесмены, чиновники и эксперты отрасли.</p>
					</div>
				</div>	

			</div>
			<div class="right-header">
				<HeaderSvg />
			</div>
		</header>
		<main>
			<section class="spickers">

				{
    				speakers.map((person, index) => (
						index % 2 === 0 ? (
							<LSpicker
							name={person.name}
							role={person.role}
							photo={person.photo}
							phrase={person.phrase}
							/>
						) : (
							<RSpicker
							name={person.name}
							role={person.role}
							photo={person.photo}
							phrase={person.phrase}
							/>
						)
					))
  				}

			</section>
		
		</main>


	</body>
</html>