spb/countryatlas

1import { t } from '@/i18n';2import { SearchTrigger } from '@/components/layout/search-trigger';34/** Compact editorial hero: one headline, one line, the search box. The map right below is the real hero. */5export function Hero() {6  return (7    <section className="pb-4 pt-6 md:pb-6 md:pt-10">8      <div className="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">9        <div className="max-w-2xl">10          <h1 className="display text-3xl leading-tight text-ink md:text-5xl">{t('home.hero.title')}</h1>11          <p className="mt-2 max-w-xl text-base text-ink-2 md:text-lg">{t('home.hero.sub')}</p>12        </div>13        <div className="w-full md:max-w-md md:flex-1">14          <SearchTrigger variant="hero" />15        </div>16      </div>17    </section>18  );19}20