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 LoyaltyLevels from '@/widgets/clients/loyalty/ui/loyalty-levels';
import { CtaSection } from '@/widgets/cta-section'; import { CtaSection } from '@/widgets/cta-section';
import ProgrammImg from '../../../../public/clients/loyatly/03a771e7-5d76-4111-a516-801aa925659f.jpg';
export function LoyaltyPage() { export function LoyaltyPage() {
const { t } = useTextController(); const { t } = useTextController();
@ -102,10 +104,10 @@ export function LoyaltyPage() {
</div> </div>
<div <div
data-aos='fade-up' 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 <Image
src={'/clients/loyatly/oriyo-price-board.png'} src={ProgrammImg}
alt='Программа лояльности' alt='Программа лояльности'
fill fill
className='w-full object-contain p-2.5' 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 ( 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='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'> <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' /> <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 ( return (
<section id='about'> <section id='about'>
<Container> <Container>
<div className='grid items-center gap-12 md:grid-cols-2'> <div className='text-justify'>
<div> <div className='mb-4 inline-flex items-center justify-center rounded-full bg-red-100 p-2'>
<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' />
<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> </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 <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' data-aos='zoom-in-down'
> >
<Image <Image
src='/placeholder.svg?height=400&width=600' src='/clients/loyatly/oriyo-price-board.png'
alt='About our company' alt='About our company'
fill fill
className='object-cover' className='w-full object-contain p-2.5'
/> />
</div> </div>
</div> </div>
<Features />
</Container> </Container>
</section> </section>
); );