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

Compare commits

base: adilovcode:cad373568e7ce6370a0185f59159a6cdc9871f96
Branches Tags
adilovcode:dev
adilovcode:feat-get-media
adilovcode:fix-bugs
adilovcode:change-partners-section
adilovcode:add-pages
adilovcode:render-main-page-data
adilovcode:feat/auth
...
compare: adilovcode:2ed7f075208c466b9633a59a7354e695a7577096
Branches Tags
adilovcode:dev
adilovcode:feat-get-media
adilovcode:fix-bugs
adilovcode:change-partners-section
adilovcode:add-pages
adilovcode:render-main-page-data
adilovcode:feat/auth

3 Commits
cad373568e ... 2ed7f07520

Author SHA1 Message Date
khadiatullo
2ed7f07520 update: add adaptability for pages 2025-05-01 05:38:29 +03:00
khadiatullo
e642da34c5 Merge branch 'dev' into add-pages 2025-05-01 05:30:49 +03:00
khadiatullo
e98c079ba6 change: change the text 2025-05-01 00:58:42 +03:00
1 changed files with 117 additions and 118 deletions
Show Stats Expand all files Collapse all files

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

@ -134,55 +134,55 @@ export function LoyaltyPage() {
</p> </p>
</div> </div>
<div className='grid gap-8 md:grid-cols-4'> <div className='grid gap-8 md:grid-cols-4'>
<div className='text-center'> <div className='text-center'>
<div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'> <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
1 1
</div>
<h3 className='mb-2 text-xl font-bold'>
{t('clients.loyalty.works.stage-1')}
</h3>
<p className='text-gray-600'>
{t('clients.loyalty.works.stage.description-1')}
</p>
</div> </div>
<div className='text-center'> <h3 className='mb-2 text-xl font-bold'>
<div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'> {t('clients.loyalty.works.stage-1')}
2 </h3>
</div> <p className='text-gray-600'>
<h3 className='mb-2 text-xl font-bold'> {t('clients.loyalty.works.stage.description-1')}
{t('clients.loyalty.works.stage-2')} </p>
</h3> </div>
<p className='text-gray-600'> <div className='text-center'>
{t('clients.loyalty.works.stage.description-2')} <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
</p> 2
</div> </div>
<div className='text-center'> <h3 className='mb-2 text-xl font-bold'>
<div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'> {t('clients.loyalty.works.stage-2')}
3 </h3>
</div> <p className='text-gray-600'>
<h3 className='mb-2 text-xl font-bold'> {t('clients.loyalty.works.stage.description-2')}
{t('clients.loyalty.works.stage-3')} </p>
</h3> </div>
<p className='text-gray-600'> <div className='text-center'>
{t('clients.loyalty.works.stage.description-3')} <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
</p> 3
</div> </div>
<div className='text-center'> <h3 className='mb-2 text-xl font-bold'>
<div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'> {t('clients.loyalty.works.stage-3')}
4 </h3>
</div> <p className='text-gray-600'>
<h3 className='mb-2 text-xl font-bold'> {t('clients.loyalty.works.stage.description-3')}
{t('clients.loyalty.works.stage-4')} </p>
</h3> </div>
<p className='text-gray-600'> <div className='text-center'>
{t('clients.loyalty.works.stage.description-4')} <div className='mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-600 text-2xl font-bold text-white'>
</p> 4
</div> </div>
<h3 className='mb-2 text-xl font-bold'>
{t('clients.loyalty.works.stage-4')}
</h3>
<p className='text-gray-600'>
{t('clients.loyalty.works.stage.description-4')}
</p>
</div> </div>
</div> </div>
</div>
</section> </section>
{/* Loyalty Levels */} {/* Loyalty Levels */}
<section className='py-16'> <section className='py-16'>
<div className='container mx-auto'> <div className='container mx-auto'>
@ -195,84 +195,84 @@ export function LoyaltyPage() {
</p> </p>
</div> </div>
<div className='grid gap-8 md:grid-cols-3'> <div className='grid gap-8 md:grid-cols-3'>
<Card className='overflow-hidden border-t-4 border-t-gray-400 transition-all hover:shadow-lg'> <Card className='overflow-hidden border-t-4 border-t-gray-400 transition-all hover:shadow-lg'>
<CardContent className='p-6'> <CardContent className='p-6'>
<h3 className='mb-4 text-center text-2xl font-bold'> <h3 className='mb-4 text-center text-2xl font-bold'>
{t('clients.loyalty.works.levels.card-1.title')} {t('clients.loyalty.works.levels.card-1.title')}
</h3> </h3>
<div className='mb-6 text-center'> <div className='mb-6 text-center'>
<span className='text-4xl font-bold'> <span className='text-4xl font-bold'>
{t('clients.loyalty.works.levels.card-1.percent')} {t('clients.loyalty.works.levels.card-1.percent')}
</span>
<p className='text-sm text-gray-600'>
{t('clients.loyalty.works.levels.card.mark')}
</p>
</div>
<ul className='space-y-2'>
<li className='flex items-center'>
<Check className='mr-2 h-5 w-5 text-green-500' />
<span>
{t('clients.loyalty.works.levels.card-1.bonus-1')}
</span> </span>
</li> <p className='text-sm text-gray-600'>
<li className='flex items-center'> {t('clients.loyalty.works.levels.card.mark')}
<Check className='mr-2 h-5 w-5 text-green-500' /> </p>
<span> </div>
{t('clients.loyalty.works.levels.card-1.bonus-2')} <ul className='space-y-2'>
</span> <li className='flex items-center'>
</li> <Check className='mr-2 h-5 w-5 text-green-500' />
<li className='flex items-center'> <span>
<Check className='mr-2 h-5 w-5 text-green-500' /> {t('clients.loyalty.works.levels.card-1.bonus-1')}
<span> </span>
{t('clients.loyalty.works.levels.card-1.bonus-3')} </li>
</span> <li className='flex items-center'>
</li> <Check className='mr-2 h-5 w-5 text-green-500' />
</ul> <span>
</CardContent> {t('clients.loyalty.works.levels.card-1.bonus-2')}
</Card> </span>
</li>
<li className='flex items-center'>
<Check className='mr-2 h-5 w-5 text-green-500' />
<span>
{t('clients.loyalty.works.levels.card-1.bonus-3')}
</span>
</li>
</ul>
</CardContent>
</Card>
<Card className='overflow-hidden border-t-4 border-t-yellow-500 transition-all hover:shadow-lg'> <Card className='overflow-hidden border-t-4 border-t-yellow-500 transition-all hover:shadow-lg'>
<CardContent className='p-6'> <CardContent className='p-6'>
<h3 className='mb-4 text-center text-2xl font-bold'> <h3 className='mb-4 text-center text-2xl font-bold'>
{t('clients.loyalty.works.levels.card-2.title')} {t('clients.loyalty.works.levels.card-2.title')}
</h3> </h3>
<div className='mb-6 text-center'> <div className='mb-6 text-center'>
<span className='text-4xl font-bold'> <span className='text-4xl font-bold'>
{t('clients.loyalty.works.levels.card-2.percent')} {t('clients.loyalty.works.levels.card-2.percent')}
</span>
<p className='text-sm text-gray-600'>
{t('clients.loyalty.works.levels.card.mark')}
</p>
</div>
<ul className='space-y-2'>
<li className='flex items-center'>
<Check className='mr-2 h-5 w-5 text-green-500' />
<span>
{t('clients.loyalty.works.levels.card-1.bonus-1')}
</span> </span>
</li> <p className='text-sm text-gray-600'>
<li className='flex items-center'> {t('clients.loyalty.works.levels.card.mark')}
<Check className='mr-2 h-5 w-5 text-green-500' /> </p>
<span> </div>
{t('clients.loyalty.works.levels.card-2.bonus-2')} <ul className='space-y-2'>
</span> <li className='flex items-center'>
</li> <Check className='mr-2 h-5 w-5 text-green-500' />
<li className='flex items-center'> <span>
<Check className='mr-2 h-5 w-5 text-green-500' /> {t('clients.loyalty.works.levels.card-2.bonus-1')}
<span> </span>
{t('clients.loyalty.works.levels.card-3.bonus-3')} </li>
</span> <li className='flex items-center'>
</li> <Check className='mr-2 h-5 w-5 text-green-500' />
<li className='flex items-center'> <span>
<Check className='mr-2 h-5 w-5 text-green-500' /> {t('clients.loyalty.works.levels.card-2.bonus-2')}
<span> </span>
{t('clients.loyalty.works.levels.card-4.bonus-4')} </li>
</span> <li className='flex items-center'>
</li> <Check className='mr-2 h-5 w-5 text-green-500' />
</ul> <span>
</CardContent> {t('clients.loyalty.works.levels.card-2.bonus-3')}
</Card> </span>
</li>
<li className='flex items-center'>
<Check className='mr-2 h-5 w-5 text-green-500' />
<span>
{t('clients.loyalty.works.levels.card-2.bonus-4')}
</span>
</li>
</ul>
</CardContent>
</Card>
<Card className='overflow-hidden border-t-4 border-t-red-600 transition-all hover:shadow-lg'> <Card className='overflow-hidden border-t-4 border-t-red-600 transition-all hover:shadow-lg'>
<CardContent className='p-6'> <CardContent className='p-6'>
@ -326,7 +326,6 @@ export function LoyaltyPage() {
</section> </section>
</Container> </Container>
<CtaSection /> <CtaSection />
</main> </main>
</div> </div>