update
tt
9 months ago
parent
8961177598
commit
24bfe31899
@ -0,0 +1,55 @@
|
||||
import Header from '~/components/Header';
|
||||
import Footer from '~/components/Footer';
|
||||
import HeadInfo from "~/components/HeadInfo";
|
||||
|
||||
const PageComponent = ({
|
||||
locale='',
|
||||
data,
|
||||
dataIndex,
|
||||
}) => {
|
||||
|
||||
return (
|
||||
<>
|
||||
<HeadInfo
|
||||
title={data('title')}
|
||||
description={data('mainDescription')}
|
||||
locale={locale}
|
||||
page={"/privacy-policy"}
|
||||
/>
|
||||
<Header
|
||||
locale={locale}
|
||||
page={'privacy-policy'}
|
||||
/>
|
||||
<main className="w-[95%] md:w-[65%] lg:w-[55%] 2xl:w-[45%] mx-auto h-full my-8">
|
||||
<div className="p-6 prose mx-auto text-gray-300">
|
||||
<h1 className="text-3xl font-extrabold pb-6 text-white">
|
||||
{data('h1')}
|
||||
</h1>
|
||||
<p>{data('date')}</p>
|
||||
<p>{data('desc')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_1')}</h4>
|
||||
<p>{data('h4_1_pa')}</p>
|
||||
<p>{data('h4_1_pb')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_2')}</h4>
|
||||
<p>{data('h4_2_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_3')}</h4>
|
||||
<p>{data('h4_3_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_4')}</h4>
|
||||
<p>{data('h4_4_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_5')}</h4>
|
||||
<p>{data('h4_5_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_6')}</h4>
|
||||
<p>
|
||||
{data('h4_6_p')}{" "}<a href="mailto:hello@sorawebui.com" className={"text-white"}>hello@sorawebui.com</a>.
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
<Footer
|
||||
locale={locale}
|
||||
description={dataIndex('description')}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default PageComponent
|
||||
@ -0,0 +1,20 @@
|
||||
import {getTranslations, unstable_setRequestLocale} from 'next-intl/server';
|
||||
|
||||
import PageComponent from './PageComponent';
|
||||
|
||||
export default async function PageContent({params: {locale=''}}) {
|
||||
// Enable static rendering
|
||||
unstable_setRequestLocale(locale);
|
||||
|
||||
const t = await getTranslations('privacyPolicy');
|
||||
const tIndex = await getTranslations('IndexPage');
|
||||
|
||||
return (
|
||||
<PageComponent
|
||||
locale={locale}
|
||||
data={t}
|
||||
dataIndex={tIndex}
|
||||
>
|
||||
</PageComponent>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,63 @@
|
||||
import Header from '~/components/Header';
|
||||
import Footer from '~/components/Footer';
|
||||
import HeadInfo from "~/components/HeadInfo";
|
||||
|
||||
const PageComponent = ({
|
||||
locale = '',
|
||||
data,
|
||||
dataIndex
|
||||
}) => {
|
||||
|
||||
return (
|
||||
<>
|
||||
<HeadInfo
|
||||
title={data('title')}
|
||||
description={data('mainDescription')}
|
||||
locale={locale}
|
||||
page={"/terms-of-service"}
|
||||
/>
|
||||
<Header
|
||||
locale={locale}
|
||||
page={'terms-of-service'}
|
||||
/>
|
||||
<main className="w-[95%] md:w-[65%] lg:w-[55%] 2xl:w-[45%] mx-auto h-full my-8">
|
||||
<div className="p-6 prose mx-auto my-auto text-gray-300">
|
||||
<h1 className="text-3xl font-extrabold pb-6 text-white">
|
||||
{data('h1')}
|
||||
</h1>
|
||||
<p>{data('date')}</p>
|
||||
<p>{data('desc')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_1')}</h4>
|
||||
<p>{data('h4_1_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_2')}</h4>
|
||||
<p>{data('h4_2_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_3')}</h4>
|
||||
<p>{data('h4_3_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_4')}</h4>
|
||||
<p>{data('h4_4_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_5')}</h4>
|
||||
<p>
|
||||
{data('h4_5_p')}<a
|
||||
href={`https://whooper.ai/${locale}/privacy-policy`}
|
||||
className={"text-white"}>https://sorawebui.com/privacy-policy</a>
|
||||
</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_6')}</h4>
|
||||
<p>{data('h4_6_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_7')}</h4>
|
||||
<p>{data('h4_7_p')}</p>
|
||||
<h4 className={"text-white font-bold"}>{data('h4_8')}</h4>
|
||||
<p>
|
||||
{data('h4_8_p')}<a href="mailto:hello@sorawebui.com" className={"text-white"}>hello@sorawebui.com</a>.
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
<Footer
|
||||
locale={locale}
|
||||
description={dataIndex('description')}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
|
||||
}
|
||||
|
||||
export default PageComponent
|
||||
@ -0,0 +1,22 @@
|
||||
import {getTranslations, unstable_setRequestLocale} from 'next-intl/server';
|
||||
|
||||
import PageComponent from './PageComponent';
|
||||
|
||||
export default async function PageContent({params: {locale=''}}) {
|
||||
// Enable static rendering
|
||||
unstable_setRequestLocale(locale);
|
||||
|
||||
const t = await getTranslations('termsOfService');
|
||||
const tIndex = await getTranslations('IndexPage');
|
||||
|
||||
|
||||
return (
|
||||
<PageComponent
|
||||
locale={locale}
|
||||
data={t}
|
||||
dataIndex={tIndex}
|
||||
>
|
||||
</PageComponent>
|
||||
)
|
||||
|
||||
}
|
||||
@ -0,0 +1,44 @@
|
||||
import {languageList} from "~/configs/supportLanguage";
|
||||
|
||||
const HeadInfo = ({
|
||||
title= "",
|
||||
description= "",
|
||||
page="",
|
||||
locale = "en"
|
||||
}) => {
|
||||
return (
|
||||
<>
|
||||
<title>{title}</title>
|
||||
<meta name="description" content={description}/>
|
||||
{
|
||||
languageList.map((item) => {
|
||||
const currentPage = page;
|
||||
let hrefLang = item.code;
|
||||
if (item.lang == 'en') {
|
||||
hrefLang = 'x-default';
|
||||
}
|
||||
let href = `${process.env.NEXT_PUBLIC_SITE_URL}/${item.lang}${currentPage}`;
|
||||
if (item.lang == 'en') {
|
||||
href = `${process.env.NEXT_PUBLIC_SITE_URL}${currentPage}`;
|
||||
}
|
||||
return <link key={href} rel="alternate" hrefLang={hrefLang} href={href}/>
|
||||
})
|
||||
}
|
||||
{
|
||||
languageList.map((item) => {
|
||||
const currentPage = page;
|
||||
let hrefLang = item.code;
|
||||
let href = `${process.env.NEXT_PUBLIC_SITE_URL}/${item.lang}${currentPage}`;
|
||||
if (item.lang == 'en') {
|
||||
href = `${process.env.NEXT_PUBLIC_SITE_URL}${currentPage}`;
|
||||
}
|
||||
if (locale == item.lang) {
|
||||
return <link key={href + 'canonical'} rel="canonical" hrefLang={hrefLang} href={href}/>
|
||||
}
|
||||
})
|
||||
}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default HeadInfo
|
||||
@ -0,0 +1,21 @@
|
||||
|
||||
export const languageList = [
|
||||
{
|
||||
code: "en-US",
|
||||
lang: "en",
|
||||
language: "English",
|
||||
},
|
||||
{
|
||||
code: "zh-CN",
|
||||
lang: "zh",
|
||||
language: "简体中文",
|
||||
}
|
||||
]
|
||||
|
||||
export const getLanguageByLang = (lang) => {
|
||||
for (let i = 0; i < languageList.length; i++) {
|
||||
if (lang == languageList[i].lang) {
|
||||
return languageList[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue