@licklist/design 0.78.7 → 0.78.8

package/src/pages/PrivacyComponent.tsx

@@ -0,0 +1,318 @@
+import { Link } from 'react-router-dom'
+import { useTranslation, Trans } from 'react-i18next'
+
+export const PrivacyComponent = () => {
+  const { t } = useTranslation('Privacy')
+
+  return (
+    <div className='h-100 d-flex'>
+      <div className='container mt-6'>
+        <section>
+          <h1>{t('mainTitle')}</h1>
+          <div className='pb-6'>
+            <p>
+              <Trans
+                t={t}
+                i18nKey='Privacy:publicationDate'
+                values={{ date: '1st May 2018' }}
+              >
+                <strong>Publication Date: </strong>1st May 2018
+              </Trans>
+            </p>
+            <h2>{t('whatDoesThisPolicyCoverTitle')}</h2>
+            <p>
+              <Trans t={t} i18nKey='Privacy:whatDoesThisPolicyCoverContent1'>
+                This policy describes the processing of your personal data in
+                relation to your use of the website&nbsp;
+                <a href='https://www.licklist.co.uk'>www.licklist.co.uk</a> or
+                the Licklist app on iOS and Android (&quot;platform&quot;) by
+                Licklist Holidings Limited (09933601 WeWork Aldgate Tower, 2
+                Leman Street, London, E1 8FA) (&quot;we&quot;, &quot;us&quot; or
+                &quot;our&quot;), as the owner and operator of the website and
+                app.
+              </Trans>
+            </p>
+            <p>{t('whatDoesThisPolicyCoverContent2')}</p>
+            <p>{t('whatDoesThisPolicyCoverContent3')}</p>
+
+            <h2>{t('whatPersonalDataIsCollectedTitle')}</h2>
+            <ol className='pb-2'>
+              <li>
+                <h3>{t('whatPersonalDataIsCollectedContent1Title')}</h3>
+
+                <p>{t('whatPersonalDataIsCollectedContent1Subcontent1')}</p>
+
+                <ul>
+                  <li>
+                    {t('whatPersonalDataIsCollectedContent1Subcontent1Sub1')}
+                  </li>
+                  <li>
+                    {t('whatPersonalDataIsCollectedContent1Subcontent1Sub2')}
+                  </li>
+                  <li>
+                    {t('whatPersonalDataIsCollectedContent1Subcontent1Sub3')}
+                  </li>
+                  <li>
+                    {t('whatPersonalDataIsCollectedContent1Subcontent1Sub4')}
+                  </li>
+                  <li>
+                    {t('whatPersonalDataIsCollectedContent1Subcontent1Sub5')}
+                  </li>
+                  <li>
+                    {t('whatPersonalDataIsCollectedContent1Subcontent1Sub6')}
+                  </li>
+                  <li>
+                    {t('whatPersonalDataIsCollectedContent1Subcontent1Sub7')}
+                  </li>
+                  <li>
+                    {t('whatPersonalDataIsCollectedContent1Subcontent1Sub8')}
+                  </li>
+                  <li>
+                    {t('whatPersonalDataIsCollectedContent1Subcontent1Sub9')}
+                  </li>
+                </ul>
+
+                <p className='pt-2'>
+                  {t('whatPersonalDataIsCollectedContent1Subcontent2')}
+                </p>
+
+                <p>{t('whatPersonalDataIsCollectedContent1Subcontent3')}</p>
+              </li>
+              <li>
+                <h3>{t('personalDataCollectedAboutYouTitle')}</h3>
+
+                <ul>
+                  <li>{t('personalDataCollectedAboutYouContent1')}</li>
+                  <li>{t('personalDataCollectedAboutYouContent2')}</li>
+                  <li>{t('personalDataCollectedAboutYouContent3')}</li>
+                </ul>
+
+                <p className='pt-2'>
+                  {t('personalDataCollectedAboutYouContent4')}
+                </p>
+
+                <p>{t('personalDataCollectedAboutYouContent5')}</p>
+                <p>{t('personalDataCollectedAboutYouContent6')}</p>
+                <p>{t('personalDataCollectedAboutYouContent7')}</p>
+                <p>{t('personalDataCollectedAboutYouContent8')}</p>
+                <p>{t('personalDataCollectedAboutYouContent9')}</p>
+                <p>{t('personalDataCollectedAboutYouContent10')}</p>
+                <p>{t('personalDataCollectedAboutYouContent11')}</p>
+              </li>
+            </ol>
+            <h2>{t('howIsPersonalDataUsedTitle')}</h2>
+            <p>{t('howIsPersonalDataUsesContent1')}</p>
+            <ul>
+              <li>{t('howIsPersonalDataUsesContent1Sub1')}</li>
+              <li>
+                <p>{t('howIsPersonalDataUsesContent1Sub2')}</p>
+
+                <ul>
+                  <li>{t('howIsPersonalDataUsesContent1Sub2Sub1')}</li>
+                  <li>{t('howIsPersonalDataUsesContent1Sub2Sub2')}</li>
+                  <li>{t('howIsPersonalDataUsesContent1Sub2Sub3')}</li>
+                  <li>{t('howIsPersonalDataUsesContent1Sub2Sub4')}</li>
+                  <li>{t('howIsPersonalDataUsesContent1Sub2Sub5')}</li>
+                  <li>{t('howIsPersonalDataUsesContent1Sub2Sub6')}</li>
+                  <li>{t('howIsPersonalDataUsesContent1Sub2Sub7')}</li>
+                  <li>{t('howIsPersonalDataUsesContent1Sub2Sub8')}</li>
+                  <li>{t('howIsPersonalDataUsesContent1Sub2Sub9')}</li>
+                </ul>
+              </li>
+            </ul>
+            <p>{t('howIsPersonalDataUsesContent2')}</p>
+            <ul>
+              <li>
+                <Trans
+                  t={t}
+                  i18nKey='Privacy:howIsPersonalDataUsesContent2Sub1'
+                >
+                  <strong>Legal Compliance: </strong>To ensure compliance with
+                  applicable laws and legal processes including, but not limited
+                  to, use in connection with legal claims, compliance,
+                  regulatory, tax, investigative purposes (including disclosure
+                  of such information in connection with legal process or
+                  litigation and to law enforcement agencies).
+                </Trans>
+              </li>
+              <li>
+                <Trans
+                  t={t}
+                  i18nKey='Privacy:howIsPersonalDataUsesContent2Sub2'
+                >
+                  <strong>Consent:</strong>Subject to the following, we will
+                  send you direct marketing by email, SMS, push notifications,
+                  telephone, post, in-App and online about Licklist services
+                  which we think may be of interest to you. This will only be
+                  sent where you have given your consent to Licklist during the
+                  online sign-up process or verbally, or (where permissible) you
+                  have been given an opportunity to opt out. You will be able to
+                  opt-out of electronic direct marketing by clicking the
+                  unsubscribe link contained in the email itself and, in all
+                  other cases, by updating your preferences on the Licklist
+                  platform.
+                </Trans>
+              </li>
+            </ul>
+
+            <h2>{t('minorsTitle')}</h2>
+            <p>{t('minorsContent1')}</p>
+            <h2>{t('whoWillYourPersonalDataSharedWithTitle')}</h2>
+            <p>{t('whoWillYourPersonalDataSharedWithContent1')}</p>
+            <ul>
+              <li>{t('whoWillYourPersonalDataSharedWithContent1Sub1')}</li>
+              <li>{t('whoWillYourPersonalDataSharedWithContent1Sub2')}</li>
+              <li>{t('whoWillYourPersonalDataSharedWithContent1Sub3')}</li>
+              <li>{t('whoWillYourPersonalDataSharedWithContent1Sub4')}</li>
+              <li>{t('whoWillYourPersonalDataSharedWithContent1Sub5')}</li>
+            </ul>
+            <h2>{t('whereWeStorePersonalDataTitle')}</h2>
+            <p>{t('whereWeStorePersonalDataContent1')}</p>
+            <p>{t('whereWeStorePersonalDataContent2')}</p>
+            <p>{t('whereWeStorePersonalDataContent3')}</p>
+            <p>{t('whereWeStorePersonalDataContent4')}</p>
+            <p>{t('whereWeStorePersonalDataContent5')}</p>
+
+            <h2>{t('whereWeActAsDataProcessorTitle')}</h2>
+            <p>{t('whereWeActAsDataProcessorContent1')}</p>
+            <p>{t('whereWeActAsDataProcessorContent2')}</p>
+            <p>{t('whereWeActAsDataProcessorContent3')}</p>
+            <p>{t('whereWeActAsDataProcessorContent4')}</p>
+            <p>{t('whereWeActAsDataProcessorContent5')}</p>
+            <p>{t('whereWeActAsDataProcessorContent6')}</p>
+            <p>{t('whereWeActAsDataProcessorContent7')}</p>
+            <p>{t('whereWeActAsDataProcessorContent8')}</p>
+            <p>{t('whereWeActAsDataProcessorContent9')}</p>
+            <p>{t('whereWeActAsDataProcessorContent10')}</p>
+            <ul>
+              <li>{t('whereWeActAsDataProcessorContent10Sub1')}</li>
+              <li>{t('whereWeActAsDataProcessorContent10Sub2')}</li>
+              <li>{t('whereWeActAsDataProcessorContent10Sub3')}</li>
+              <li>{t('whereWeActAsDataProcessorContent10Sub4')}</li>
+              <li>{t('whereWeActAsDataProcessorContent10Sub5')}</li>
+            </ul>
+
+            <h2>{t('cookiesMainTitle')}</h2>
+
+            <h3>{t('whatCookiesWillBeUsedTitle')}</h3>
+            <p>{t('whatCookiesWillBeUsedContent1')}</p>
+            <p>{t('whatCookiesWillBeUsedContent2')}</p>
+            <p>
+              <Trans t={t} i18nKey='Privacy:whatCookiesWillBeUsedContent3'>
+                More detail on how businesses use cookies is available&nbsp;
+                <a href='https://www.allaboutcookies.org/'>here</a>. We offer
+                certain services that are available only through the use of
+                cookies. Generally, there are the following categories of
+                cookies:
+              </Trans>
+            </p>
+
+            <h3>{t('strictlyNecessaryCookiesTitle')}</h3>
+            <p>{t('strictlyNecessaryCookiesContent1')}</p>
+
+            <h3>{t('performanceCookiesTitle')}</h3>
+            <p>{t('performanceCookiesContent1')}</p>
+
+            <h3>{t('functionalityCookiesTitle')}</h3>
+            <p>{t('functionalityCookiesContent1')}</p>
+
+            <h3>{t('targetingCookiesTitle')}</h3>
+            <p>{t('targetingCookiesContent1')}</p>
+
+            <h3>{t('socialMediaCookiesTitle')}</h3>
+            <p>{t('socialMediaCookiesContent1')}</p>
+
+            <h3>{t('googleAnaliticsTitle')}</h3>
+            <p>
+              <Trans t={t} i18nKey='Privacy:googleAnaliticsContent1'>
+                Google Analytics is a web analysis service provided by Google,
+                Inc. We use Google Analytics to monitor how visitors use our
+                platform, to compile reports and to help us improve the
+                platform. Please see Google’s privacy policy&nbsp;
+                <a href='https://policies.google.com/privacy'>here</a> for
+                further information on the data Google collects and how it is
+                processed. If you prefer to not have data reported by Google
+                Analytics, you can install the Google Analytics Opt-Out Browser
+                Add-On by following the instructions&nbsp;
+                <a href='https://tools.google.com/dlpage/gaoptout'>here</a>. You
+                may opt out of Google&apos;s use of tracking technologies by
+                visiting the Google advertising opt-out page&nbsp;
+                <a href='https://policies.google.com/technologies/ads'>here</a>.
+                For more information on opting out of third party vendors&apos;
+                use of cookies please visit Your Online Choices&nbsp;
+                <a href='https://www.youronlinechoices.com/uk/'>here</a>.
+              </Trans>
+            </p>
+
+            <h3>{t('facebookAdsTitle')}</h3>
+            <p>{t('facebookAdsContent1')}</p>
+            <ul>
+              <li>
+                <a href='https://www.facebook.com/policies/cookies'>
+                  https://www.facebook.com/policies/cookies
+                </a>
+              </li>
+              <li>
+                <a href='https://www.facebook.com/about/ads'>
+                  https://www.facebook.com/about/ads
+                </a>
+              </li>
+              <li>
+                <a href='https://www.facebook.com/ads/preferences/edit'>
+                  https://www.facebook.com/ads/preferences/edit
+                </a>
+              </li>
+            </ul>
+            <p>{t('facebookAdsContent2')}</p>
+            <p>{t('facebookAdsContent3')}</p>
+            <p>{t('facebookAdsContent4')}</p>
+            <p>{t('facebookAdsContent5')}</p>
+            <p>
+              <Trans t={t} i18nKey='Privacy:facebookAdsContent6'>
+                Users are always free to decline cookies if their browser
+                permits, although doing so may interfere with their use of the
+                platform. Please find detailed information on how to disable
+                cookies&nbsp;
+                <a href='https://www.allaboutcookies.org/manage-cookies/'>
+                  here
+                </a>
+                .
+              </Trans>
+            </p>
+
+            <h2>{t('smartlookTitle')}</h2>
+            <p>{t('smartlookContent1')}</p>
+
+            <h2>{t('changesToThisPolicyTitle')}</h2>
+            <p>{t('changesToThisPolicyContent1')}</p>
+
+            <h2>{t('contactUsTitle')}</h2>
+            <p>
+              <Trans t={t} i18nKey='Privacy:contactUsContent1'>
+                If you have any questions about this policy and / or our
+                processing of your personal data, please contact us at&nbsp;
+                <a href='mailto:privacy@licklist.co.uk'>
+                  privacy@licklist.co.uk
+                </a>
+              </Trans>
+            </p>
+
+            <h2>{t('whereICanFindMoreInfoTitle')}</h2>
+            <p>
+              <Trans t={t} i18nKey='Privacy:whereICanFindMoreInfoContent1'>
+                See our fuller&nbsp;
+                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
+                {/* @ts-ignore */}
+                <Link to='/privacy-facts'>Privacy FAQs</Link>
+                &nbsp; for further details on your rights, retention periods,
+                and international transfers.
+              </Trans>
+            </p>
+          </div>
+        </section>
+      </div>
+    </div>
+  )
+}
+
+export default PrivacyComponent

package/src/pages/TermsComponent.tsx

@@ -0,0 +1,306 @@
+import { useTranslation, Trans } from 'react-i18next'
+
+export const TermsComponent = () => {
+  const { t } = useTranslation('Terms')
+
+  return (
+    <div className='h-100 d-flex'>
+      <div className='container mt-6'>
+        <h1>{t('mainTitle')}</h1>
+        <div className='pb-6'>
+          <ol className='pb-2'>
+            <li className='pt-4'>
+              <h3>{t('generalInformationTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('generalInformationContent1')}</li>
+                <li>{t('generalInformationContent2')}</li>
+                <li>{t('generalInformationContent3')}</li>
+                <li>{t('generalInformationContent4')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('consentAndRegistrationTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('consentAndRegistrationContent1')}</li>
+                <li>{t('consentAndRegistrationContent2')}</li>
+                <li>{t('consentAndRegistrationContent3')}</li>
+                <li>{t('consentAndRegistrationContent4')}</li>
+                <li>{t('consentAndRegistrationContent5')}</li>
+                <li>{t('consentAndRegistrationContent6')}</li>
+                <li>{t('consentAndRegistrationContent7')}</li>
+                <li>{t('consentAndRegistrationContent8')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('membershipAndAccessTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('membershipAndAccessContent1')}</li>
+                <li>{t('membershipAndAccessContent2')}</li>
+                <li>{t('membershipAndAccessContent3')}</li>
+                <li>{t('membershipAndAccessContent4')}</li>
+                <li>{t('membershipAndAccessContent5')}</li>
+                <li>{t('membershipAndAccessContent6')}</li>
+                <li>{t('membershipAndAccessContent7')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('changesToTheTermTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('changesToTheTermContent1')}</li>
+                <li>{t('changesToTheTermContent2')}</li>
+                <li>{t('changesToTheTermContent3')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('useOfTheWebsiteTitle')}</h3>
+              <ol className='pb-2'>
+                <li>{t('useOfTheWebsiteContent1')}</li>
+                <li>{t('useOfTheWebsiteContent2')}</li>
+                <li>{t('useOfTheWebsiteContent3')}</li>
+                <li>{t('useOfTheWebsiteContent4')}</li>
+                <li>{t('useOfTheWebsiteContent5')}</li>
+                <li>{t('useOfTheWebsiteContent6')}</li>
+                <li>
+                  {t('useOfTheWebsiteContent7')}
+                  <ol className='pb-2 pt-2'>
+                    <li className='pt-2'>
+                      {t('useOfTheWebsiteContent7Subcontent1')}
+                    </li>
+                  </ol>
+                </li>
+                <li>{t('useOfTheWebsiteContent8')}</li>
+                <li>{t('useOfTheWebsiteContent9')}</li>
+                <li>{t('useOfTheWebsiteContent10')}</li>
+                <li>{t('useOfTheWebsiteContent11')}</li>
+                <li>{t('useOfTheWebsiteContent12')}</li>
+                <li>{t('useOfTheWebsiteContent13')}</li>
+                <li>
+                  {t('useOfTheWebsiteContent14')}
+                  <p>{t('useOfTheWebsiteContent14SubcontentTitle')}</p>
+                  <ol className='pb-2'>
+                    <li>{t('useOfTheWebsiteContent14Subcontent1')}</li>
+                    <li>{t('useOfTheWebsiteContent14Subcontent2')}</li>
+                    <li>{t('useOfTheWebsiteContent14Subcontent3')}</li>
+                    <li>{t('useOfTheWebsiteContent14Subcontent4')}</li>
+                    <li>{t('useOfTheWebsiteContent14Subcontent5')}</li>
+                    <li>{t('useOfTheWebsiteContent14Subcontent6')}</li>
+                    <li>{t('useOfTheWebsiteContent14Subcontent7')}</li>
+                    <li>{t('useOfTheWebsiteContent14Subcontent8')}</li>
+                    <li>{t('useOfTheWebsiteContent14Subcontent9')}</li>
+                  </ol>
+                </li>
+                <li>{t('useOfTheWebsiteContent15')}</li>
+                <li>{t('useOfTheWebsiteContent16')}</li>
+                <li>{t('useOfTheWebsiteContent17')}</li>
+                <li>{t('useOfTheWebsiteContent18')}</li>
+                <li>{t('useOfTheWebsiteContent19')}</li>
+                <li>{t('useOfTheWebsiteContent20')}</li>
+                <li>{t('useOfTheWebsiteContent21')}</li>
+                <li>{t('useOfTheWebsiteContent22')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('yourLiabilityAndRiskTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('yourLiabilityAndRiskContent1')}</li>
+                <li>{t('yourLiabilityAndRiskContent2')}</li>
+                <li>{t('yourLiabilityAndRiskContent3')}</li>
+                <li>{t('yourLiabilityAndRiskContent4')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('websiteModeratiornTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('websiteModeratiornContent1')}</li>
+                <li>{t('websiteModeratiornContent2')}</li>
+                <li>{t('websiteModeratiornContent3')}</li>
+                <li>{t('websiteModeratiornContent4')}</li>
+                <li>{t('websiteModeratiornContent5')}</li>
+                <li>{t('websiteModeratiornContent6')}</li>
+                <li>{t('websiteModeratiornContent7')}</li>
+                <li>{t('websiteModeratiornContent8')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('dataProtectionAndPrivacyTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('dataProtectionAndPrivacyContent1')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2')}</li>
+              </ol>
+
+              <h2>{t('dataProtectionAndPrivacyContent2Title')}</h2>
+
+              <ol className='pb-2'>
+                <li>{t('dataProtectionAndPrivacyContent2Content1')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content2')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content3')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content4')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content5')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content6')}</li>
+                <li>
+                  {t('dataProtectionAndPrivacyContent2Content7')}
+                  <ol className='pb-2'>
+                    <li className='pt-2'>
+                      {t('dataProtectionAndPrivacyContent2Content7SubContent1')}
+                    </li>
+                    <li>
+                      {t('dataProtectionAndPrivacyContent2Content7SubContent2')}
+                    </li>
+                    <li>
+                      {t('dataProtectionAndPrivacyContent2Content7SubContent3')}
+                    </li>
+                    <li>
+                      {t('dataProtectionAndPrivacyContent2Content7SubContent4')}
+                    </li>
+                    <li>
+                      {t('dataProtectionAndPrivacyContent2Content7SubContent5')}
+                    </li>
+                  </ol>
+                </li>
+                <li>
+                  <Trans
+                    t={t}
+                    i18nKey='Terms:dataProtectionAndPrivacyContent2Content8'
+                  >
+                    You are able to withdraw consent at anytime from your
+                    profile settings or by emailing{' '}
+                    <a href='mailto:privacy@licklist.co.uk'>
+                      privacy@licklist.co.uk
+                    </a>
+                  </Trans>
+                </li>
+                <li>{t('dataProtectionAndPrivacyContent2Content9')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content10')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content11')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content12')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content13')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content14')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content15')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content16')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content17')}</li>
+                <li>{t('dataProtectionAndPrivacyContent2Content18')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('cookiesTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('cookiesContent1')}</li>
+                <li>
+                  <Trans t={t} i18nKey='Terms:cookiesContent2'>
+                    We use cookies on the Website, pursuant to and in accordance
+                    with our Cookie Policy (set out below)
+                    <p className='pb-2'>Cookie Policy</p>
+                  </Trans>
+                  <ol className='pb-2'>
+                    <li className='pt-2'>{t('cookiesContent2Subcontent1')}</li>
+                    <li>{t('cookiesContent2Subcontent2')}</li>
+                    <li>{t('cookiesContent2Subcontent3')}</li>
+                    <li>{t('cookiesContent2Subcontent4')}</li>
+                    <li>{t('cookiesContent2Subcontent5')}</li>
+                    <li>{t('cookiesContent2Subcontent6')}</li>
+                    <li>{t('cookiesContent2Subcontent7')}</li>
+                  </ol>
+                </li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('sharingContentAndSocialNetworksTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('sharingContentAndSocialNetworksContent1')}</li>
+                <li>{t('sharingContentAndSocialNetworksContent2')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('linksTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('linksContent1')}</li>
+                <li>{t('linksContent2')}</li>
+                <li>{t('linksContent3')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('intellectualPropertyRightsTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('intellectualPropertyRightsContent1')}</li>
+                <li>{t('intellectualPropertyRightsContent2')}</li>
+                <li>{t('intellectualPropertyRightsContent3')}</li>
+                <li>{t('intellectualPropertyRightsContent4')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('contentOfWebsiteAndGeneralExclusionsTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent1')}</li>
+                <li>
+                  {t('contentOfWebsiteAndGeneralExclusionsContent2')}
+                  <ol className='pb-2'>
+                    <li className='pt-2'>
+                      {t(
+                        'contentOfWebsiteAndGeneralExclusionsContent2Subcontent1',
+                      )}
+                    </li>
+                    <li>
+                      {t(
+                        'contentOfWebsiteAndGeneralExclusionsContent2Subcontent2',
+                      )}
+                    </li>
+                    <li className='pb-2'>
+                      {t(
+                        'contentOfWebsiteAndGeneralExclusionsContent2Subcontent3',
+                      )}
+                    </li>
+                  </ol>
+                </li>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent3')}</li>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent4')}</li>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent5')}</li>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent6')}</li>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent7')}</li>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent8')}</li>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent9')}</li>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent10')}</li>
+                <li>{t('contentOfWebsiteAndGeneralExclusionsContent11')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('internetCommunicationsTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('internetCommunicationsContent1')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('validityTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('validityContent1')}</li>
+              </ol>
+            </li>
+            <li className='pt-4'>
+              <h3>{t('governingLawAndJurisdictionTitle')}</h3>
+
+              <ol className='pb-2'>
+                <li>{t('governingLawAndJurisdictionContent1')}</li>
+                <li>{t('governingLawAndJurisdictionContent2')}</li>
+              </ol>
+            </li>
+          </ol>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default TermsComponent

package/src/pages/index.ts

@@ -0,0 +1,2 @@
+export * from './PrivacyComponent'
+export * from './TermsComponent'

package/src/product-set/card/ProductSetCard.tsx

@@ -5,8 +5,8 @@ import { useTranslation } from 'react-i18next'
 import clsx from 'clsx'
 import { useId } from '@react-aria/utils'
 import { HasPermissionProp } from '@licklist/plugins/dist/types/permission/Permission'
-import RouteService from '@licklist/plugins/dist/services/Route/RouteService'
 import { FaEllipsisH, FaEye, FaTrashAlt } from 'react-icons/fa'
+import { useNavigate } from 'react-router-dom'
 import { ConfirmModal } from '../../modals'
 import { MenuButton } from '../../table/MenuButton'
 import { ProductSetNameControl } from '../form/ProductSetNameControl'
@@ -43,9 +43,10 @@ export function ProductSetCard({
   const popoverId = useId()
   const productSetCardClasses = `product-set-card ${className}`
   const [isOverlayVisibile, setIsOverlayVisible] = useState(false)
+  const navigate = useNavigate()
 
   const onCardClick = () => {
-    RouteService.redirectTo(href)
+    navigate(href)
   }
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events

package/src/product-set/form/ProductSetForm.tsx

@@ -2,7 +2,8 @@ import { useEffect, useState } from 'react'
 import { FormValues } from '@licklist/plugins/dist/types/services/Form/hook-form-service'
 import { Button, Form, Col, Row } from 'react-bootstrap'
 import { FormProvider, useForm } from 'react-hook-form'
-import { TFunction, useTranslation } from 'react-i18next'
+import { TFunction } from 'i18next'
+import { useTranslation } from 'react-i18next'
 import { VenueMapSet } from '@licklist/core/dist/DataMapper/Product/VenueMapSetDataMapper'
 import { ServerError } from '@licklist/plugins/dist/hooks/Api/useHttpQuery'
 import FormErrorService from '@licklist/plugins/dist/services/Form/FormErrorService'