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

Compare commits

base: 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
..
compare: 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

No commits in common. "2ed7f075208c466b9633a59a7354e695a7577096" and "cad373568e7ce6370a0185f59159a6cdc9871f96" have entirely different histories.
2ed7f07520 ... cad373568e

1 changed files with 118 additions and 117 deletions
Show Stats Expand all files Collapse all files

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

@ -134,53 +134,53 @@ 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>
<h3 className='mb-2 text-xl font-bold'> <div className='text-center'>
{t('clients.loyalty.works.stage-1')} <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'>
</h3> 2
<p className='text-gray-600'> </div>
{t('clients.loyalty.works.stage.description-1')} <h3 className='mb-2 text-xl font-bold'>
</p> {t('clients.loyalty.works.stage-2')}
</div> </h3>
<div className='text-center'> <p className='text-gray-600'>
<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.description-2')}
2 </p>
</div> </div>
<h3 className='mb-2 text-xl font-bold'> <div className='text-center'>
{t('clients.loyalty.works.stage-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'>
</h3> 3
<p className='text-gray-600'> </div>
{t('clients.loyalty.works.stage.description-2')} <h3 className='mb-2 text-xl font-bold'>
</p> {t('clients.loyalty.works.stage-3')}
</div> </h3>
<div className='text-center'> <p className='text-gray-600'>
<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.description-3')}
3 </p>
</div> </div>
<h3 className='mb-2 text-xl font-bold'> <div className='text-center'>
{t('clients.loyalty.works.stage-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'>
</h3> 4
<p className='text-gray-600'> </div>
{t('clients.loyalty.works.stage.description-3')} <h3 className='mb-2 text-xl font-bold'>
</p> {t('clients.loyalty.works.stage-4')}
</div> </h3>
<div className='text-center'> <p className='text-gray-600'>
<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.description-4')}
4 </p>
</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 */}
@ -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>
<p className='text-sm text-gray-600'> </li>
{t('clients.loyalty.works.levels.card.mark')} <li className='flex items-center'>
</p> <Check className='mr-2 h-5 w-5 text-green-500' />
</div> <span>
<ul className='space-y-2'> {t('clients.loyalty.works.levels.card-1.bonus-2')}
<li className='flex items-center'> </span>
<Check className='mr-2 h-5 w-5 text-green-500' /> </li>
<span> <li className='flex items-center'>
{t('clients.loyalty.works.levels.card-1.bonus-1')} <Check className='mr-2 h-5 w-5 text-green-500' />
</span> <span>
</li> {t('clients.loyalty.works.levels.card-1.bonus-3')}
<li className='flex items-center'> </span>
<Check className='mr-2 h-5 w-5 text-green-500' /> </li>
<span> </ul>
{t('clients.loyalty.works.levels.card-1.bonus-2')} </CardContent>
</span> </Card>
</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>
<p className='text-sm text-gray-600'> </li>
{t('clients.loyalty.works.levels.card.mark')} <li className='flex items-center'>
</p> <Check className='mr-2 h-5 w-5 text-green-500' />
</div> <span>
<ul className='space-y-2'> {t('clients.loyalty.works.levels.card-2.bonus-2')}
<li className='flex items-center'> </span>
<Check className='mr-2 h-5 w-5 text-green-500' /> </li>
<span> <li className='flex items-center'>
{t('clients.loyalty.works.levels.card-2.bonus-1')} <Check className='mr-2 h-5 w-5 text-green-500' />
</span> <span>
</li> {t('clients.loyalty.works.levels.card-3.bonus-3')}
<li className='flex items-center'> </span>
<Check className='mr-2 h-5 w-5 text-green-500' /> </li>
<span> <li className='flex items-center'>
{t('clients.loyalty.works.levels.card-2.bonus-2')} <Check className='mr-2 h-5 w-5 text-green-500' />
</span> <span>
</li> {t('clients.loyalty.works.levels.card-4.bonus-4')}
<li className='flex items-center'> </span>
<Check className='mr-2 h-5 w-5 text-green-500' /> </li>
<span> </ul>
{t('clients.loyalty.works.levels.card-2.bonus-3')} </CardContent>
</span> </Card>
</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,6 +326,7 @@ export function LoyaltyPage() {
</section> </section>
</Container> </Container>
<CtaSection /> <CtaSection />
</main> </main>
</div> </div>