# Smartworld ELIE SAAB Residences Noida - Technical Documentation & Brand Guidelines

This document serves as the canonical technical and brand reference for the Smartworld ELIE SAAB Residences Noida landing page (`https://brandedresidencesnoida.com/elie-saab-residences-noida/`). It outlines the core architecture, styling variables, conversion logic, and structural constraints required to maintain, update, or extend this web asset.

## 1. Project Overview & Brand Identity

* **Project Name:** Smartworld ELIE SAAB Residences
* **SEO Title:** Smartworld ELIE SAAB Residences Noida Sector 98 | Ultra Luxury Branded Residences
* **Asset Category:** Fashion-Branded Ultra-Luxury Residences (Couture Living)
* **Location:** Sector 98, Noida-Greater Noida Expressway ("The Billionaire's Belt"), UP, India (Geo: 28.5365, 77.3755)
* **Master Developer:** Smartworld Developers
* **Fashion/Brand Partner:** ELIE SAAB Maison
* **Advisory Partner:** 10x Infra (Founder: Tarun Dua)
* **Configuration:** 4 Bedroom Couture Residences, 5 Bedroom Sky Villas, 1 & 2 BHK Executive Suites
* **Key Features:** 1-to-a-core bespoke layouts, private lift access, couture-inspired interiors, skyline amenities
* **Starting Price:** ₹14 Cr Onwards (Founder Phase)
* **RERA Registration:** UPRERAPRJ300532/12/2025 (Project) | UPRERA7615 (Agent)

### 1.1 Aesthetic Philosophy
The visual identity is anchored in "Couture Living." It merges haute couture aesthetics with ultra-private real estate, utilizing a dark-mode editorial theme to emphasize elegance and exclusivity.

### 1.2 Core Color Palette (CSS Variables)
* `--gold`: `#D4C3A3` (Soft Couture Gold)
* `--bg-dark`: `#141417` (Warm Obsidian Base)
* `--bg-light`: `#1E1E24` (Elevated Surface)
* `--text-main`: `#F9F9F9` (Primary Typography, Off-White)
* `--text-muted`: `#A1A1A8` (Secondary/Paragraph Typography)

## 2. Technical Architecture & Search Optimization

The landing page is a high-performance single-page application (SPA) built with semantic HTML, custom CSS, and vanilla JavaScript, supported by Bootstrap 5.

### 2.1 SEO & Schema.org JSON-LD
* **Metadata:** Comprehensive Open Graph (`og:`) and Twitter card tags targeting "India's First Couture Residences." 
* **Structured Data Graph:**
    * `WebSite` & `WebPage` (with SearchAction integration).
    * `ApartmentComplex` (Core entity, defining ELIE SAAB Maison as the `brand` and listing `amenityFeature` items like "Private Wellness Gardens" and "Skyline Fitness Promenade").
    * `Residence` (x2) (Defining "1 BHK Executive Suite" and "2 BHK Premium Suite" configurations).
    * `RealEstateListing` (Connecting the ₹14 Cr `Offer` with `PreOrder` availability).
    * `Organization` / `RealEstateAgent` (10x Infra advisory details).
    * `SpeakableSpecification` (Targets `.main-heading` and `.depth-text` for Voice Search).
    * `FAQPage` (8 project-specific FAQs regarding location, RERA, and investment profile).
* **Pre-rendering:** Implements the Speculation Rules API with `moderate` eagerness to pre-fetch links.

## 3. Conversion Engineering (MarTech)

The lead generation system utilizes a multi-step modal and an inline contact section, routing to WhatsApp, Google Ads, and HubSpot.

### 3.1 Modal Trigger Logic (`#leadModal`)
* **Time Delay:** 10,000ms (10 seconds).
* **Exit Intent:** Triggers when cursor leaves top of viewport (`e.clientY < 0`).
* **Session Guard:** `sessionStorage.getItem('formSubmitted')` prevents repeated modal intrusions for converted leads.

### 3.2 HubSpot API Integration
* **Function:** `sendToHubSpot(name, email, phone, leadSource, investorProfile)`
* **Payload Construction:** Maps HTML form values to: `firstname`, `email`, `mobilephone`, `investor_profile`.
* **Context:** Sends `pageUri` and `pageName` with `leadSource` (e.g., "Main Section Form" or "Exit-Intent Pop-up").

### 3.3 Google Ads Tracking
* **Global Site Tag:** `AW-16606493838` / `G-BPL5J65NE2`.
* **Conversion Event:** Triggers `send_to: 'AW-16606493838/vB6ACMfxlrkbEI75y-49'` upon submission.

## 4. UI Component Specifications

* **Luxury Form:** Transparent background inputs (`rgba(255,255,255,0.03)`) with gold focus states. 
* **Fancybox 5:** Used for the editorial gallery (`Editorial Gallery` masonry layout).
* **Floating Actions:** Persistent WhatsApp and Phone buttons for high-intent advisory engagement.

## 5. Regulatory & Compliance Framework
* **Advisory Status:** 10x Infra acts strictly as an Authorized Channel Partner for Smartworld Developers.
* **Legal Disclosure:** Footer contains explicit RERA numbers for both the project and the agent, along with disclaimers that this is not the official developer website.

## 6. Sub-Entity Endpoints
* **Root Directory:** `https://brandedresidencesnoida.com/llms.txt`