“Създай React компонент за начална страница на образователни игри по природни науки, използвайки Tailwind CSS. Дизайнът трябва да е ‘Nature-inspired’ (вдъхновен от природата). 1. Структура на Header-а: Лента (Navbar): Тъмнозелен цвят (#2d5a27 или подобен). Ляво: Икона на глобус и текст „Човекът и Природата — 3. клас“. Под него с по-малък шрифт: „Интерактивни игри – Природни науки“. Дясно: Брояч на точки/звезди в заоблен жълт бутон (напр. „⭐ 0 / 47“). 2. Централна секция: Заглавие: Икона на поникващо растение 🌱 и голям надпис „Избери игра!“. Подзаглавие: Зелен текст „6 теми от учебника · Провери знанията си“. 3. Грид с игри (7 картички): Картичките трябва да са бели със заоблени ъгли и тънка цветна рамка, която съответства на темата. Всяка съдържа икона, заглавие (Bold) и кратко описание. Картичка 1 (Лилава рамка): Икона верига 🔗 – „Хранителни вериги“ (Описание: Наредба на веригата). Картичка 2 (Синя рамка): Икона лапички 🐾 – „Видове животни“ (Описание: Растителноядни · Хищници · Всеядни). Картичка 3 (Жълта рамка): Икона вълна 🌊 – „Водорасли“ (Описание: Да / Не въпроси). Картичка 4 (Лилава рамка): Икона елха 🌲 – „Изсичане на гори“ (Описание: Последици за природата). Картичка 5 (Синя рамка): Икона лебед 🦢 – „Езерата Сребърна и Атанасовско“ (Описание: Резервати в България). Картичка 6 (Розова рамка): Икона рециклиране ♻️ – „Опазване на природата“ (Описание: Какво мога да направя?). Картичка 7 (Оранжева рамка): Икона молив ✏️ – „Попълни текста“ (Описание: Хранителни вериги — попълване). 4. Детайли по дизайна: Фон: Много светлозелен градиент или бял фон с деликатни икони на листа в ъглите. Ефекти: При посочване (hover), картичката да се повдига леко (shadow-lg) и да показва, че е интерактивна. Layout: Използвай grid-cols-4 за десктоп, като последните картички се центрират, ако не запълват реда.“”