Contact us
<div class="greencore-contact-wrapper">
<div class="contact-header">
<h2 class="contact-title">Get in Touch</h2>
<p class="contact-subtitle">Have a question about renewable energy investments, clean tech solutions, or partnerships? Send us a message.</p>
</div>
<form id="contact-form" class="greencore-contact-form">
<div class="form-group">
<label>Full Name</label>
<input type="text" name="name" placeholder="Enter your full name" required>
</div>
<div class="form-group">
<label>Business Email Address</label>
<input type="email" name="email" placeholder="name@company.com" required>
</div>
<div class="form-group">
<label>Inquiry Type</label>
<select name="subject" required>
<option value="ESG Investing">ESG Investing Opportunities</option>
<option value="Solar Solutions">Commercial Solar Solutions</option>
<option value="CleanTech">CleanTech Innovations</option>
<option value="Partnerships">General Partnerships</option>
</select>
</div>
<div class="form-group">
<label>Your Message</label>
<textarea name="message" rows="5" placeholder="Tell us more about your needs..." required></textarea>
</div>
<button type="submit" id="submit-btn" class="submit-btn">Send Message</button>
<div id="response-msg" style="display:none; margin-top:15px; text-align:center; font-weight:bold;"></div>
</form>
<div class="direct-contact-section">
<hr class="separator">
<h3>Prefer Direct Contact?</h3>
<p>If you have a detailed business proposal or would like to discuss high-level investment opportunities, you can reach our team directly at:</p>
<a class="email-link" href="mailto:onlinetued@gmail.com">onlinetued@gmail.com</a>
<p class="response-time">We typically respond to business inquiries within 24-48 hours.</p>
</div>
</div>
<style>
/* تنسيق الحاوية */
.greencore-contact-wrapper { max-width: 650px; margin: 40px auto; padding: 35px; background: #ffffff; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.08); font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; }
.contact-header { text-align: center; margin-bottom: 30px; }
.contact-title { color: #0d233a; font-size: 28px; margin-bottom: 10px; font-weight: 700; }
.contact-subtitle { color: #555; font-size: 15px; }
/* تنسيق النموذج */
.greencore-contact-form { display: flex; flex-direction: column; gap: 18px; }
.form-group { text-align: left; }
.form-group label { display: block; font-size: 14px; font-weight: 600; color: #0d233a; margin-bottom: 6px; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 12px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 15px; transition: 0.3s; box-sizing: border-box; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: #10b981; outline: none; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1); }
.submit-btn { background: #10b981; color: white; border: none; padding: 16px; border-radius: 8px; cursor: pointer; font-size: 16px; font-weight: 700; transition: 0.3s; }
.submit-btn:hover { background: #059669; transform: translateY(-1px); }
/* قسم التواصل المباشر */
.direct-contact-section { margin-top: 35px; text-align: center; }
.separator { border: 0; border-top: 1px solid #eee; margin: 30px 0; }
.direct-contact-section h3 { color: #0d233a; font-size: 20px; margin-bottom: 10px; }
.direct-contact-section p { font-size: 14px; color: #666; margin-bottom: 15px; }
.email-link { color: #10b981; font-size: 18px; font-weight: 700; text-decoration: none; border-bottom: 2px solid #10b981; padding-bottom: 2px; }
.email-link:hover { color: #0d233a; border-color: #0d233a; }
.response-time { font-style: italic; font-size: 12px !important; margin-top: 10px; color: #999 !important; }
@media (max-width: 600px) { .greencore-contact-wrapper { padding: 20px; margin: 15px; } }
</style>
<script>
const form = document.getElementById('contact-form');
const btn = document.getElementById('submit-btn');
const msg = document.getElementById('response-msg');
form.onsubmit = e => {
e.preventDefault();
btn.disabled = true;
btn.innerText = 'Processing...';
// يفضل استخدام Formspree لربط الإيميل فعلياً كما ذكرنا سابقاً
fetch('https://formspree.io/f/onlinetued@gmail.com', {
method: 'POST',
body: new FormData(form),
headers: { 'Accept': 'application/json' }
}).then(() => {
msg.style.display = 'block';
msg.style.color = '#10b981';
msg.innerText = 'Success! Your message has been sent to our team.';
form.reset();
btn.disabled = false;
btn.innerText = 'Send Message';
}).catch(() => {
msg.style.display = 'block';
msg.style.color = '#ef4444';
msg.innerText = 'Error! Could not send message. Please try again or use direct email.';
btn.disabled = false;
btn.innerText = 'Send Message';
});
};
</script>