hover-footer

1'use client';
2import AnimatedText from '@/components/ui/cursor-follow-text';
3import React from 'react';
4 
5function HoverFooter() {
6  return (
7    <footer
8      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
9                   [--gradient-center:#f3f4f6] [--gradient-edge:#f3f4f6]
10                   dark:[--gradient-center:#02081765] dark:[--gradient-edge:#020817]'
11    >
12      <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'>
13        <div className='w-fit flex-col  flex  justify-center'>
14          <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>
15          <article className='py-2  2xl:w-80 w-64  space-y-1'>
16            <h1 className='newFont text-3xl font-bold'>UI-LAYOUT</h1>
17            <p className='text-sm  leading-[120%] '>
18              Copy and paste designs that you love to have on your website. Don't forget to share
19              them with your friends. I'll bring more and more components that really make sense for
20              your design.
21            </p>
22          </article>
23        </div>
24 
25        <div className='sm:block flex sm:mt-0 mt-4  gap-2 sm:w-auto w-full sm:space-y-2 relative z-1'>
26          <a
27            href='https://www.linkedin.com/in/naymur-rahman/'
28            target='_blank'
29            className='bg-neutral-50 sm:w-auto w-full   grid place-content-center 2xl:h-40 h-32 2xl:p-10 p-5 rounded-lg'
30            rel='noreferrer noopener'
31          >
32            <svg
33              xmlns='http://www.w3.org/2000/svg'
34              width='70'
35              height='62'
36              viewBox='0 0 70 62'
37              fill='none'
38              className='sm:w-24 w-full  text-blue-500'
39            >
40              <path
41                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'
42                fill='currentColor'
43              ></path>
44            </svg>
45          </a>
46          <a
47            href='https://x.com/naymur_dev'
48            target='_blank'
49// … truncated