Dream Land Property Investing | Contact Us
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
background-color: transparent;
color: #1e1e2f;
line-height: 1.5;
}
.contact-wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 2rem 1.5rem;
background: transparent;
}
.contact-grid {
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 2.5rem;
align-items: start;
margin-top: 1rem;
}
.info-panel {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(2px);
border-radius: 1.5rem;
padding: 2rem;
border: 1px solid rgba(249, 115, 22, 0.25);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02);
}
.info-panel h2 {
font-size: 1.8rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 1rem;
border-left: 5px solid #f97316;
padding-left: 1rem;
}
.info-tagline {
font-size: 1rem;
color: #334155;
margin-bottom: 2rem;
line-height: 1.4;
}
.contact-details {
margin: 2rem 0;
}
.contact-item {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1.5rem;
flex-wrap: wrap;
}
.contact-icon {
background-color: rgba(249, 115, 22, 0.12);
width: 44px;
height: 44px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
color: #f97316;
}
.whatsapp-icon {
background-color: rgba(37, 211, 102, 0.12);
}
.whatsapp-icon .contact-icon-text {
color: #25D366;
}
.contact-text {
flex: 1;
}
.contact-text strong {
font-weight: 700;
color: #0f172a;
display: block;
font-size: 0.9rem;
letter-spacing: 0.3px;
}
.contact-text span, .contact-text a {
color: #334155;
text-decoration: none;
font-size: 1rem;
transition: color 0.2s;
}
.contact-text a:hover {
color: #f97316;
}
.contact-text a.whatsapp-link:hover {
color: #25D366;
}
.closing-line {
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid rgba(249, 115, 22, 0.2);
font-style: normal;
font-weight: 500;
color: #c2410c;
background: rgba(249, 115, 22, 0.05);
padding: 1rem;
border-radius: 1rem;
text-align: center;
}
.form-panel {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(3px);
border-radius: 1.5rem;
padding: 2rem;
border: 1px solid rgba(249, 115, 22, 0.3);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
}
.form-panel h3 {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 0.5rem;
color: #1e293b;
}
.form-sub {
color: #475569;
margin-bottom: 1.8rem;
font-size: 0.9rem;
}
.form-group {
margin-bottom: 1.2rem;
}
label {
display: block;
font-weight: 600;
font-size: 0.85rem;
margin-bottom: 0.4rem;
color: #1f2937;
letter-spacing: 0.2px;
}
.required:after {
content: ” *”;
color: #f97316;
}
input, select, textarea {
width: 100%;
padding: 12px 14px;
border: 1px solid #e2e8f0;
border-radius: 12px;
font-size: 0.95rem;
font-family: inherit;
background-color: #ffffff;
transition: all 0.2s ease;
outline: none;
}
input:focus, select:focus, textarea:focus {
border-color: #f97316;
box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.2);
}
textarea {
resize: vertical;
min-height: 100px;
}
.btn-submit {
background-color: #f97316;
color: white;
border: none;
border-radius: 40px;
padding: 12px 24px;
font-weight: 700;
font-size: 1rem;
cursor: pointer;
width: 100%;
transition: all 0.25s;
margin-top: 0.8rem;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(249, 115, 22, 0.2);
}
.btn-submit:hover {
background-color: #ea580c;
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(249, 115, 22, 0.25);
}
.form-message {
margin-top: 1rem;
padding: 0.8rem;
border-radius: 1rem;
font-size: 0.85rem;
text-align: center;
display: none;
}
.form-message.success {
background: #e6f7ec;
color: #2e7d32;
border: 1px solid #a5d6a7;
display: block;
}
.form-message.error {
background: #ffe6e5;
color: #c62828;
border: 1px solid #ffcdd2;
display: block;
}
@media (max-width: 880px) {
.contact-grid {
grid-template-columns: 1fr;
gap: 1.8rem;
}
.info-panel, .form-panel {
padding: 1.5rem;
}
.info-panel h2 {
font-size: 1.5rem;
}
.form-panel h3 {
font-size: 1.4rem;
}
}
@media (max-width: 480px) {
.contact-wrapper {
padding: 1.2rem;
}
.contact-item {
gap: 0.8rem;
}
.contact-icon {
width: 38px;
height: 38px;
font-size: 1.2rem;
}
.btn-submit {
padding: 10px 16px;
}
}
.page-header {
text-align: left;
margin-bottom: 1.2rem;
}
.page-header h1 {
font-size: 2rem;
font-weight: 800;
color: #1e293b;
letter-spacing: -0.01em;
}
.page-header p {
color: #475569;
max-width: 600px;
}
.orange-accent {
color: #f97316;
}
(function() {
const form = document.getElementById(‘contactForm’);
const feedbackDiv = document.getElementById(‘formFeedback’);
function showMessage(msg, isError = false) {
feedbackDiv.textContent = msg;
feedbackDiv.className = ‘form-message ‘ + (isError ? ‘error’ : ‘success’);
setTimeout(() => {
if (feedbackDiv) {
feedbackDiv.style.display = ‘none’;
feedbackDiv.className = ‘form-message’;
feedbackDiv.textContent = ”;
}
}, 5000);
}
form.addEventListener(‘submit’, function(e) {
e.preventDefault();
const name = document.getElementById(‘fullName’).value.trim();
const email = document.getElementById(’emailAddress’).value.trim();
const phone = document.getElementById(‘phoneNumber’).value.trim();
const propertyLocation = document.getElementById(‘propertyLocation’).value.trim() || ‘Not provided’;
const message = document.getElementById(‘messageText’).value.trim();
if (!name || !email || !phone || !message) {
showMessage(‘❌ Please fill in all required fields (Name, Email, Phone, Message).’, true);
return;
}
const emailPattern = /^[^s@]+@([^s@.,]+.)+[^s@]{2,}$/;
if (!emailPattern.test(email)) {
showMessage(‘⚠️ Please enter a valid email address.’, true);
return;
}
const phoneDigits = phone.replace(/[^0-9+]/g, ”);
if (phoneDigits.length {
if (confirm(‘Message prepared. Do you want to reset the form fields?’) === true) {
form.reset();
}
}, 800);
setTimeout(() => {
const fullBody = bodyLines.join(‘n’);
if (navigator.clipboard && window.confirm(‘Could not open email? Click OK to copy enquiry details to clipboard. You can then paste and send to info@dreamlandpropertyinvesting.com’)) {
navigator.clipboard.writeText(`Subject: ${subject}nn${fullBody}`).then(() => {
alert(‘✅ Enquiry copied! Please send manually to info@dreamlandpropertyinvesting.com’);
}).catch(() => alert(‘Unable to copy. Please contact us directly via email.’));
}
}, 200);
});
})();
