Energy Efficiency — Step-by-Step Build Walkthrough

Filename	Dimensions	Size	Section	Alt Text
`energy-hero.webp`	1200x800	87KB	Savings Section (Section 4)	Energy efficient automatic pool cover — reduce pool heating costs and evaporation
`pool-covered-lifestyle.webp`	1200x800	161KB	Savings Section (Section 4)	Integra automatic pool cover closed over residential pool — reducing evaporation by up to 90%
`maintenance-savings.webp`	800x600	126KB	Savings Section (Section 4)	Lower pool maintenance costs with an Integra automatic pool cover

Layout Type	How to Apply	What It Does
Hero	Add ID `hero` to the container	Full-width hero with overlay, responsive height, centered content
Intro/Subheading	Add class `introheader`	Styled heading typography for section intros
Two-Column	Add class `two-column`	Split layout, image stacks above text on mobile
Mosaic	Add class `mosaic`	Text + 4-image grid, auto-cropped aspect ratios

RANK MATH SEO SETTINGS

Set these in the Rank Math panel on the page editor:

Focus Keyword: pool cover energy savings
Title Tag: Automatic Pool Cover Energy Savings: The Real Numbers — Integra
Meta Description: An Integra automatic pool cover reduces evaporation by 90%, cuts heating costs 50-70%, and lowers chemical use 35-60%. See the real savings numbers and total ownership math.
Schema Type: WebPage
Canonical URL: https://integrapoolcovers.com/why-integra/energy-efficiency/

SECTION-BY-SECTION BUILD INSTRUCTIONS

SECTION 1: HERO

What it looks like: Solid navy background with centered white text. No background image.

Add a new Container (Section)
Container Settings:
Background: #003366 (solid color)
Min height: 50vh (desktop), 40vh (mobile)
Padding: 100px top and bottom (desktop), 60px (mobile)
Content alignment: Center
Inside the container, add a Column — set to 10/12 width, centered
Add Text Block element:
Content: <h1>Automatic Pool Cover Energy Savings: The Real Numbers</h1>
Font color: #FFFFFF
Font size: 44px desktop / 30px mobile
Font weight: 700
Text align: Center
Margin bottom: 20px
Animation: Fade In from Bottom, 0.3s delay
Add Text Block element:
Content: <p>Evaporation is the single largest source of pool energy loss. An Integra cover eliminates it — and the savings cascade from there.</p>
Font color: rgba(255,255,255,0.9)
Font size: 20px desktop / 16px mobile
Text align: Center
Max width: 800px, centered
Animation: Fade In from Bottom, 0.5s delay

SECTION 2: INTRO COPY

What it looks like: White background, centered text.

Add Container
Background: #FFFFFF
Padding: 80px top and bottom
Column: 8/12 width, centered
Text Block:
<h2>Why Pool Covers Save More Than You Think</h2>
Color: #003366
Font size: 32px
Text align: Center
Margin bottom: 20px
Text Block:
Copy: Most pool owners underestimate how much energy, water, and chemicals their uncovered pool loses every day. The U.S. Department of Energy reports that evaporation accounts for 70% of total pool energy loss. An automatic pool cover is the single most effective way to reduce that loss — and the savings extend well beyond your heating bill.
Color: #2D2D2D
Font size: 18px
Text align: Center
Line height: 1.7
Max width: 750px, centered

SECTION 3: FOUR-COLUMN STATS BAR

What it looks like: Navy bar with 4 large stat numbers and labels.

Add Container
Background: #003366
Padding: 50px top and bottom
4-column row (equal widths)
Each column uses inline HTML in a Text Block:

Column 1:
```html

90%
Evaporation Reduction

```

Column 2:
```html

50–70%
Heating Cost Savings

```

Column 3:
```html

35–60%
Chemical Reduction

```

Column 4:
```html

$1,000+
Annual Savings Potential

```

Mobile: Stack to 2x2 grid or single column with 30px spacing.

SECTION 4: THREE SAVINGS EXPLANATION SECTIONS

What it looks like: Three alternating image/text sections explaining each savings category.

4A: EVAPORATION REDUCTION

Layout: Image LEFT, Text RIGHT
Background: #FFFFFF

Add Container
Background: #FFFFFF
Padding: 80px top and bottom
2-column row — 50/50
Left column:
Image → pool-covered-lifestyle.webp
Alt: Integra automatic pool cover closed over residential pool — reducing evaporation by up to 90%
Border radius: 8px
Animation: Fade In from Left, 0.3s
Right column:
Text Block:
- <h3>Evaporation: The Biggest Energy Thief</h3>
- Color: #003366, font size 26px, margin bottom 16px
Text Block:
- Copy: An uncovered pool can lose up to an inch of water per week to evaporation — and with it, the heat energy you paid to put into that water. The U.S. Department of Energy estimates that a pool cover reduces evaporation by up to 95%. Even conservatively, an Integra cover eliminates 90% of evaporative loss. That means dramatically less water refilling, less re-heating, and less chemical replacement.
- Color: #2D2D2D, font size 16px, line height 1.7

4B: HEATING COST SAVINGS

Layout: Text LEFT, Image RIGHT
Background: #F5F5F5

Add Container
Background: #F5F5F5
Padding: 80px top and bottom
2-column row — 50/50
Left column:
Text Block:
- <h3>Heating: 50–70% Cost Reduction</h3>
- Color: #003366, font size 26px, margin bottom 16px
Text Block:
- Copy: Because evaporation is the primary source of heat loss, eliminating it has an outsized effect on your energy bill. Pool owners who heat their pools — whether with gas, electric, or heat pump — typically see a 50–70% reduction in heating costs after installing an Integra cover. In colder climates or with extended season use, the savings are even more pronounced. A heated pool without a cover is essentially heating the atmosphere.
- Color: #2D2D2D, font size 16px, line height 1.7
Right column:
Image → energy-hero.webp
Alt: Energy efficient automatic pool cover — reduce pool heating costs and evaporation
Border radius: 8px
Animation: Fade In from Right, 0.3s

4C: CHEMICAL & MAINTENANCE SAVINGS

Layout: Image LEFT, Text RIGHT
Background: #FFFFFF

Add Container
Background: #FFFFFF
Padding: 80px top and bottom
2-column row — 50/50
Left column:
Image → maintenance-savings.webp
Alt: Lower pool maintenance costs with an Integra automatic pool cover
Border radius: 8px
Animation: Fade In from Left, 0.3s
Right column:
Text Block:
- <h3>Chemicals & Maintenance: Less of Everything</h3>
- Color: #003366, font size 26px, margin bottom 16px
Text Block:
- Copy: When water evaporates, chlorine and other treatment chemicals go with it. An Integra cover keeps those chemicals in the pool where they belong — reducing chemical consumption by 35–60%. You'll also spend less time skimming, vacuuming, and rebalancing chemistry because debris, pollen, and rainwater don't reach the water when the cover is closed. Most pool owners report spending half the time on maintenance after installing an Integra cover.
- Color: #2D2D2D, font size 16px, line height 1.7

SECTION 5: TOTAL OWNERSHIP MATH

What it looks like: Light gray background with centered headline and a styled breakdown table.

Add Container
Background: #F5F5F5
Padding: 80px top and bottom
Column: 8/12 width, centered
Text Block:
<h2>Total Cost of Ownership: The 10-Year View</h2>
Color: #003366
Font size: 32px
Text align: Center
Margin bottom: 30px

Text Block (styled table):
```html

Savings Category	Annual Estimate	10-Year Total
Heating cost reduction (50–70%)	$500–$1,200	$5,000–$12,000
Water savings (reduced refilling)	$100–$300	$1,000–$3,000
Chemical reduction (35–60%)	$200–$500	$2,000–$5,000
Maintenance time value	$200–$400	$2,000–$4,000
Total Estimated Savings	$1,000–$2,400/yr	$10,000–$24,000

```

Text Block:
Copy: *Estimates based on industry data and U.S. Department of Energy publications. Actual savings vary based on pool size, climate, heating method, and usage patterns.*
Color: #9EA2A2
Font size: 13px
Font style: Italic
Text align: Center
Margin top: 20px

SECTION 6: FACTORS AFFECTING SAVINGS

What it looks like: White background, centered headline with 4 icon cards.

Add Container
Background: #FFFFFF
Padding: 80px top and bottom
Headline: <h2>What Affects Your Savings</h2> — color #003366, centered, margin bottom 40px
4-column row (equal widths)
Each column:

Column 1 — Climate:
- Icon: fa-thermometer-half — color #003366, size 36px, centered, margin bottom 16px
- Text Block: <h4>Climate & Region</h4> — color #003366, centered
- Copy: Warmer climates with longer pool seasons see higher absolute savings. Colder climates see higher percentage savings on heating.
- Font size 14px, color #2D2D2D, centered

Column 2 — Pool Size:
- Icon: fa-water — color #003366
- Text Block: <h4>Pool Size</h4>
- Copy: Larger pools lose more water and heat to evaporation. A cover on a 20x40 pool saves significantly more than on a 12x24.

Column 3 — Heating Method:
- Icon: fa-fire — color #003366
- Text Block: <h4>Heating Method</h4>
- Copy: Gas heaters cost more per BTU than heat pumps. Pool owners with gas heating see the highest dollar savings from a cover.

Column 4 — Usage Pattern:
- Icon: fa-clock — color #003366
- Text Block: <h4>Usage Pattern</h4>
- Copy: The more hours the cover is closed, the more you save. Most pools are covered 80-90% of the time — savings accrue 24/7.

Mobile: Stack to 2x2 or 1 column.

SECTION 7: CLOSING CTA

What it looks like: Navy background, centered white text, two buttons.

Add Container
Background: #003366
Padding: 80px top and bottom
Column: 8/12 width, centered
Text Block:
<h2>Ready to Start Saving?</h2>
Color: #FFFFFF
Font size: 36px desktop / 28px mobile
Text align: Center
Text Block:
Copy: Your local Integra dealer can estimate the energy savings for your specific pool — size, climate, heating method, and all.
Color: rgba(255,255,255,0.85)
Font size: 18px
Text align: Center
Margin bottom: 30px
Button:
Text: Find a Dealer
Link: /for-dealers/find-a-dealer/
Background: #FFFFFF
Text color: #003366
Size: Large
Border radius: 4px
Margin right: 16px
Button:
Text: Contact Us
Link: /contact/
Background: Transparent
Border: 2px solid #FFFFFF
Text color: #FFFFFF
Size: Large
Border radius: 4px

IMAGE UPLOAD CHECKLIST

File to Upload	Alt Text to Enter
`energy-hero.webp`	Energy efficient automatic pool cover — reduce pool heating costs and evaporation
`pool-covered-lifestyle.webp`	Integra automatic pool cover closed over residential pool — reducing evaporation by up to 90%
`maintenance-savings.webp`	Lower pool maintenance costs with an Integra automatic pool cover

STITCH DESIGN NOTES (from stitch-live/energy-efficiency-page.html)

Ideas from the Stitch HTML worth considering during build:

Investment range callout: Stitch includes an "Investment: $10,000–$18,000 typical installation range" card alongside the "Annual Savings: $800–$2,000" card. This sets ROI expectations — could add to Section 5 as context above the table.
Payback period visualization: Stitch includes a placeholder for a break-even analysis chart over 10 years. If we have data to create this, it would strengthen the page. Otherwise skip.
5th savings factor — Sun/Wind Exposure: Stitch adds a 5th factor card beyond our 4. Consider adding if layout allows (5-column might be tight on mobile — could do 3+2 row or keep at 4).
Extended swim season value: Stitch mentions "owners benefit from an extended swim season, effectively increasing the 'utility value' of the pool by up to 30%." Good point — could add as a line in the Total Ownership section disclaimer.
3-column savings blocks: Stitch presents the three savings categories as large stat blocks (90%, 50-70%, 35-60%) with descriptions below, vs. our alternating 2-col layout. Our approach gives more room for the explanatory copy — keep ours.
Hero copy variant: Stitch hero subhead mentions "30-50%" evaporation reduction — this conflicts with the DOE data and our 90% figure. Stitch number appears to be incorrect. Our copy is more accurate.

NOTES FOR DEV

All images are WebP format and web-optimized — upload as-is
Hero section uses solid #003366 background — no image needed
The savings table in Section 5 uses inline HTML — ensure the Avada text block allows table elements
The stats bar numbers in Section 3 should be large and impactful — consider using Avada's Counter element as an alternative to inline HTML for animated count-up effect
Total page image payload: ~374KB (lightest of the four pages)
This is a sub-page of /why-integra/ — breadcrumbs should show: Home > Why Integra > Energy Efficiency