adilovcode/oriyo_next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: set price-board image in main page

Browse Source
This commit is contained in:
BunyodL 2025-05-06 15:36:31 +05:00
parent 41f012be33
commit 3a2c7d42c0
3 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages-templates/clients/loyalty/index.tsx
View File

@ -9,6 +9,8 @@ import { useTextController } from '@/shared/language/hooks/use-text-controller';
// import LoyaltyLevels from '@/widgets/clients/loyalty/ui/loyalty-levels';
import { CtaSection } from '@/widgets/cta-section';
import ProgrammImg from '../../../../public/clients/loyatly/03a771e7-5d76-4111-a516-801aa925659f.jpg';
export function LoyaltyPage() {
const { t } = useTextController();
@ -102,10 +104,10 @@ export function LoyaltyPage() {
</div>
<div
data-aos='fade-up'
className='relative h-[400px] md:h-full overflow-hidden rounded-xl'
className='relative h-[400px] overflow-hidden rounded-xl shadow-xl'
>
<Image
src={'/clients/loyatly/oriyo-price-board.png'}
src={ProgrammImg}
alt='Программа лояльности'
fill
className='w-full object-contain p-2.5'

2
src/shared/components/about-counter.tsx
View File

@ -37,7 +37,7 @@ export default function AboutCounter() {
}, []);
return (
<div ref={sectionRef} className='my-8 grid grid-cols-1 gap-6 text-center'>
<div ref={sectionRef} className='grid grid-cols-1 gap-6 text-center'>
<div className='transform rounded-lg bg-white p-3 shadow-md transition-transform hover:scale-105 sm:p-6'>
<div className='mb-4 inline-flex items-center justify-center rounded-full bg-red-100 p-2'>
<Users className='h-6 w-6 text-red-600' />

36
src/widgets/about-section.tsx
View File

@ -13,32 +13,36 @@ export const AboutSection = () => {
return (
<section id='about'>
<Container>
<div className='grid items-center gap-12 md:grid-cols-2'>
<div>
<div className='mb-4 inline-flex items-center justify-center rounded-full bg-red-100 p-2'>
<Users className='h-6 w-6 text-red-600' />
</div>
<h2 className='mb-6 text-3xl font-bold tracking-tight sm:text-4xl'>
{t('home.about.title')}
</h2>
<p className='mb-6 text-gray-600'>{t('home.about.description1')}</p>
<p className='mb-6 text-gray-600'>{t('home.about.description2')}</p>
<AboutCounter />
<Features />
<div className='text-justify'>
<div className='mb-4 inline-flex items-center justify-center rounded-full bg-red-100 p-2'>
<Users className='h-6 w-6 text-red-600' />
</div>
<h2 className='mb-6 text-3xl font-bold tracking-tight sm:text-4xl'>
{t('home.about.title')}
</h2>
<p className='mb-3 text-gray-600 sm:mb-6'>
{t('home.about.description1')}
</p>
<p className='mb-3 text-gray-600 sm:mb-6'>
{t('home.about.description2')}
</p>
</div>
<div className='my-4 grid items-center gap-6 sm:my-8 md:grid-cols-2 md:gap-12'>
<AboutCounter />
<div
className='relative h-[400px] overflow-hidden rounded-xl shadow-xl'
className='relative h-[400px] overflow-hidden rounded-xl md:h-[540px]'
data-aos='zoom-in-down'
>
<Image
src='/placeholder.svg?height=400&width=600'
src='/clients/loyatly/oriyo-price-board.png'
alt='About our company'
fill
className='object-cover'
className='w-full object-contain p-2.5'
/>
</div>
</div>
<Features />
</Container>
</section>
);