hover-footer

1import React from 'react';
2import AnimatedText from '@/components/ui/cursor-follow-text';
3
4function index() {
5  return (
6    <footer
7      className='footer-bg relative border 2xl:h-[550px] h-fit lg:pb-20 w-[95%] mx-auto mb-8 rounded-lg overflow-hidden radial-gradient-bg
8                   [--gradient-center:#f3f4f6] [--gradient-edge:#f3f4f6]
9                   dark:[--gradient-center:#02081765] dark:[--gradient-edge:#020817]'
10    >
11      <div className='gap-10 sm:flex justify-between p-5 2xl:py-10 py-5 dark:bg-[#4c61ff]   bg-blue-500 rounded-xs rounded-b-none text-white'>
12        <div className='w-fit flex-col  flex  justify-center'>
13          <div className='2xl:w-24 2xl:h-24 w-20 h-20 ml-3 bg-white  rounded-xs before:absolute relative before:w-full before:h-full before:bg-white/50  before:rounded-md before:-top-3 before:-left-3'></div>
14          <article className='py-2  2xl:w-80 w-64  space-y-1'>
15            <h1 className='newFont text-3xl font-bold'>UI-LAYOUT</h1>
16            <p className='text-sm  leading-[120%] '>
17              Copy and paste designs that you love to have on your website.
18              Don't forget to share them with your friends. I'll bring more and
19              more components that really make sense for your design.
20            </p>
21          </article>
22        </div>
23
24        <div className='sm:block flex sm:mt-0 mt-4  gap-2 sm:w-auto w-full sm:space-y-2 relative z-1'>
25          <a
26            href='https://www.linkedin.com/in/naymur-rahman/'
27            target='_blank'
28            className='bg-gray-50 sm:w-auto w-full   grid place-content-center 2xl:h-40 h-32 2xl:p-10 p-5 rounded-lg'
29          >
30            <svg
31              xmlns='http://www.w3.org/2000/svg'
32              width='70'
33              height='62'
34              viewBox='0 0 70 62'
35              fill='none'
36              className='sm:w-24 w-full  text-blue-500'
37            >
38              <path
39                d='M55.1291 0H65.8629L42.4127 26.2626L70 62H48.3994L31.481 40.3254L12.1226 62H1.38228L26.4646 33.9092L0 0H22.149L37.4417 19.8114L55.1291 0ZM51.3619 55.7046H57.3096L18.9172 5.96472H12.5347L51.3619 55.7046Z'
40                fill='currentColor'
41              ></path>
42            </svg>
43          </a>
44          <a
45            href='https://x.com/naymur_dev'
46            target='_blank'
47            className='bg-gray-50 sm:w-auto w-full  grid place-content-center  2xl:h-40 h-32 2xl:p-10 p-5 rounded-lg'
48          >
49// … truncated