stephen/maverickApplicationsSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move contact section heading to full width above the two-column grid
Some checks failed
Build and Deploy Website / build-and-deploy (push) Failing after 52s
Details

Browse Source 
The form card now starts aligned with the contact method boxes instead
of the heading, reducing wasted vertical space on desktop.
This commit is contained in:
Stephen Minakian
2026-02-06 10:58:34 -07:00
parent e9b5dccbe2
commit 8f6220b592
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/sections/Contact.tsx
View File

@ -132,18 +132,19 @@ export function Contact({ onSubmit }: ContactProps) {
className="bg-slate-50 py-20 md:py-28" className="bg-slate-50 py-20 md:py-28"
> >
<Container> <Container>
<div className="grid gap-8 lg:grid-cols-2 lg:gap-16 lg:items-start"> {/* Section Header — full width */}
{/* Contact Info */} <div className="mb-8 lg:mb-12">
<div className="space-y-8">
<div>
<h2 className="text-3xl md:text-4xl font-bold text-slate-900 mb-4"> <h2 className="text-3xl md:text-4xl font-bold text-slate-900 mb-4">
Let's Build Something Great Let's Build Something Great
</h2> </h2>
<p className="text-lg text-secondary"> <p className="text-lg text-secondary max-w-2xl">
Ready to bring your idea to life? Get in touch and let's discuss your project. Ready to bring your idea to life? Get in touch and let's discuss your project.
</p> </p>
</div> </div>
<div className="grid gap-8 lg:grid-cols-2 lg:gap-16 lg:items-start">
{/* Contact Info */}
<div className="space-y-8">
<div className="space-y-4"> <div className="space-y-4">
{contactMethods.map(({ icon: Icon, title, value }) => ( {contactMethods.map(({ icon: Icon, title, value }) => (
<div <div