update: update for the links

This commit is contained in:
khadiatullo 2025-04-27 15:41:20 +03:00
parent 4e15eacee7
commit 1797b0d96d
5 changed files with 38 additions and 22 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 164 KiB

View File

@ -1,11 +1,12 @@
'use client'; 'use client';
import { ChevronLeft, ChevronRight } from 'lucide-react'; import { ChevronLeft, ChevronRight} from 'lucide-react';
import Image from 'next/image'; import Image from 'next/image';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Button } from '@/shared/shadcn-ui/button'; import { Button } from '@/shared/shadcn-ui/button';
import { Card, CardContent } from '@/shared/shadcn-ui/card'; import { Card, CardContent } from '@/shared/shadcn-ui/card';
import Link from 'next/link';
const promotions = [ const promotions = [
{ {
@ -106,6 +107,7 @@ export default function PromotionSlider() {
<span className='text-xs text-gray-500'> <span className='text-xs text-gray-500'>
Действует до: {promo.validUntil} Действует до: {promo.validUntil}
</span> </span>
<Link href='#'>
<Button <Button
variant='outline' variant='outline'
size='sm' size='sm'
@ -113,6 +115,7 @@ export default function PromotionSlider() {
> >
Подробнее Подробнее
</Button> </Button>
</Link>
</div> </div>
</CardContent> </CardContent>
</Card> </Card>

View File

@ -2,6 +2,7 @@
import { useLanguage } from '@/shared/language'; import { useLanguage } from '@/shared/language';
import { Button } from '@/shared/shadcn-ui/button'; import { Button } from '@/shared/shadcn-ui/button';
import Link from 'next/link';
export const CtaSection = () => { export const CtaSection = () => {
const { t } = useLanguage(); const { t } = useLanguage();
@ -15,9 +16,11 @@ export const CtaSection = () => {
</h2> </h2>
<p className='mb-8 max-w-2xl'>{t('home.cta.description')}</p> <p className='mb-8 max-w-2xl'>{t('home.cta.description')}</p>
<div className='flex flex-col gap-4 sm:flex-row'> <div className='flex flex-col gap-4 sm:flex-row'>
<Link href='#'>
<Button variant='secondary'> <Button variant='secondary'>
{t('common.buttons.purchaseCardAtGasStations')} {t('common.buttons.purchaseCardAtGasStations')}
</Button> </Button>
</Link>
</div> </div>
</div> </div>
</div> </div>

View File

@ -6,6 +6,7 @@ import '../../src/app/globals.css'
import { useLanguage } from '@/shared/language'; import { useLanguage } from '@/shared/language';
import { Button } from '@/shared/shadcn-ui/button'; import { Button } from '@/shared/shadcn-ui/button';
import Link from 'next/link';
export const HeroSection = () => { export const HeroSection = () => {
const { t } = useLanguage(); const { t } = useLanguage();
@ -33,14 +34,18 @@ export const HeroSection = () => {
{t('home.hero.description')} {t('home.hero.description')}
</p> </p>
<div className='flex gap-4'> <div className='flex gap-4'>
<Link href='#'>
<Button className='bg-red-600 hover:bg-red-700'> <Button className='bg-red-600 hover:bg-red-700'>
{t('common.buttons.findStation')}{' '} {t('common.buttons.findStation')}{' '}
<MapPin className='ml-2 h-4 w-4' /> <MapPin className='ml-2 h-4 w-4' />
</Button> </Button>
</Link>
<Link href='#'>
<Button variant='outline' className='animate-pulse' <Button variant='outline' className='animate-pulse'
> >
{t('common.buttons.learnMore')} {t('common.buttons.learnMore')}
</Button> </Button>
</Link>
</div> </div>
</div> </div>
</div> </div>

View File

@ -2,9 +2,11 @@
import { Handshake } from 'lucide-react'; import { Handshake } from 'lucide-react';
import Image from 'next/image'; import Image from 'next/image';
import png from './7fe1595f25e868852247248389bc2b3ac910bf94.png'
import { useLanguage } from '@/shared/language'; import { useLanguage } from '@/shared/language';
import { Button } from '@/shared/shadcn-ui/button'; import { Button } from '@/shared/shadcn-ui/button';
import Link from 'next/link';
export const PartnersSection = () => { export const PartnersSection = () => {
const { t } = useLanguage(); const { t } = useLanguage();
@ -28,7 +30,7 @@ export const PartnersSection = () => {
{[1, 2, 3, 4, 5, 6, 7, 8].map((partner) => ( {[1, 2, 3, 4, 5, 6, 7, 8].map((partner) => (
<div <div
key={partner} key={partner}
className='flex h-32 items-center justify-center rounded-lg bg-white p-6 shadow-md transition-transform hover:scale-105' className='flex h-32 items-center justify-center flex-col gap-0.5 rounded-lg bg-white p-6 shadow-md transition-transform hover:scale-105'
data-aos='flip-left' data-aos='flip-left'
> >
<Image <Image
@ -38,6 +40,7 @@ export const PartnersSection = () => {
height={80} height={80}
className='max-h-16 w-auto' className='max-h-16 w-auto'
/> />
<h4 className='font-extralight'>Название</h4>
</div> </div>
))} ))}
</div> </div>
@ -49,9 +52,11 @@ export const PartnersSection = () => {
<p className='mx-auto mb-6 max-w-2xl text-gray-600'> <p className='mx-auto mb-6 max-w-2xl text-gray-600'>
{t('home.partners.becomePartnerText')} {t('home.partners.becomePartnerText')}
</p> </p>
<Link href='#'>
<Button className='bg-red-600 hover:bg-red-700'> <Button className='bg-red-600 hover:bg-red-700'>
{t('common.buttons.contactUs')} {t('common.buttons.contactUs')}
</Button> </Button>
</Link>
</div> </div>
</div> </div>
</section> </section>