1- import { MapPin , Mail } from " lucide-react" ;
2- import ContactForm from " ./ContactForm" ;
1+ import { MapPin , Mail } from ' lucide-react'
2+ import ContactForm from ' ./ContactForm'
33
44export default function Contact ( ) {
55 return (
66 < section
77 aria-labelledby = "contact-heading"
8- className = "bg-black text-white px-4 py-12 sm:px-6 lg:px-8"
8+ className = "bg-black px-4 py-12 text-white sm:px-6 lg:px-8"
99 >
1010 < div className = "mx-auto max-w-7xl" >
11- < div className = "lg:grid lg:grid-cols-2 lg:gap-12 lg:items-start " >
11+ < div className = "lg:grid lg:grid-cols-2 lg:items-start lg:gap-12 " >
1212 { /* —————————————————— Copy block —————————————————— */ }
1313 < div >
14- < h2
15- id = "contact-heading"
16- className = "text-4xl font-extrabold sm:text-5xl"
17- >
14+ < h2 id = "contact-heading" className = "text-4xl font-extrabold sm:text-5xl" >
1815 Let’s talk.
1916 </ h2 >
2017 < p className = "mt-4 text-lg text-neutral-400" >
21- Got a project in mind, a question, or just want to say hi? I’m all
22- ears—drop me a line anytime.
18+ Got a project in mind, a question, or just want to say hi? I’m all ears—drop me a line
19+ anytime.
2320 </ p >
2421
2522 < dl className = "mt-8 space-y-4 text-base text-neutral-400" >
@@ -30,8 +27,6 @@ export default function Contact() {
3027 < span className = "ml-3" > Barcelona, Spain</ span >
3128 </ dd >
3229 </ div >
33-
34-
3530 </ dl >
3631 </ div >
3732
@@ -42,5 +37,5 @@ export default function Contact() {
4237 </ div >
4338 </ div >
4439 </ section >
45- ) ;
40+ )
4641}
0 commit comments