update: add banner to main page
This commit is contained in:
parent
aaee519676
commit
f3a25bdb02
BIN
public/oriyo_bg.jpeg
Normal file
BIN
public/oriyo_bg.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
@ -12,12 +12,11 @@ export const HeroSection = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section className='relative'>
|
<section className='relative'>
|
||||||
<div className='relative h-[500px] w-full overflow-hidden'>
|
<div className='relative h-[300px] w-full overflow-hidden md:h-[500px] xl:h-[700px]'>
|
||||||
<Image
|
<Image
|
||||||
src='/placeholder.svg?height=500&width=1920'
|
src='/oriyo_bg.jpeg'
|
||||||
alt='Gas Station Network'
|
alt='Gas Station Network'
|
||||||
width={1920}
|
fill
|
||||||
height={500}
|
|
||||||
className='object-cover'
|
className='object-cover'
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
@ -25,7 +24,7 @@ export const HeroSection = () => {
|
|||||||
<div className='container mx-auto'>
|
<div className='container mx-auto'>
|
||||||
<div className='max-w-lg space-y-4 text-white'>
|
<div className='max-w-lg space-y-4 text-white'>
|
||||||
<div className='animate-fade animate-duration-[3000ms] animate-ease-in-out'>
|
<div className='animate-fade animate-duration-[3000ms] animate-ease-in-out'>
|
||||||
<h1 className='text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl'>
|
<h1 className='text-2xl font-bold tracking-tight sm:text-4xl md:text-6xl'>
|
||||||
{t('home.hero.title')}
|
{t('home.hero.title')}
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user