# ROOTK — Frontend Final Candidate v5

This package completes the first three frontend stages before backend development.

## Stage 1 — Final visual system
- Unified typography: Space Grotesk for display headings and Manrope for UI/body.
- Consistent iconography using inline local SVG icons.
- Final spacing, radii, buttons, cards, form controls, light/dark theme, and responsive navigation.
- Accessible focus states and reduced-motion support.

## Stage 2 — Final imagery and page composition
- Eight local, optimized WEBP property visuals included in the package.
- Final hero composition with mouse-reactive depth, floating details, and an always-visible visual.
- Added About and Property Details pages.
- Completed featured properties, services, visual story, process, testimonials, filters, communities, calculator, contact, and authentication screens.

## Stage 3 — Final motion and interaction
- Cinematic first-load intro.
- 3D page transitions.
- Scroll reveal, card tilt, mouse parallax, magnetic buttons, and cursor glow.
- Favorites, property filters, responsive mobile menu, theme persistence, calculator, and demo form feedback.

## Pages
- index.html
- about.html
- services.html
- launches.html
- property.html
- communities.html
- calculator.html
- contact.html
- login.html
- register.html

## Run
Open `index.html` directly or run:

```bash
python -m http.server 8080
```

Then open `http://localhost:8080`.

## Backend handoff
The next phase can connect this frontend to Laravel:
- Authentication and accounts
- CRM leads
- Property/project inventory
- Saved shortlists
- CMS content
- Calculator/project payment plans
- Contact and consultation workflows


## v6 image compatibility update
- All placeholder property images are now included locally as JPG files.
- The site uses JPG references for maximum browser compatibility.
- Original WEBP copies are still included as backup.
- Replace any file inside `assets/media/` later with the real project photos, keeping the same filename to avoid changing the code.


## v7 update
- Replaced the illustrated property placeholders with photographic placeholders derived from the original ROOTK site screenshot.
- Added the provided ROOTK company logo to the navbar, loader, and home link branding.
- Enhanced the logo with a subtle 3D-style hover/shadow treatment in the frontend.
- You can later replace:
  - `assets/media/property-01.jpg` ... `property-08.jpg`
  - `assets/media/rootk-logo.png`
  with your final real assets without changing the layout code.
