mirror of
https://github.com/vercel/commerce.git
synced 2025-05-14 21:47:51 +00:00
26 lines
986 B
TypeScript
26 lines
986 B
TypeScript
'use client';
|
|
import { useTranslations } from 'next-intl';
|
|
import Link from 'next/link';
|
|
|
|
export default function LocationPreview() {
|
|
const t = useTranslations('Index');
|
|
|
|
return (
|
|
<div className="flex flex-col space-y-4 px-6 py-24 md:flex-row md:space-x-12 md:space-y-0 md:p-24">
|
|
<div className="font-multilingual flex flex-col space-y-2 font-extralight md:w-1/2">
|
|
<div className="max-w-sm text-5xl">{t('home.previews.location.title')}</div>
|
|
<div className="max-w-sm text-5xl">{t('home.previews.location.subtitle')}</div>
|
|
</div>
|
|
<div className="font-multilingual flex flex-col space-y-6 font-extralight md:w-1/2">
|
|
<div>{t('home.previews.location.body')}</div>
|
|
<Link
|
|
href="/narai"
|
|
className="max-w-sm border border-white px-6 py-3 text-center text-lg transition-colors duration-150 hover:border-white/50"
|
|
>
|
|
{t('home.previews.location.button')}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|