update: update for the links
This commit is contained in:
parent
4e15eacee7
commit
1797b0d96d
BIN
public/clients/loyalty-card.png
Normal file
BIN
public/clients/loyalty-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user