simple-landing

srinath gudipati

## Objective Build a full investors/landlords landing page for monthstayzthailand.com in Webflow (site ID: 67621c36e202add540e25339) that converts property owners into partners by communicating passive income potential, professional management, and trust. ## Context - Site: monthstayzthailand.com — premium monthly vacation rental business in Phuket and Pattaya - Target partners: landlords, property investors, expats with idle condos/villas, HNW individuals seeking passive income - Brand already established on the site: - Primary accent: #E77125 (orange) - Backgrounds: white/cream - Headings font: Rusilla Serif - Body font: Montserrat - The page does NOT yet exist — build it from scratch as a new page in Webflow - Business model: Month Stayz handles bookings, digital contracts, guest vetting, and crypto payments on behalf of landlords ## Target State A fully styled, responsive Webflow page at /landlords (or /investors) containing these sections in order: 1. **Hero** — Bold headline ("Earn More From Your Property. Hands-Free."), subheadline, and a primary CTA button ("List Your Property") in #E77125 2. **Why Partner With Us** — 3–4 icon + stat cards (e.g., "Up to 30% higher yield vs long-term rentals", "Zero vacancy stress", "100% digital — contracts, payments, comms") 3. **How It Works** — 3-step horizontal flow (Submit property → We handle everything → You earn) 4. **What We Manage** — checklist or icon grid: bookings, guest vetting, digital contracts, crypto payments, maintenance coordination, 24/7 comms 5. **Locations We Operate** — Phuket + Pattaya callout with brief market context 6. **Testimonials / Social Proof** — 2–3 placeholder cards (landlord quotes), styled in cream background with orange accent border 7. **FAQ** — accordion, min 5 questions covering: yield, contract terms, payment schedule, property types accepted, who handles issues 8. **CTA Form Section** — "Partner With Us" form: Name, Phone/WhatsApp, Property Location, Property Type (dropdown), Message — orange submit button, no <form> HTML tags if built in React, standard Webflow form component otherwise 9. **Footer** — match existing site footer style ## Constraints - MUST use Rusilla Serif for all H1/H2/H3 headings - MUST use Montserrat for all body text, labels, nav - MUST use #E77125 for all primary buttons, accents, icon fills, and hover states - MUST use white (#FFFFFF) or cream (#FAF7F2) for section backgrounds — alternate between them - MUST be fully responsive (mobile + desktop) - Do NOT introduce new brand colors beyond the palette above - Do NOT add animations or interactions beyond simple hover states unless the site already uses them - Match the spacing, padding rhythm, and section structure of existing pages on the site - Only make changes directly requested. Do not add features or pages beyond this scope. ## Acceptance Criteria - [ ] Page exists and is accessible at /landlords or /investors in Webflow - [ ] All 9 sections are present and populated with placeholder/real copy - [ ] Fonts match: Rusilla Serif headings, Montserrat body - [ ] All CTA buttons use #E77125 background with white text - [ ] Page is responsive — no broken layouts on mobile - [ ] FAQ accordion is functional - [ ] Contact form section is present with all specified fields ## Stop Conditions Stop and ask before: - Creating any additional pages beyond this one - Modifying the site's global styles, fonts, or color variables - Touching the existing homepage or any other existing page - Adding any third-party embed or script not already on the site ## Progress After completing each section: ✅ [Section name] — [Webflow component/element used] Think carefully before starting. Map all 9 sections to Webflow components before building the first one.

Comments (0)

No comments yet. Be the first!

Page 1 of 4

Simple-Landing System Requirements Document

Introduction

This document outlines the system requirements for the "simple-landing" project, which aims to build a landing page for monthstayzthailand.com. The goal is to convert property owners into partners by highlighting passive income potential, professional management, and trust.

System Overview

The project involves creating a fully styled, responsive landing page in Webflow for monthstayzthailand.com, a premium monthly vacation rental business operating in Phuket and Pattaya. The page will target landlords, property investors, and expats with idle properties, encouraging them to partner with Month Stayz for property management and income generation.

Functional Requirements

As a landlord, I should be able to view a bold headline and primary CTA button on the Hero section to understand the benefits of listing my property.
As a potential partner, I should be able to see icon + stat cards in the "Why Partner With Us" section to understand the benefits of partnering.
As a property owner, I should be able to follow a 3-step process in the "How It Works" section to know how the partnership operates.
As a user, I should be able to view a checklist or icon grid in the "What We Manage" section to see the services provided.
As a visitor, I should be able to see a callout for Phuket and Pattaya in the "Locations We Operate" section to understand the market context.
As a prospective partner, I should be able to read testimonials in the "Testimonials / Social Proof" section to gain trust in the service.
As a user, I should be able to interact with an FAQ accordion to get answers to common questions.
As a landlord, I should be able to fill out a "Partner With Us" form to express interest in partnering.
As a visitor, I should be able to view a footer that matches the existing site style for consistency.

Page 2 of 4

User Personas

Landlord: Property owners looking to generate passive income through professional management.
Property Investor: Individuals or entities investing in properties for rental income.
Expat: Foreign nationals with idle condos or villas seeking income opportunities.
High Net Worth Individual (HNW): Wealthy individuals interested in passive income from property investments.

Core User Flows

Landlord visits the landing page -> Reads the Hero section -> Explores "Why Partner With Us" -> Understands "How It Works" -> Reviews "What We Manage" -> Checks "Locations We Operate" -> Reads "Testimonials" -> Interacts with "FAQ" -> Fills out the "Partner With Us" form -> Submits form.

Visuals Colors and Theme

primary: #E77125 (orange)
primary_light: #F5A76D
secondary: #2A2A2A (dark gray for headlines)
accent: #FF5733 (vibrant red-orange for CTAs)
highlight: #FFC300 (warm yellow for hover states)
bg: #FFFFFF (white)
surface: rgba(250, 247, 242, 0.8) (cream for panels)
text: #2A2A2A (dark gray for primary text)
text_muted: #7D7D7D (soft gray for secondary text)
border: rgba(233, 69, 96, 0.2) (subtle border color)

Page 3 of 4

Signature Design Concept

The landing page will feature an interactive "Property Journey" map. Users can scroll through a dynamic timeline that visually represents the steps from listing a property to earning income. Each step will animate into view with micro-interactions using framer-motion, providing a seamless narrative experience. The timeline will be enriched with icons and brief text, offering an engaging and informative journey for potential partners.

Interaction Model & Motion Direction

The landing page will utilize a "parallax" interaction model, creating a layered depth effect as users scroll. Decorative elements will move at different speeds, enhancing the storytelling aspect. Each section will feature a unique core mechanic, such as kinetic typography or scroll-triggered animations, to maintain user engagement and visual interest.

Non-Functional Requirements

The page must be fully responsive, ensuring compatibility across mobile and desktop devices.
The design must adhere to the existing brand guidelines, using specified fonts and colors.
The page must load quickly and efficiently, optimizing images and assets for performance.

Page 4 of 4

Tech Stack

Frontend: Webflow for page design and layout.
Backend: Not applicable as the page is static.
Database: Not applicable.
AI Models: Not applicable.
AI Tools: Not applicable.
Local Orchestration: Not applicable.
Server-Side Orchestration: Not applicable.

Assumptions and Constraints

The page will be built exclusively in Webflow, adhering to the site's existing style and structure.
No new brand colors or fonts will be introduced beyond those specified.
The page will not include animations or interactions beyond simple hover states unless already present on the site.

Glossary

CTA: Call to Action
HNW: High Net Worth
Responsive Design: A design approach that ensures a website looks good on all devices (desktops, tablets, and phones).
Webflow: A web design tool that allows users to design, build, and launch responsive websites visually.

This document serves as a comprehensive guide for the development of the simple-landing project for monthstayzthailand.com, ensuring alignment with the brand's objectives and technical constraints.