ahasani/pasargad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add title and description in head , responsive home page

Browse Source
This commit is contained in:
zahravaziri
2025-06-11 17:13:51 +03:30
parent ab37893d1b
commit 594643816a
18 changed files with 166 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/about/TopInfo.tsx
+30 -13
View File
@@ -22,11 +22,26 @@ export default function AboutTopInfo() {
];
return (
<div className="w-white relative w-full py-28">
<div className="absolute inset-0 z-10 flex items-end justify-start">
<div className="w-white relative w-full py-28 max-lg:pt-6 max-lg:pb-16">
<div className="absolute inset-0 z-10 flex items-end justify-start max-md:hidden">
<img src={images.factoryVector.src} className="max-h-56 w-auto" />
</div>
<div className="relative z-20 container mx-auto grid grid-cols-2 items-stretch gap-10">
<div className="relative z-20 container mx-auto grid grid-cols-1 items-stretch gap-10 lg:grid-cols-2">
<div className="lg:hidden">
{' '}
<div>
<SectionTitle
title={t('pages_about_title')}
description={t('com_about_info_title')}
description_bold={t('com_about_info_title_bold')}
/>
</div>
<div className="mt-3">
<p className="text-base font-light text-gray-300">
{t('com_about_info_description')}
</p>
</div>
</div>
<div className="relative h-full">
<div className="grid h-44 grid-cols-2 gap-4 overflow-hidden">
<div className="h-full overflow-hidden rounded-3xl">
@@ -42,8 +57,8 @@ export default function AboutTopInfo() {
</span>
</div>
</div>
<div className="absolute right-0 bottom-0 h-full w-[70%] pt-32">
<div className="h-full w-full overflow-hidden rounded-3xl border-[12px] border-white">
<div className="absolute right-0 bottom-0 h-full w-[70%] pt-32 max-lg:relative max-lg:-top-11 max-lg:float-end max-lg:p-0">
<div className="h-full w-full overflow-hidden rounded-3xl border-[12px] border-white max-lg:aspect-[0.95] max-lg:h-auto">
<img
src={images.aboutImg_2.src}
className="h-full w-full object-cover"
@@ -51,19 +66,21 @@ export default function AboutTopInfo() {
</div>
</div>
</div>
<div className="flex flex-col pt-16 pb-20">
<SectionTitle
title={t('pages_about_title')}
description={t('com_about_info_title')}
description_bold={t('com_about_info_title_bold')}
/>
<div className="flex flex-col pt-16 pb-20 max-lg:-mt-16 max-lg:p-0">
<div className="max-lg:hidden">
<SectionTitle
title={t('pages_about_title')}
description={t('com_about_info_title')}
description_bold={t('com_about_info_title_bold')}
/>
</div>
<div className="mt-5">
<div className="mt-5 max-lg:hidden">
<p className="text-base font-light text-gray-300">
{t('com_about_info_description')}
</p>
</div>
<div className="mt-10 flex flex-col gap-4">
<div className="mt-2 flex flex-col gap-4">
{topInfoAchievementTitles.map((title, index) => (
<AchievementTextBox key={index} title={title} />
))}