The street in the Community & Common Areas "vineyard rows" image had visible
crack-seal lines, sealant patches, and uneven tone. Masked the asphalt by tone
within a road-shaped region and applied median + smoothing + slight
darken/desaturate so it reads as fresh blacktop; curbs, vineyard, and homes
untouched.
Reviewed the other community and estate photos: the estate driveways are clean
concrete/asphalt, and community-aerial's road is a small/distant element where
an automated mask wasn't reliable, so those were left as-is.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Homeowner Information: download the six HOA PDFs from pinecreekhoa.com into
/docs and repoint the document cards to the local files (self-contained;
no cross-site dependency).
- Hero tagline: "A premier gated community of custom luxury homes" ->
"Cabarrus County's premier gated community of custom estates".
- Welcome photo: digitally clean the stained concrete driveway and paver
apron in IMG_1964 (hue-masked desaturate/lighten/even-out via ffmpeg;
grass, brick, and sky untouched).
- Contact: "Email the HOA" button now uses president@pinecreekhoa.com.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Performance / self-hosting
- Remove the render-blocking Bootstrap 4 CDN stylesheet (~160 KB + extra
DNS/TLS to a third party) and replace it with ~60 lines of self-hosted
grid/utility CSS covering the small subset actually used (container, row,
col-lg-5/6/7, order-lg, align-items-center, text-center, table-responsive,
spacing, and the button base). Verified across desktop/tablet/mobile.
- Add a Cloudflare Pages `_headers` file: 30-day cache for static media and
icons, 1-day for css/js, plus baseline security headers
(X-Content-Type-Options, Referrer-Policy).
- Add decoding="async" to all lazily-loaded images.
The site now loads no third-party CSS; only Google Fonts remain external.
SCSS source kept in sync (new components/_grid partial; button base + reset
mirrored in main.scss).
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Content & media
- Replace placeholder slides with optimized real estate photos (img/gallery)
- Rebuild hero video from the HD intro clip + drone "common area" clips
(gate -> vineyard -> home front -> Vineyard sign -> pavilion -> fountain),
cutting the private backyard segment; add mobile variant + poster
- Add "Community & Common Areas" aerial gallery and a community map
- Galleries split strictly by style: Vineyard = Tuscan homes only,
Custom Homes = non-Tuscan estates
HOA / Homeowner Information
- Real board roster (sourced from pinecreekhoa.com) in a responsive table
- Homeowner Information document library (CC&Rs, Vineyard covenants, safety
rules, architectural review form, delinquency policy, event reimbursement)
linking the live PDFs; Premier Management Company reference
- Real general contact email
Design & UX
- Modern full-screen video hero with overlay, sticky nav, refined typography
- Click-to-zoom lightbox for all galleries (keyboard + swipe)
- Google Maps embed in the Kannapolis section
- Favicon set generated from the Pine Creek emblem (svg/png/ico)
- Positive reframe of the Custom Homes copy + lot-availability note
- SEO/Open Graph meta, lazy-loaded images, responsive board/doc layouts
Housekeeping
- SCSS source kept in sync (new partials: hero, sections, gallery, board,
features); remove stale placeholders, old.index.php, and map artifact
- Add .gitignore (.DS_Store, .claude/, css map); fix docs (index.php -> index.html)
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
