56 lines
2.3 KiB
TypeScript
56 lines
2.3 KiB
TypeScript
import React from 'react';
|
|
|
|
const Footer = () => {
|
|
const socialLinks = {
|
|
instagram: 'https://www.instagram.com/rooftop.my/',
|
|
linkedin: 'https://my.linkedin.com/company/rooftop-my?trk=public_jobs_topcard_logo',
|
|
facebook: 'https://www.facebook.com/profile.php?id=61572728757164',
|
|
whatsapp: 'https://wa.me/message/XFIYMAVF27EBE1',
|
|
email: 'mailto:sales@rooftop.my',
|
|
};
|
|
|
|
return (
|
|
<footer className="bg-rtyellow-500 text-black p-6 scale-100">
|
|
{/* Social Links */}
|
|
<div className="flex justify-center space-x-6 mb-6">
|
|
{Object.entries(socialLinks).map(([platform, url]) => (
|
|
<a
|
|
key={platform}
|
|
href={url}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="w-10 h-10 bg-rtyellow-600 flex items-center justify-center rounded-full transition-colors duration-300 hover:bg-white"
|
|
>
|
|
<img
|
|
src={platform === 'email' ? '/mailicon.svg' : `/${platform}.svg`}
|
|
alt={platform.charAt(0).toUpperCase() + platform.slice(1)}
|
|
className="w-5 h-5"
|
|
/>
|
|
</a>
|
|
))}
|
|
</div>
|
|
|
|
{/* Divider */}
|
|
<div className="w-3/4 mx-auto border-t-2 border-rtyellow-600 my-6"></div>
|
|
|
|
{/* Contact Info */}
|
|
<div className="flex flex-col items-center">
|
|
<div className="text-left w-full max-w-md mx-auto mb-7">
|
|
<p className="text-[17px] text-rtbrown-800">Rooftop Energy Tech Sdn Bhd</p>
|
|
<p className="text-[17px] text-rtbrown-800">202501013544 (1613958-P)</p>
|
|
<p className="text-[17px] text-rtbrown-800 md:whitespace-nowrap">
|
|
3-5, Block D2, Dataran Prima,<br className="md:hidden" />
|
|
47301 Petaling Jaya,<br className="md:hidden" />
|
|
Selangor, Malaysia
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Copyright */}
|
|
<p className="text-black text-s mt-6 text-center">Rooftop Energy © 2025</p>
|
|
</footer>
|
|
);
|
|
};
|
|
|
|
export default Footer;
|