Skip to content

Commit

Permalink
Update Footer.tsx
Browse files Browse the repository at this point in the history
  • Loading branch information
amanbhoria committed Nov 7, 2024
1 parent c922c3b commit c32f6b4
Showing 1 changed file with 29 additions and 29 deletions.
58 changes: 29 additions & 29 deletions components/footer/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -52,42 +52,42 @@ export default function Footer() {
</ul>
</div>

<div className='mb-5 px-0 sm:ml-5 sm:px-10'>
<div className='hidden py-2 sm:block'>
<div className='mr-12 text-white'>
<Heading typeStyle={HeadingTypeStyle.smSemibold}>Social</Heading>
<div className='mb-5 px-0 sm:ml-5 sm:px-10'>
<div className='hidden py-2 sm:block'>
<div className='mr-12 text-white'>
<Heading typeStyle={HeadingTypeStyle.smSemibold}>Social</Heading>
</div>
</div>
<ul className='flex justify-start sm:flex-col' aria-label='AsyncAPI social media links'>
{socialMediaLinks.map((link: SocialMediaLink, index: number) => (
<li className='mr-3 py-2 sm:mr-0' key={index} data-testid='Footer-social-media-links'>
<a href={link.url} target='_blank' rel='noopener noreferrer'>
<div className='flex items-center text-cool-gray transition duration-300 ease-in-out hover:text-white'>
<span className='sr-only'>{`Follow AsyncAPI on ${link.label}`}</span>
{link.icon}
<span className='absolute hidden pl-8 pr-5 sm:block'>{link.label}</span>
</div>
</a>
</li>
))}
</ul>
</div>
<ul className='flex justify-start sm:flex-col' aria-label='AsyncAPI social media links'>
{socialMediaLinks.map((link: SocialMediaLink, index: number) => (
<li className='mr-3 py-2 sm:mr-0' key={index} data-testid='Footer-social-media-links'>
<a href={link.url} target='_blank' rel='noopener noreferrer'>
<div className='flex items-center text-cool-gray transition duration-300 ease-in-out hover:text-white'>
<span className='sr-only'>{`Follow AsyncAPI on ${link.label}`}</span>
{link.icon}
<span className='absolute hidden pl-8 pr-5 sm:block'>{link.label}</span>
</div>
</a>
</li>
))}
</ul>
</div>
</div>

<div className='mb-5 px-14 sm:ml-10 sm:px-8 md:ml-5'>
<div className='py-2'>
<div className='text-white'>
<Heading typeStyle={HeadingTypeStyle.smSemibold}>News</Heading>
</div>
<div className='py-2'>
<div className='text-white'>
<Heading typeStyle={HeadingTypeStyle.smSemibold}>News</Heading>
</div>
<ul className='justify-center'>
<li className='py-2'>
<div className='text-base leading-6 text-cool-gray transition duration-300 ease-in-out hover:text-white'>
<a href='mailto:[email protected]'>Email Us</a>
</div>
</li>
</ul>
</div>
<ul className='justify-center'>
<li className='py-2'>
<div className='text-base leading-6 text-cool-gray transition duration-300 ease-in-out hover:text-white'>
<a href='mailto:[email protected]'>Email Us</a>
</div>
</li>
</ul>
</div>
</div>
</nav>

Expand Down

0 comments on commit c32f6b4

Please sign in to comment.