Responsive Real Estate Post Generator

I’m building a small web app for GramSthali Realty that lets our team craft polished property ads in seconds and I’d like you to code the entire front end for it. As the user fills in the property title, type, price, location, highlights, phone and WhatsApp numbers, the page must instantly render a live preview that mirrors what will be published on social media.

The look needs to feel modern and minimalistic while using earth-tone accents so it matches our brand aesthetic. A company logo the user uploads should appear on the preview, alongside the fixed credit line “Built by Pavani for GramSthali.” Highlights have to be dynamically added or removed with plus / minus buttons, and both Call and WhatsApp icons should stay anchored in the design. When everything is ready, a single “Download Post” button should capture the preview area as a high-resolution image via html2canvas.

Underlying tech must be pure HTML5, CSS3 and vanilla JavaScript with clean DOM manipulation; no external frameworks. The interface has to remain completely responsive and touch friendly. Because we market to a bilingual audience, the text labels and any helper copy should toggle between English and one additional language through a simple language selector.

Deliverables
• Fully commented source code (HTML, CSS, JS)
• One responsive page that passes Google Lighthouse mobile checks
• html2canvas implementation exporting a 1080×1080 px image or larger
• Instructions to add new translation strings and deploy on any basic hosting

I’ll verify the work by loading the page on desktop and mobile, switching languages, creating a sample listing, and confirming the downloaded image matches the live preview pixel-for-pixel. If everything lines up, we’re done.