1
0
mirror of https://github.com/vercel/commerce.git synced 2025-07-27 04:01:23 +00:00
Files
.github
.vscode
.yarn
app
components
cart
grid
icons
layout
menu
navbar
search
about-narai-preview.tsx
concept-preview.tsx
footer-menu.tsx
footer.tsx
location-preview.tsx
newsletter-footer.tsx
newsletter-signup.tsx
product-grid-items.tsx
sagyobar-preview.tsx
shoplist.tsx
stories-detail.tsx
stories-preview.tsx
product
video
carousel.tsx
label.tsx
loading-dots.tsx
logo-square.tsx
opengraph-image.tsx
price.tsx
prose.tsx
deprecated
fonts
lib
messages
public
.editorconfig
.env.example
.eslintrc.js
.gitattributes
.gitignore
.node-version
.nvmrc
.prettierignore
.yarnrc.yml
README.md
license.md
middleware.ts
next.config.js
package.json
postcss.config.js
prettier.config.js
tailwind.config.js
tsconfig.json
yarn.lock
commerce/components/layout/location-preview.tsx
2023-08-24 01:25:52 -07:00

26 lines
1007 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-title text-[40px]">{t('home.previews.location.title')}</div>
<div className="max-w-sm text-[40px]">{t('home.previews.location.subtitle')}</div>
</div>
<div className="font-multilingual flex flex-col space-y-6 text-base font-extralight md:w-1/2">
<div>{t('home.previews.location.body')}</div>
<Link
href="/about"
className="max-w-sm border border-white px-6 py-3 text-center text-base transition-colors duration-150 hover:border-white/50"
>
{t('home.previews.location.button')}
</Link>
</div>
</div>
);
}