Merge branch 'dev' into add-pages
This commit is contained in:
khadiatullo
commit
e642da34c5
@ -134,66 +134,66 @@ 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')}
|
|
||||||
</h3>
|
|
||||||
<p className='text-gray-600'>
|
|
||||||
{t('clients.loyalty.works.stage.description-2')}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<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'>
|
|
||||||
3
|
|
||||||
</div>
|
|
||||||
<h3 className='mb-2 text-xl font-bold'>
|
|
||||||
{t('clients.loyalty.works.stage-3')}
|
|
||||||
</h3>
|
|
||||||
<p className='text-gray-600'>
|
|
||||||
{t('clients.loyalty.works.stage.description-3')}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<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'>
|
|
||||||
4
|
|
||||||
</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>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{/* Loyalty Levels */}
|
|
||||||
<section className='py-16'>
|
|
||||||
<div className='container mx-auto'>
|
|
||||||
<div className='mb-12 text-center'>
|
|
||||||
<h2 className='mb-4 text-3xl font-bold tracking-tight sm:text-4xl'>
|
|
||||||
{t('clients.loyalty.works.levels.title')}
|
|
||||||
</h2>
|
|
||||||
<p className='mx-auto max-w-2xl text-gray-600'>
|
|
||||||
{t('clients.loyalty.works.levels.description')}
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<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'>
|
||||||
|
2
|
||||||
|
</div>
|
||||||
|
<h3 className='mb-2 text-xl font-bold'>
|
||||||
|
{t('clients.loyalty.works.stage-2')}
|
||||||
|
</h3>
|
||||||
|
<p className='text-gray-600'>
|
||||||
|
{t('clients.loyalty.works.stage.description-2')}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<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'>
|
||||||
|
3
|
||||||
|
</div>
|
||||||
|
<h3 className='mb-2 text-xl font-bold'>
|
||||||
|
{t('clients.loyalty.works.stage-3')}
|
||||||
|
</h3>
|
||||||
|
<p className='text-gray-600'>
|
||||||
|
{t('clients.loyalty.works.stage.description-3')}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<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'>
|
||||||
|
4
|
||||||
|
</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>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Loyalty Levels */}
|
||||||
|
<section className='py-16'>
|
||||||
|
<div className='container mx-auto'>
|
||||||
|
<div className='mb-12 text-center'>
|
||||||
|
<h2 className='mb-4 text-3xl font-bold tracking-tight sm:text-4xl'>
|
||||||
|
{t('clients.loyalty.works.levels.title')}
|
||||||
|
</h2>
|
||||||
|
<p className='mx-auto max-w-2xl text-gray-600'>
|
||||||
|
{t('clients.loyalty.works.levels.description')}
|
||||||
|
</p>
|
||||||
|
</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'>
|
||||||
@ -249,7 +249,7 @@ export function LoyaltyPage() {
|
|||||||
<li className='flex items-center'>
|
<li className='flex items-center'>
|
||||||
<Check className='mr-2 h-5 w-5 text-green-500' />
|
<Check className='mr-2 h-5 w-5 text-green-500' />
|
||||||
<span>
|
<span>
|
||||||
{t('clients.loyalty.works.levels.card-1.bonus-1')}
|
{t('clients.loyalty.works.levels.card-2.bonus-1')}
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
<li className='flex items-center'>
|
<li className='flex items-center'>
|
||||||
@ -261,71 +261,69 @@ export function LoyaltyPage() {
|
|||||||
<li className='flex items-center'>
|
<li className='flex items-center'>
|
||||||
<Check className='mr-2 h-5 w-5 text-green-500' />
|
<Check className='mr-2 h-5 w-5 text-green-500' />
|
||||||
<span>
|
<span>
|
||||||
{t('clients.loyalty.works.levels.card-3.bonus-3')}
|
{t('clients.loyalty.works.levels.card-2.bonus-3')}
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
<li className='flex items-center'>
|
<li className='flex items-center'>
|
||||||
<Check className='mr-2 h-5 w-5 text-green-500' />
|
<Check className='mr-2 h-5 w-5 text-green-500' />
|
||||||
<span>
|
<span>
|
||||||
{t('clients.loyalty.works.levels.card-4.bonus-4')}
|
{t('clients.loyalty.works.levels.card-2.bonus-4')}
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</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'>
|
||||||
<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-3.title')}
|
{t('clients.loyalty.works.levels.card-3.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-3.percent')}
|
{t('clients.loyalty.works.levels.card-3.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-3.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-3.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-3.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-3.bonus-2')}
|
<Check className='mr-2 h-5 w-5 text-green-500' />
|
||||||
</span>
|
<span>
|
||||||
</li>
|
{t('clients.loyalty.works.levels.card-3.bonus-4')}
|
||||||
<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-3.bonus-3')}
|
<Check className='mr-2 h-5 w-5 text-green-500' />
|
||||||
</span>
|
<span>
|
||||||
</li>
|
{t('clients.loyalty.works.levels.card-3.bonus-5')}
|
||||||
<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-3.bonus-4')}
|
</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-3.bonus-5')}
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</CardContent>
|
|
||||||
</Card>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
</Container>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<CtaSection />
|
<CtaSection />
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user