devops/encoach_landingpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Applied dir to all pages

Browse Source
This commit is contained in:
Joao Ramos
2024-02-09 18:03:52 +00:00
parent 8287bbae18
commit 8c1ec834f3
8 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/templates/About.tsx
View File

@@ -30,7 +30,7 @@ interface Props {
export default function About({language}: Props) { export default function About({language}: Props) {
return ( return (
<main className="h-screen w-full bg-white text-mti-black flex flex-col"> <main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
<Navbar currentPage="/about" language={language} /> <Navbar currentPage="/about" language={language} />
<section className="w-full h-full bg-mti-purple text-white text-center p-8 md:p-16"> <section className="w-full h-full bg-mti-purple text-white text-center p-8 md:p-16">

2
src/templates/ComingSoon.tsx
View File

@@ -20,7 +20,7 @@ interface Props {
export default function ComingSoon({ page, language }: Props) { export default function ComingSoon({ page, language }: Props) {
return ( return (
<main className="text-mti-black flex h-screen w-full flex-col bg-white"> <main className="text-mti-black flex h-screen w-full flex-col bg-white" dir={language === "ar" ? "rtl" : "ltr"}>
<Navbar currentPage={page} language={language} /> <Navbar currentPage={page} language={language} />
<section className="bg-mti-purple h-full w-full p-8 text-center text-white md:p-16"> <section className="bg-mti-purple h-full w-full p-8 text-center text-white md:p-16">

2
src/templates/History.tsx
View File

@@ -50,7 +50,7 @@ const Element = ({date, label, isEven, language, Icon}: ElementProps) => {
export default function History({language}: Props) { export default function History({language}: Props) {
return ( return (
<main className="h-screen w-full bg-white text-mti-black flex flex-col"> <main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
<Navbar currentPage="/history" language={language} /> <Navbar currentPage="/history" language={language} />
<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16"> <section className="w-full bg-mti-purple text-white text-center p-8 md:p-16">

2
src/templates/Home.tsx
View File

@@ -14,7 +14,7 @@ interface Props {
export default function Home({language}: Props) { export default function Home({language}: Props) {
return ( return (
<main className={clsx("h-screen w-full bg-white text-mti-black flex flex-col", language === "ar" && "text-right")}> <main className={clsx("h-screen w-full bg-white text-mti-black flex flex-col", language === "ar" && "text-right")} dir={language === "ar" ? "rtl" : "ltr"}>
<Navbar currentPage="/" language={language} /> <Navbar currentPage="/" language={language} />
<section className="w-full relative bg-white"> <section className="w-full relative bg-white">

5
src/templates/Price.tsx
View File

@@ -40,10 +40,9 @@ export default function Page({language}: {language: "en" | "ar"}) {
getData(); getData();
}, []); }, []);
return ( return (
<main className="h-screen w-full bg-white text-mti-black flex flex-col"> <main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
<Navbar currentPage="/price" language={language} /> <Navbar currentPage="/price" language={language} />
<section className="w-full relative bg-white px-8 flex flex-col items-center text-center gap-4">
<section className="w-full relative bg-white px-8 flex flex-col items-center text-center gap-4" dir={language === "ar" ? "rtl" : "ltr"}>
<h2 className="text-3xl font-bold">{translation.title[language]}</h2> <h2 className="text-3xl font-bold">{translation.title[language]}</h2>
<div className="grid grid-cols-2 gap-8"> <div className="grid grid-cols-2 gap-8">
{payments.map((p) => ( {payments.map((p) => (

6
src/templates/Privacy.tsx
View File

@@ -22,16 +22,16 @@ interface Content {
export default function Privacy({language}: Props) { export default function Privacy({language}: Props) {
return ( return (
<main className="h-screen w-full bg-white text-mti-black flex flex-col"> <main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
<Navbar currentPage="/terms" language={language} /> <Navbar currentPage="/terms" language={language} />
<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16" dir={language === "ar" ? "rtl" : "ltr"}> <section className="w-full bg-mti-purple text-white text-center p-8 md:p-16">
<div className="w-full h-full flex flex-col items-center justify-center"> <div className="w-full h-full flex flex-col items-center justify-center">
<Title>{translation.title[language]}</Title> <Title>{translation.title[language]}</Title>
</div> </div>
</section> </section>
<section id="terms" className="w-full h-fit bg-white" dir={language === "ar" ? "rtl" : "ltr"}> <section id="terms" className="w-full h-fit bg-white">
<div <div
className={clsx( className={clsx(
"w-full h-fit flex flex-col gap-8 p-8 md:p-20 container mx-auto", "w-full h-fit flex flex-col gap-8 p-8 md:p-20 container mx-auto",

2
src/templates/Services.tsx
View File

@@ -195,7 +195,7 @@ export default function About({ language }: Props) {
)); ));
return ( return (
<main className="h-screen w-full bg-white text-mti-black flex flex-col"> <main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
<Navbar currentPage="/services" language={language} /> <Navbar currentPage="/services" language={language} />
<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16"> <section className="w-full bg-mti-purple text-white text-center p-8 md:p-16">
<div className="w-full h-full flex flex-col items-center justify-center"> <div className="w-full h-full flex flex-col items-center justify-center">

6
src/templates/Terms.tsx
View File

@@ -22,16 +22,16 @@ interface Content {
export default function Terms({language}: Props) { export default function Terms({language}: Props) {
return ( return (
<main className="h-screen w-full bg-white text-mti-black flex flex-col"> <main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
<Navbar currentPage="/terms" language={language} /> <Navbar currentPage="/terms" language={language} />
<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16" dir={language === "ar" ? "rtl" : "ltr"}> <section className="w-full bg-mti-purple text-white text-center p-8 md:p-16">
<div className="w-full h-full flex flex-col items-center justify-center"> <div className="w-full h-full flex flex-col items-center justify-center">
<Title>{translation.title[language]}</Title> <Title>{translation.title[language]}</Title>
</div> </div>
</section> </section>
<section id="terms" className="w-full h-fit bg-white" dir={language === "ar" ? "rtl" : "ltr"}> <section id="terms" className="w-full h-fit bg-white">
<div <div
className={clsx( className={clsx(
"w-full h-fit flex flex-col gap-8 p-8 md:p-20 container mx-auto", "w-full h-fit flex flex-col gap-8 p-8 md:p-20 container mx-auto",