Display contact form in a full-screen widget without scroll bar

Modify ContactSection component to render Mailchimp iframe with `scrolling="no"` and increased height for full-screen display.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d004b9e1-f9be-46e2-acda-f440ccd644a9
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/e2d11d08-168d-4fd5-b4c6-d4e5148dc70f.jpg
This commit is contained in:
JeffEmmett 2025-06-13 17:10:02 +00:00
parent 82441e3a41
commit f0c7150ddb
1 changed files with 19 additions and 20 deletions

View File

@ -11,26 +11,25 @@ export function ContactSection() {
</p> </p>
</div> </div>
<div className="flex justify-center"> <div className="w-full">
<div className="max-w-xl w-full"> <div className="w-full max-w-4xl mx-auto">
<div className="bg-gray-50 p-8 rounded-lg shadow-sm"> <iframe
<iframe src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac"
src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac" width="100%"
width="100%" height="800"
height="600" frameBorder="0"
frameBorder="0" marginHeight={0}
marginHeight={0} marginWidth={0}
marginWidth={0} scrolling="no"
style={{ style={{
border: 'none', border: 'none',
borderRadius: '8px', overflow: 'hidden',
backgroundColor: 'transparent' backgroundColor: 'transparent'
}} }}
title="Contact Form" title="Contact Form"
> >
Loading contact form... Loading contact form...
</iframe> </iframe>
</div>
</div> </div>
</div> </div>
</div> </div>