mirror of
https://github.com/vercel/commerce.git
synced 2025-07-23 04:36:49 +00:00
updates from alisa
This commit is contained in:
Sol Irvine
@@ -9,101 +9,131 @@ export default function Disclosures() {
|
||||
<>
|
||||
<div className="mx-auto font-serif">
|
||||
<h4 className="mx-auto max-w-4xl text-2xl font-extrabold tracking-tight sm:text-3xl">
|
||||
{t('disclosurePage.title')}
|
||||
{t('disclosure-page.title')}
|
||||
</h4>
|
||||
<div className="mx-auto max-w-4xl">
|
||||
<div className="font-multilingual my-12">
|
||||
<section className="font-multilingual mb-36 mt-12 flex flex-col space-y-6 text-base md:space-y-3">
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.distributor.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.distributor.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.distributor.value')}</div>
|
||||
<div>{t('disclosure-page.distributor.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.representative.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.representative.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.representative.value')}</div>
|
||||
<div>{t('disclosure-page.representative.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.address.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.address.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.address.one')}</div>
|
||||
<div>{t('disclosurePage.address.two')}</div>
|
||||
<div>{t('disclosure-page.address.one')}</div>
|
||||
<div>{t('disclosure-page.address.two')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.phone.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.phone.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.phone.value')}</div>
|
||||
<div>{t('disclosure-page.phone.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.email.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.email.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<Link
|
||||
href={`mailto:${t('disclosurePage.homepage.value')}`}
|
||||
href={`mailto:${t('disclosure-page.homepage.value')}`}
|
||||
className="transition-opacity duration-150 hover:opacity-90"
|
||||
>
|
||||
<div>{t('disclosurePage.email.value')}</div>
|
||||
<div>{t('disclosure-page.email.value')}</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">
|
||||
<div>{t('disclosurePage.homepage.label')}</div>
|
||||
<div>{t('disclosure-page.homepage.label')}</div>
|
||||
</div>
|
||||
<div className="md:w-2/3">
|
||||
<div></div>
|
||||
<Link
|
||||
href={t('disclosurePage.homepage.value')}
|
||||
href={t('disclosure-page.homepage.value')}
|
||||
className="transition-opacity duration-150 hover:opacity-90"
|
||||
>
|
||||
{t('disclosurePage.homepage.value')}
|
||||
{t('disclosure-page.homepage.value')}
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.price.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.price.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.price.value')}</div>
|
||||
<div>{t('disclosure-page.price.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.otherCharges.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.paymentMethod.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.otherCharges.value')}</div>
|
||||
<div>{t('disclosure-page.paymentMethod.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.paymentMethod.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.paymentPeriod.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.paymentMethod.value')}</div>
|
||||
<div>{t('disclosure-page.paymentPeriod.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.paymentPeriod.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.delivery.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.paymentPeriod.value')}</div>
|
||||
<div>{t('disclosure-page.delivery.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.delivery.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.returnsAndExchanges.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.delivery.value')}</div>
|
||||
<div>{t('disclosure-page.returnsAndExchanges.one')}</div>
|
||||
<div className="pt-4">{t('disclosure-page.returnsAndExchanges.two')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-4 pt-12">
|
||||
<h2 className="font-multilingual text-[30px] font-extralight">
|
||||
{t('disclosure-page.legal.title')}
|
||||
</h2>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 pt-6 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosure-page.legal.001.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosure-page.legal.001.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosurePage.returnsAndExchanges.label')}</div>
|
||||
<div className="md:w-1/3">{t('disclosure-page.legal.002.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosurePage.returnsAndExchanges.one')}</div>
|
||||
<div className="pt-4">{t('disclosurePage.returnsAndExchanges.two')}</div>
|
||||
<div>{t('disclosure-page.legal.002.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosure-page.legal.003.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosure-page.legal.003.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosure-page.legal.004.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosure-page.legal.004.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
|
||||
<div className="md:w-1/3">{t('disclosure-page.legal.005.label')}</div>
|
||||
<div className="md:w-2/3">
|
||||
<div>{t('disclosure-page.legal.005.value')}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="pt-8">
|
||||
<Link href="/" className="transition-opacity duration-150 hover:opacity-90">
|
||||
⇠ {t('disclosurePage.return')}
|
||||
⇠ {t('disclosure-page.return')}
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user