`README.md`

205 lines
# 2755 Carmar Drive - Laurel Canyon Luxury Rental

High-end luxury rental website for a historic property in Laurel Canyon, Los Angeles.

## Property Details

- **Address:** 2755 Carmar Drive, Los Angeles, CA 90046
- **Bedrooms:** 4
- **Bathrooms:** 3
- **Square Feet:** 2,818 sq ft
- **Built:** 1961
- **Neighborhood:** Laurel Canyon, Hollywood Hills

## Website Features

### Comprehensive Sections

1. **Property Overview** - Detailed information about the main residence
2. **Entertainment** - Nearby venues including Sunset Strip, Hollywood Bowl, dining
3. **Festivals & Events** - Year-round LA entertainment calendar
4. **The Area** - Interactive map and local recommendations
5. **History** - Rich musical heritage of Laurel Canyon (1960s-70s)
6. **Schools** - Education options in the LAUSD
7. **Contact** - Inquiry form and location details

### Historic Laurel Canyon Features

The website highlights the legendary musical history of Laurel Canyon, home to:
- Joni Mitchell
- The Doors (Jim Morrison)
- Frank Zappa
- The Mamas & the Papas
- The Eagles
- Carole King
- Neil Young
- Jackson Browne
- And many more music legends

## Technology Stack

- **Frontend:** HTML5, CSS3, JavaScript (Vanilla)
- **Backend:** Node.js HTTP Server
- **Styling:** Custom CSS with responsive design
- **Fonts:** Playfair Display + Inter (Google Fonts)
- **Icons:** Font Awesome 6.0
- **Maps:** Google Maps API integration

## Project Structure

```
laurel-canyon-rental/
├── index.html          # Main HTML file
├── css/
│   └── style.css       # Custom styles
├── js/
│   └── main.js         # JavaScript functionality
├── images/             # Image assets directory
├── server.js           # Node.js server
├── package.json        # Project configuration
└── README.md          # This file
```

## Getting Started

### Prerequisites

- Node.js (v12 or higher)

### Quick Start (Easiest Method)

Navigate to the project directory and use the management scripts:

```bash
cd laurel-canyon-rental

# Start the server
./start.sh

# Check server status
./status.sh

# Stop the server
./stop.sh
```

### Alternative Methods

**Option 1 - NPM:**
```bash
npm start
```

**Option 2 - Direct Node:**
```bash
node server.js
```

**Option 3 - Background with logs:**
```bash
nohup node server.js > server.log 2>&1 &
```

### Accessing the Website

- **Local:** http://localhost:5300/
- **Network:** http://0.0.0.0:5300/ (accessible from other devices on the network)
- **External:** http://45.61.58.125:5300/ (if firewall configured)

### Server Status

The server runs persistently in the background. To check if it's running:
```bash
./status.sh
```

To view live logs:
```bash
tail -f server.log
```

## Features

### Responsive Design
- Mobile-first approach
- Hamburger menu for mobile devices
- Optimized layouts for all screen sizes

### Interactive Elements
- Smooth scrolling navigation
- Animated scroll effects
- Interactive Google Maps integration
- Parallax hero section
- Counter animations for statistics

### SEO & Performance
- Semantic HTML5
- Meta descriptions
- Fast loading times
- Lazy loading for images
- Clean URL structure

## Customization

### Google Maps API
To enable the interactive map, replace `YOUR_GOOGLE_MAPS_API_KEY` in `index.html` with your actual Google Maps API key.

### Contact Form
The contact form uses Formspree. Update the form action URL with your Formspree endpoint:
```html
<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
```

### Images
Replace placeholder images with actual property photos by updating the `src` attributes in `index.html`.

## Content Highlights

### Entertainment & Nightlife
- Sunset Strip venues (The Roxy, Whisky a Go Go)
- Hollywood Bowl
- Local restaurants (Laurel Tavern, Pace, Canyon Country Store)
- West Hollywood nightlife
- Outdoor activities (Runyon Canyon)

### 2025 Events Calendar
- Rolling Loud California (March)
- TCM Classic Film Festival (April)
- Cruel World Festival (May)
- LA Pride (June)
- HARD Summer (August)
- Día de los Muertos (October)

### Schools
- Wonderland Avenue Elementary (Gifted & Talented)
- Laurel Elementary (CACT Magnet)
- Los Angeles Unified School District
- Private school options nearby

## Development

### Available Scripts

- `npm start` - Start the production server
- `npm run dev` - Start the development server

### Server Configuration

The server runs on port 5300 and serves static files from the project root. It includes:
- MIME type handling for all common file types
- 404 error pages
- Graceful shutdown handling
- Request logging

## License

ISC

## Author

Created for 2755 Carmar Drive property marketing.

---

**Note:** This is a template website. Replace placeholder content, images, and API keys with actual property information before deploying to production.