Optimized images and linting
This commit is contained in:
@@ -1,15 +1,18 @@
|
||||
// app/contact/page.tsx
|
||||
|
||||
import { FaInstagram, FaLinkedin, FaDiscord, FaEnvelope, FaMapMarkerAlt } from 'react-icons/fa';
|
||||
import Image from 'next/image';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<main className="flex flex-col flex-1 relative bg-[#0d1117] overflow-hidden">
|
||||
|
||||
{/* 1. Immersive Mountain Background */}
|
||||
<img
|
||||
<Image
|
||||
src="/assets/images/snowy_mountain_peaks.jpg"
|
||||
alt="Snowy Mountains"
|
||||
fill
|
||||
priority
|
||||
className="absolute inset-0 w-full h-full object-cover z-0"
|
||||
/>
|
||||
{/* Dark blur overlay so the text and cards remain perfectly readable */}
|
||||
|
||||
Reference in New Issue
Block a user