<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","metadata":{"name":"Main"},"className":"main","style":{"spacing":{"padding":{"top":"100px"}}},"backgroundColor":"background-secondary","layout":{"type":"constrained"}} -->
<main class="wp-block-group main has-background-secondary-background-color has-background" style="padding-top:100px"><!-- wp:group {"metadata":{"name":"Contact"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"0","padding":{"top":"8vh","bottom":"8vh"}}},"layout":{"type":"constrained","contentSize":"2300px"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:8vh;padding-bottom:8vh"><!-- wp:columns {"align":"wide","className":"stack-column-contact","style":{"spacing":{"blockGap":{"left":"0"},"padding":{"right":"5%","left":"5%"}}}} -->
<div class="wp-block-columns alignwide stack-column-contact" style="padding-right:5%;padding-left:5%"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"className":"stack-column-left-contact","layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group stack-column-left-contact"><!-- wp:heading {"style":{"typography":{"fontSize":"100px"}}} -->
<h2 class="wp-block-heading" style="font-size:100px">Let's Talk?</h2>
<!-- /wp:heading -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph {"className":""} -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt <br>ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco <br>laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in <br>voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:html -->
<div class="container">
    <div class="form-container">
        <h1>Contact Us</h1>
        
        <form id="contactForm">
            <div class="form-group">
                <label for="name">Name</label>
                <input type="text" id="name" name="name" required>
            </div>
            
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" id="email" name="email" required>
            </div>
            
            <div class="form-group">
                <label for="subject">Subject</label>
                <select id="subject" name="subject">
                    <option value="">Select a subject</option>
                    <option value="project">New Project</option>
                    <option value="quote">Request Quote</option>
                    <option value="partnership">Partnership Proposal</option>
                    <option value="other">Other</option>
                </select>
            </div>
            
            <div class="star-divider">✧ ✦ ✧</div>
            
            <div class="form-group">
                <label for="message">Message</label>
                <textarea id="message" name="message" required></textarea>
            </div>
            
            <div class="form-group">
                <button type="submit">Send Message</button>
            </div>
        </form>
    </div>
</div>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"Overlay"},"align":"full","className":"overlay","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull overlay"></div>
<!-- /wp:group --></main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->