74 lines
2.3 KiB
JavaScript
74 lines
2.3 KiB
JavaScript
'use client'
|
|
|
|
import React from 'react'
|
|
import Link from 'next/link'
|
|
import Logo from '/public/images/logo.png'
|
|
import Image from 'next/image'
|
|
import { useTranslation } from 'next-i18next'
|
|
|
|
const HeaderTopbar = () => {
|
|
const { t } = useTranslation('common')
|
|
|
|
return (
|
|
<>
|
|
<div
|
|
className="header-top py-2 d-none d-lg-block"
|
|
style={{
|
|
background: 'linear-gradient(90deg, #C12026 11.32%, #E14448 95.28%)',
|
|
}}
|
|
>
|
|
<div className="container-fluid">
|
|
<div className="text-center" style={{ color: 'white' }}>
|
|
Para cambiar al español, haz clic en la opción en la parte inferior derecha del encabezado.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="topbar d-lg-block d-none">
|
|
<div className="container">
|
|
<div className="row align-items-center">
|
|
<div className="col-lg-3 col-12 d-lg-block d-none">
|
|
<Link className="navbar-brand" href="/">
|
|
<Image src={Logo} alt="logo" />
|
|
</Link>
|
|
</div>
|
|
|
|
<div className="col-lg-6 col-12">
|
|
<div className="contact-info-wrap">
|
|
<div className="contact-info">
|
|
<div className="icon">
|
|
<i className="fi flaticon-phone-call"></i>
|
|
</div>
|
|
<div className="info-text">
|
|
<span>{t('callUs')}</span>
|
|
<p>+1 (305) 330-7413</p>
|
|
</div>
|
|
</div>
|
|
<div className="contact-info">
|
|
<div className="icon">
|
|
<i className="fi flaticon-email"></i>
|
|
</div>
|
|
<div className="info-text">
|
|
<span>{t('emailNow')}</span>
|
|
<p>info@janahanlaw.com</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="col-lg-3 col-12 d-flex justify-content-end align-items-center">
|
|
<div className="contact-info ms-3">
|
|
<Link className="theme-btn" href="/contact">
|
|
{t('contactUs')}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default HeaderTopbar
|