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

Changed the direction of the rows

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-10-23 23:55:08 +01:00
parent ea8b20f50c
commit 28d91f1afa
3 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/templates/Home.tsx
View File

@@ -27,7 +27,7 @@ interface Props {
export default function Home({language}: Props) {
return (
<main className="h-screen w-full bg-white text-mti-black flex flex-col">
<main className={clsx("h-screen w-full bg-white text-mti-black flex flex-col", language === "ar" && "text-right")}>
<Navbar currentPage="/" language={language} />
<section className="w-full relative bg-white">
@@ -86,7 +86,7 @@ export default function Home({language}: Props) {
<div className="w-full p-8 lg:py-24 lg:px-12 flex flex-col gap-8 md:gap-24 lg:flex-row items-center justify-center container mx-auto">
<div className="flex flex-col gap-8">
<Tag>{translation.learn_ai.tag[language]}</Tag>
<div className="flex flex-col gap-3">
<div className={clsx("flex flex-col gap-3", language === "ar" && "items-end")}>
<Title>{translation.learn_ai.title[language]}</Title>
<p className="max-w-lg text-base">{translation.learn_ai.description[language]}</p>
</div>
@@ -118,7 +118,7 @@ export default function Home({language}: Props) {
</div>
<div className="flex flex-col gap-8">
<Tag>{translation.encoach_benefits.tag[language]}</Tag>
<div className="flex flex-col gap-3">
<div className={clsx("flex flex-col gap-3", language === "ar" && "items-end")}>
<Title>{translation.encoach_benefits.title[language]}</Title>
<p className="max-w-lg text-base">{translation.encoach_benefits.description[language]}</p>
</div>
@@ -164,7 +164,7 @@ export default function Home({language}: Props) {
<div className="w-full px-8 pt-12 pb-20 md:p-20 lg:p-32 flex flex-col gap-12 md:flex-row items-center justify-around container mx-auto">
<div className="flex flex-col gap-8">
<Tag>{translation.ceo_message.tag[language]}</Tag>
<div className="flex flex-col gap-3">
<div className={clsx("flex flex-col gap-3", language === "ar" && "items-end")}>
<Title>{translation.ceo_message.title[language]}</Title>
<p className="max-w-lg text-base">{translation.ceo_message.description[language]}</p>
</div>