forked from UKSOURCE/hailearning.edu.vn
27 lines
1.3 KiB
TypeScript
27 lines
1.3 KiB
TypeScript
export default function LocationMap() {
|
|
return (
|
|
<div className="bg-white rounded-[24px] overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100 h-[420px] relative">
|
|
<div className="absolute inset-0 bg-gray-200 relative">
|
|
<img
|
|
className="w-full h-full object-cover"
|
|
src="https://storage.googleapis.com/uxpilot-auth.appspot.com/3d6faeb2c9-8e1cfd08c74433d49f78.png"
|
|
alt="Modern minimalist map of Paris showing a university campus location with a blue pin marker"
|
|
/>
|
|
{/* Floating Pin Card */}
|
|
<div className="absolute bottom-6 left-6 right-6 bg-white/95 backdrop-blur-md p-4 rounded-[12px] shadow-lg border border-white/50 flex items-start gap-4">
|
|
<div className="w-10 h-10 bg-blue-50 rounded-full flex items-center justify-center text-primary flex-shrink-0 mt-1">
|
|
<i className="fas fa-location-dot"></i>
|
|
</div>
|
|
<div>
|
|
<div className="contact-pin-title font-bold text-dark mb-1">Main Campus</div>
|
|
<p className="text-xs text-gray-600 leading-relaxed">
|
|
15 Rue de l'École de Médecine<br />75006 Paris, France
|
|
</p>
|
|
<a href="#" className="text-primary text-xs font-medium mt-2 inline-block hover:underline">Get Directions</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|