popovspiridon99/commit-it
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
popovspiridon99
2026-03-30 16:39:53 +09:00
parent 99f5f2a507
commit da981cfc69
42 changed files with 446 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/AboutSection.tsx
View File

@@ -1,4 +1,3 @@
import Section from './Section'
import CompanyInfoMockup from './CompanyInfoMockup'
import Thesis from './Thesis'
@@ -93,34 +92,36 @@ const AboutSection = () => {
]
return (
<Section id='about'>
<CompanyInfoMockup>
<div className='w-full sm:p-8 flex flex-col space-y-8 justify-center'>
<span className='text-4xl text-center my-4'>О компании</span>
<section id='about' className='h-auto w-full flex justify-center'>
<div className='max-w-7xl w-full h-auto xl:py-4'>
<CompanyInfoMockup>
<div className='w-full sm:p-8 flex flex-col space-y-8 justify-center'>
<span className='text-4xl text-center my-4'>О компании</span>
<div className='grid grid-rows-2 sm:grid-rows-1 sm:grid-cols-2 gap-8 p-2 xl:p-0'>
<div className='p-8 flex flex-col space-y-4 bg-base-100 rounded-2xl'>
<span className='text-2xl'>Виды деятельности:</span>
<div className='flex flex-col space-y-4'>
{actInfo.map(info => (
<Thesis info={info} />
))}
</div>
<div className='grid grid-rows-2 sm:grid-rows-1 sm:grid-cols-2 gap-8 p-2 xl:p-0'>
<div className='p-8 flex flex-col space-y-4 bg-base-100 rounded-2xl'>
<span className='text-2xl'>Виды деятельности:</span>
<div className='flex flex-col space-y-4'>
{actInfo.map(info => (
<Thesis info={info} />
))}
</div>
</div>
<div className='p-8 flex flex-col space-y-4 bg-black/90 rounded-2xl text-white'>
<span className='text-2xl'>Почему мы?</span>
<div className='flex flex-col space-y-4'>
{whyInfo.map(info => (
<Thesis info={info} />
))}
<div className='p-8 flex flex-col space-y-4 bg-black/90 rounded-2xl text-white'>
<span className='text-2xl'>Почему мы?</span>
<div className='flex flex-col space-y-4'>
{whyInfo.map(info => (
<Thesis info={info} />
))}
</div>
</div>
</div>
</div>
</div>
</CompanyInfoMockup>
</Section>
</CompanyInfoMockup>
</div>
</section>
)
}