Skip to content

Commit cf8b1c2

Browse files
Luson045Luson045
authored
Update Footer.jsx
1 parent 3c29186 commit cf8b1c2

File tree

1 file changed

+26
-26
lines changed

1 file changed

+26
-26
lines changed

‎client/src/modules/common/Footer.jsx

+26-26
Original file line numberDiff line numberDiff line change
@@ -31,78 +31,78 @@ const Footer = () => {
3131
}, []);
3232

3333
return (
34-
<footer className="bg-gray-800 text-white p-20">
34+
<footer className="bg-gray-800 text-white p-14">
3535
<div className="flex flex-col md:flex-row justify-between text-center md:text-left mt-4">
3636
<div className="mb-8 md:mb-0">
37-
<h3 className="text-2xl md:text-4xl font-semibold mb-6">Services</h3>
37+
<h3 className="text-xl md:text-2xl font-semibold mb-4">Services</h3>
3838
<ul>
39-
<li className="mb-4 text-lg md:text-2xl">OPD Consultations</li>
40-
<li className="mb-4 text-lg md:text-2xl">Lab Tests</li>
41-
<li className="mb-4 text-lg md:text-2xl">Health Checkup</li>
39+
<li className="mb-3 text-base md:text-lg">OPD Consultations</li>
40+
<li className="mb-3 text-base md:text-lg">Lab Tests</li>
41+
<li className="mb-3 text-base md:text-lg">Health Checkup</li>
4242
</ul>
4343
</div>
4444

4545
<div className="mb-8 md:mb-0">
46-
<h3 className="text-2xl md:text-4xl font-semibold mb-6">About</h3>
46+
<h3 className="text-xl md:text-2xl font-semibold mb-4">About</h3>
4747
<ul>
48-
<li className="mb-4 text-lg md:text-2xl">Our Hospital</li>
49-
<li className="mb-4 text-lg md:text-2xl">Doctors</li>
50-
<li className="mb-4 text-lg md:text-2xl">Pricing</li>
51-
<li className="mb-4 text-lg md:text-2xl">Terms</li>
48+
<li className="mb-3 text-base md:text-lg">Our Hospital</li>
49+
<li className="mb-3 text-base md:text-lg">Doctors</li>
50+
<li className="mb-3 text-base md:text-lg">Pricing</li>
51+
<li className="mb-3 text-base md:text-lg">Terms</li>
5252
</ul>
5353
</div>
5454

5555
<div className="mb-8 md:mb-0">
56-
<h3 className="text-2xl md:text-4xl font-semibold mb-6">Contact Us</h3>
56+
<h3 className="text-xl md:text-2xl font-semibold mb-4">Contact Us</h3>
5757
<ul>
58-
<li className="mb-4 text-lg md:text-2xl">Business</li>
59-
<li className="mb-4 text-lg md:text-2xl">Customer Care</li>
60-
<li className="mb-4 text-lg md:text-2xl">Join Us</li>
61-
<li className="mb-4 text-lg md:text-2xl">Support Us</li>
58+
<li className="mb-3 text-base md:text-lg">Business</li>
59+
<li className="mb-3 text-base md:text-lg">Customer Care</li>
60+
<li className="mb-3 text-base md:text-lg">Join Us</li>
61+
<li className="mb-3 text-base md:text-lg">Support Us</li>
6262
</ul>
6363
</div>
6464

6565
<div className="mb-8 md:mb-0">
66-
<h3 className="text-2xl md:text-4xl font-semibold mb-6">Follow us on</h3>
67-
<ul className="flex justify-center space-x-8 md:space-x-10">
66+
<h3 className="text-xl md:text-2xl font-semibold mb-4">Follow us on</h3>
67+
<ul className="flex justify-center space-x-6 md:space-x-8">
6868
<li>
6969
<a href="https://www.instagram.com" target="_blank" rel="noopener noreferrer">
70-
<img src={instagram} alt="Instagram" className="w-12 md:w-16 filter brightness-0 invert hover:opacity-75 transition-opacity duration-200" /> {/* White icon */}
70+
<img src={instagram} alt="Instagram" className="w-8 md:w-10 filter brightness-0 invert hover:opacity-75 transition-opacity duration-200" />
7171
</a>
7272
</li>
7373
<li>
7474
<a href="https://www.facebook.com" target="_blank" rel="noopener noreferrer">
75-
<img src={facebook} alt="Facebook" className="w-12 md:w-16 filter brightness-0 invert hover:opacity-75 transition-opacity duration-200" /> {/* White icon */}
75+
<img src={facebook} alt="Facebook" className="w-8 md:w-10 filter brightness-0 invert hover:opacity-75 transition-opacity duration-200" />
7676
</a>
7777
</li>
7878
<li>
7979
<a href="https://www.twitter.com" target="_blank" rel="noopener noreferrer">
80-
<img src={twitter} alt="Twitter" className="w-12 md:w-16 filter brightness-0 invert hover:opacity-75 transition-opacity duration-200" /> {/* White icon */}
80+
<img src={twitter} alt="Twitter" className="w-8 md:w-10 filter brightness-0 invert hover:opacity-75 transition-opacity duration-200" />
8181
</a>
8282
</li>
8383
<li>
8484
<a href="https://www.linkedin.com" target="_blank" rel="noopener noreferrer">
85-
<img src={linkedin} alt="LinkedIn" className="w-12 md:w-16 filter brightness-0 invert hover:opacity-75 transition-opacity duration-200" /> {/* White icon */}
85+
<img src={linkedin} alt="LinkedIn" className="w-8 md:w-10 filter brightness-0 invert hover:opacity-75 transition-opacity duration-200" />
8686
</a>
8787
</li>
8888
</ul>
8989
</div>
9090
</div>
9191

9292
<div className="text-center mt-8">
93-
<p className="font-bold text-xl md:text-3xl">DISCLAIMER</p>
94-
<p className="text-gray-300 text-base md:text-xl mt-2">
93+
<p className="font-bold text-lg md:text-xl">DISCLAIMER</p>
94+
<p className="text-gray-300 text-sm md:text-base mt-2">
9595
“The information provided on Med-Space is intended for general informational purposes only and should not be considered as medical advice, diagnosis, or treatment. Always seek the advice of a qualified healthcare provider for any medical condition or treatment. Med-Space facilitates OPD appointment booking and hospital data sharing, but it does not endorse or guarantee the quality of services provided by healthcare providers.”
9696
</p>
9797
</div>
9898

99-
<div className="text-center mt-4 text-gray-400 text-sm md:text-lg">
99+
<div className="text-center mt-4 text-gray-400 text-xs md:text-sm">
100100
<p>Medi connect ©2024</p>
101101
</div>
102102

103103
{showScrollTop && (
104-
<button onClick={scrollToTop} className="fixed bottom-6 right-6 bg-blue-600 hover:bg-blue-500 text-white p-4 md:p-5 rounded-full">
105-
<FaArrowUp size={28} />
104+
<button onClick={scrollToTop} className="fixed bottom-6 right-6 bg-blue-600 hover:bg-blue-500 text-white p-3 md:p-4 rounded-full">
105+
<FaArrowUp size={24} />
106106
</button>
107107
)}
108108
</footer>

0 commit comments

Comments
 (0)