NEW BOTTOM SECTION ADDED - Implementation Guide
================================================

WHAT WAS ADDED:
A new section between the orange CTA and the Reviews section that displays:
1. bottom_subheadline (smaller, italicized text)
2. bottom_headline (large, bold text)
3. Upside-down wave transition

VISUAL LAYOUT:
=====================================
|  ORANGE SECTION                   |
|  "Licensed Electrical..."         |
|  "Safe, Professional Service..."  |
|  [Request A Quote Today]          |
=====================================
|                                   |
|  NEW CREAM/LIGHT SECTION:         |
|                                   |
|  Whether You Need Panel Upgrades  |  ← bottom_subheadline (italic, 18px)
|  Or Rewiring We're Here For You!  |
|                                   |
|  Safe And Reliable Electrical     |  ← bottom_headline (bold, 36px, primary color)
|  Service You Can Trust            |
|                                   |
|  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ |  ← Upside-down wave (color_background)
=====================================
|  REVIEWS SECTION                  |
|  "Electrical Service Customer..." |
=====================================

DATABASE FIELDS USED:
- bottom_subheadline: "Whether You Need Panel Upgrades Or Rewiring We're Here For You!"
- bottom_headline: "Safe And Reliable Electrical Service You Can Trust"

STYLING DETAILS:
================
Background: Uses $color_background (cream/light color from campaign)
bottom_subheadline:
  - Color: #4B4B5A (dark gray)
  - Font size: 18px
  - Text align: center
  - Font style: italic
  - Displays FIRST

bottom_headline:
  - Color: $color_primary (orange for electrical: #CA8A04)
  - Font size: 36px
  - Font weight: 700 (bold)
  - Text align: center
  - Displays SECOND (below subheadline)

Wave Transition:
  - SVG upside-down wave
  - Fills with $color_background
  - Creates smooth transition to white reviews section below
  - Viewbox: 0 0 1440 120
  - Full width responsive

SECTION PLACEMENT:
Inserted at line 3127 in preview.php
- After: Orange CTA section (ends line 3126)
- Before: Reviews section (starts line 3127 in old file)

FILE TO UPLOAD:
- preview.php (attached)

TESTING CHECKLIST:
☐ Upload new preview.php to /htdocs/HSLG/
☐ Test with electrical campaign (has data in both fields)
☐ Verify bottom_subheadline displays first in italic
☐ Verify bottom_headline displays second in large bold
☐ Check wave transition appears correctly
☐ Test responsive behavior on mobile
☐ Verify spacing and padding look good

RESPONSIVE BEHAVIOR:
- Section is fully responsive
- Font sizes may need mobile adjustments if text wraps awkwardly
- Wave SVG scales automatically with viewport width

CUSTOMIZATION OPTIONS:
If you want to adjust:
- Font sizes: Edit line with font-size: 18px or font-size: 36px
- Colors: Edit color values
- Spacing: Edit padding values (currently 40px top, 60px bottom)
- Wave height: Edit viewBox="0 0 1440 120" (change 120 to adjust height)

FOR OTHER CAMPAIGNS:
Make sure all campaign records in database have values for:
- bottom_subheadline
- bottom_headline
Otherwise this section will be blank for those campaigns.