RANK MATH SEO SETTINGS
Set these in the Rank Math panel on the page editor:
- Focus Keyword: automatic pool cover
- Title Tag:
Automatic Pool Safety Covers | Built to ASTM F1346 — Integra Pool Covers
- Meta Description:
Integra automatic pool covers are ASTM F1346 certified, built with all-stainless steel mechanisms, and backed by a 20-year warranty. Find your local dealer today.
- Schema Type: Organization
- Name: Integra Pool Covers
- URL: https://integrapoolcovers.com
- Logo: [upload Integra logo]
- Address: Knoxville, Tennessee, USA
- Same As: [add all social profile URLs]
- Canonical URL: https://integrapoolcovers.com/
SECTION-BY-SECTION BUILD INSTRUCTIONS
SECTION 1: HERO
CSS: #hero (ID assigned by Will)
What it looks like: Full-screen background image with centered white text and two buttons.
Avada Builder steps:
- Add a new Container (Section)
- Container Settings:
- Background > Image > Upload
hero-pool-cover-aerial.webp
- Background position: Center Center
- Background size: Cover
- Background overlay:
#181C1D at 70% opacity (per Stitch — darker than original)
- Min height:
800px (desktop), 70vh (mobile)
- Padding:
100px top and bottom (desktop), 60px (mobile)
-
Content alignment: Center
-
Inside the container, add a Column > set to 10/12 width, centered (1/12 offset each side)
-
Add Text Block element:
- Content:
<h1>Automatic Pool Safety Covers Built to the Highest Standard</h1>
- Design tab > Font color:
#FFFFFF
- Font family: Urbanist (mapped from Stitch's Plus Jakarta Sans)
- Font size:
52px desktop / 34px mobile
- Font weight:
700
- Text align: Center
- Line height: tight (1.1)
- Margin bottom:
24px
-
Animation: Fade In from Bottom, 0.3s delay
-
Add Text Block element:
- Content:
<p>ASTM F1346 certified. All-stainless steel mechanisms. 20-year warranty. The automatic pool cover that pool professionals trust and homeowners ask for by name.</p>
- Font color:
rgba(255,255,255,0.9)
- Font family: Sophia Pro
- Font size:
20px desktop / 16px mobile
- Text align: Center
- Max width:
640px, centered
- Margin bottom:
40px
-
Animation: Fade In from Bottom, 0.5s delay
-
Add Button element:
- Text:
Find a Dealer Near You
- Link:
/for-dealers/find-a-dealer/
- Background:
#0057B7
- Text color:
#FFFFFF
- Size: Large
- Border radius:
12px (Stitch uses rounded-xl)
- Padding:
16px 32px
- Font weight: 600
- Margin right:
16px
-
Animation: Fade In, 0.7s delay
-
Add Button element (inline with first):
- Text:
See How It Works
- Link:
/why-integra/how-it-works/
- Background: Transparent
- Border:
2px solid #FFFFFF
- Text color:
#FFFFFF
- Size: Large
- Border radius:
12px
NOTE: The alt hero options (hero-bear-on-cover-alt.webp or hero-aerial-stone-patio-alt.webp) can be swapped in here if preferred. The bear shot is iconic and demonstrates safety — strong argument for using it. The stone patio aerial is the most visually striking. Your call.
SECTION 2: WHAT AN INTEGRA COVER DOES (INTRO + FEATURE CARDS)
STITCH CHANGE: The original build guide had a separate Trust Bar (Section 2), Intro Headline (Section 3), and Feature Cards (Section 4). The Stitch merges the intro and cards into one section and drops the Trust Bar entirely. The trust points (ASTM, stainless steel, warranty, Made in USA) are covered by the feature cards and the "What Sets Integra Apart" section instead.
CSS: introheader class on the heading area
What it looks like: Left-aligned heading + subhead, then 4 feature cards in a grid below.
Image: None (icon-based cards)
- Add Container
- Background:
#FFFFFF
-
Padding: 96px top and bottom (Stitch uses py-24)
-
Heading area — full-width column, max-width 768px (not centered — left-aligned per Stitch):
a. Text Block:
- <h2>One Cover. Four Things It Does Every Day.</h2>
- Color: #25282A (on-surface, near-black — Stitch departure from navy)
- Font family: Urbanist
- Font size: 36px
- Text align: Left
- Margin bottom: 16px
b. Text Block:
- Every Integra automatic pool cover activates with a single switch and immediately begins doing four jobs at once.
- Color: #5C5F61 (secondary gray)
- Font family: Sophia Pro
- Font size: 18px
- Text align: Left
- Margin bottom: 64px
-
4-column grid (equal widths, 32px gap)
-
Each column gets:
a. Container styling:
- Background: #F1F4F4 (surface-container-low)
- Border radius: 12px
- Padding: 32px
- Hover: background shifts to #E5E9E9
b. Icon element:
- Col 1: shield (Material Symbols) or fa-shield-alt
- Col 2: thermostat (Material Symbols) or fa-sun
- Col 3: eco (Material Symbols) or fa-tint
- Col 4: cleaning_services (Material Symbols) or fa-check-circle
- Icon color: #00408B (primary)
- Icon size: 36px
- Margin bottom: 24px
c. Text Block:
Col 1: <h3>A Barrier Your Family Can Count On</h3>
Col 2: <h3>Swim in March. Swim in October.</h3>
Col 3: <h3>Fewer Chemicals. Less Evaporation.</h3>
Col 4: <h3>Ready to Swim, Every Time You Open It</h3>
- H3 font: Urbanist, bold, 20px
- Color: #25282A
- Text align: Left (Stitch is left-aligned, not centered)
- Margin bottom: 12px
d. Text Block with paragraph copy:
```
Col 1: ASTM F1346 certified, supports 485+ lbs, locks at both end tracks for maximum child safety.
Col 2: Reduces heat loss 50-70%, allowing you to extend your pool season by weeks earlier and later.
Col 3: 90% evaporation reduction and 35-60% chemical savings, keeping maintenance costs low.
Col 4: Keep leaves and debris out of your pool. No skimming needed before your morning swim.
```
- Font size: `15px`
- Color: `#5C5F61`
- Text align: Left
- Line height: relaxed (1.625)
NOTE: The Stitch condensed the feature card body copy significantly vs. the original build guide. The original had full paragraphs (3-4 sentences each). The Stitch versions are 1-2 sentences. The condensed versions are better for scanability — use them.
Mobile: Stack to 1 column, then 2-column grid at tablet.
SECTION 3: WHAT SETS INTEGRA APART
STITCH CHANGE: The original build guide had this as a dark navy 2-column section with mechanism image. The Stitch redesigns it as a 3-column layout on light gray with accent bars — no image. The mechanism image can still be used here if Will wants to add it, but the Stitch doesn't include it.
CSS: two-column class (though it's actually 3-column in the Stitch)
What it looks like: Left-aligned heading + subhead, then 3 columns with accent bars, headlines, and body text.
- Add Container
- Background:
#F1F4F4 (light gray, surface-container-low)
-
Padding: 96px top and bottom
-
Heading area — full-width, left-aligned:
a. Text Block:
- <h2>What Sets Integra Apart</h2>
- Color: #25282A
- Font family: Urbanist
- Font size: 36px
- Margin bottom: 16px
b. Text Block:
- Not every automatic pool cover is built the same. The mechanism is what lasts — or doesn't.
- Color: #5C5F61
- Font size: 18px
- Max width: 640px
- Margin bottom: 64px
-
3-column row (equal widths, 48px gap)
-
Each column:
a. Separator/Divider element:
- Height: 4px (Stitch: h-1)
- Width: 48px (Stitch: w-12)
- Color: #00408B (primary)
- Margin bottom: 16px
b. Text Block:
Col 1: <h3>All Stainless Steel Mechanisms</h3>
Col 2: <h3>ASTM F1346 Certified</h3>
Col 3: <h3>Aegis™ Premium Fabrics</h3>
- Font: Urbanist, bold, 24px
- Color: #25282A
- Margin bottom: 16px
c. Text Block:
```
Col 1: Our 20-year warranty is backed by structural integrity. Unlike aluminum competitors, our stainless steel resists corrosion in harsh pool environments.
Col 2: Rigorous testing ensures we meet the gold standard for safety. Supports 485+ lbs with no gaps and integrated safe drainage systems.
Col 3: 7-Year Warranty on heat-sealed webbing. Available in 7 designer colors, our fabrics are engineered for UV and chemical resistance.
```
- Font size: `16px`
- Color: `#5C5F61`
- Line height: relaxed
OPTIONAL: Add mechanism-closeup.webp as a fourth element spanning below the 3 columns, or as a background accent. The Stitch doesn't use it here, but it's available.
SECTION 4: INTEGRA IN ACTION (VIDEO)
NEW SECTION — not in the original build guide. The Stitch adds a video embed section using the brand tagline "Cover and Uncover the Possibilities."
What it looks like: Centered heading, 16:9 video embed with play button overlay, supporting text below.
- Add Container
- Background:
#FFFFFF
-
Padding: 96px top and bottom
-
Heading row — centered:
<h2>Cover and Uncover the Possibilities.</h2>- Color:
#25282A
- Font family: Urbanist
- Font size:
36px
- Text align: Center
-
Margin bottom: 64px
-
Video embed area:
- Use Avada Video element or embed container
- Aspect ratio: 16:9
- Border radius:
16px (Stitch: rounded-2xl)
- Box shadow: xl
- Margin bottom:
32px
- Content dependency: Need actual video URL from Integra (43-second product demo)
-
Placeholder: gray box with play button if video not ready
-
Text area below video — centered, max-width 768px:
a. Text Block (overline label):
- Product Demonstration
- Color: #00408B (primary)
- Font size: 12px
- Text transform: uppercase
- Letter spacing: widest
- Margin bottom: 16px
b. Text Block:
- Watch an Integra cover operate. From full open to fully covered takes under 60 seconds.
- Font family: Urbanist
- Font size: 20px
- Color: #25282A
- Text align: Center
- Margin bottom: 24px
c. Text Block:
- Experience the ultimate convenience of automation. Manual covers are cumbersome and often left off. With Integra, safety is just a switch away, ensuring your pool is protected every time you step inside.
- Font family: Sophia Pro
- Color: #5C5F61
- Font size: 16px
- Text align: Center
- Line height: relaxed
SECTION 5: DUAL AUDIENCE SPLIT
NEW SECTION — replaces the old Dealer CTA Band. The Stitch splits the CTA into two audience paths: homeowners and pool builders.
What it looks like: Blue background, heading, then two equal panels side by side with icons, copy, and buttons.
- Add Container
- Background:
#0057B7 (primary-container)
-
Padding: 96px top and bottom
-
Heading — centered:
<h2>Whether You're Building or Shopping</h2>- Color:
#FFFFFF
- Font family: Urbanist
- Font size:
36px
- Text align: Center
-
Margin bottom: 64px
-
2-column row — equal widths, separated by a thin white line (1px gap with rgba(255,255,255,0.1))
- Both panels: Background
#0057B7, rounded-2xl container, padding 64px
-
Text align: Center in both
-
Left panel — For Homeowners:
a. Icon: home (Material Symbols), size 48px, white, margin bottom 24px
b. Text Block:
- <h3>For Homeowners</h3>
- Color: #FFFFFF
- Font family: Urbanist
- Font size: 30px
- Margin bottom: 24px
c. Text Block:
- Looking to upgrade your existing pool or finishing a new build? Our authorized dealers provide professional installation and maintenance.
- Color: rgba(255,255,255,0.8)
- Font size: 18px
- Line height: relaxed
- Margin bottom: 40px
d. Button:
- Text: Find an Integra Dealer
- Link: /for-dealers/find-a-dealer/
- Background: #FFFFFF
- Text color: #0057B7
- Font weight: bold
- Padding: 16px 40px
- Border radius: 12px
- Right panel — For Pool Builders:
a. Icon: handyman (Material Symbols), size 48px, white, margin bottom 24px
b. Text Block:
- <h3>For Pool Builders</h3>
- Color: #FFFFFF
- Font size: 30px
- Margin bottom: 24px
c. Text Block:
- Offer your clients the most reliable automatic cover on the market. Join our network for dedicated support, training, and lead generation.
- Color: rgba(255,255,255,0.8)
- Font size: 18px
- Margin bottom: 40px
d. Button:
- Text: Join the Integra Dealer Network
- Link: /for-dealers/
- Background: Transparent
- Border: 2px solid #FFFFFF
- Text color: #FFFFFF
- Font weight: bold
- Padding: 16px 40px
- Border radius: 12px
SECTION 6: MADE IN THE USA
NEW SECTION — not in the original build guide. The Stitch adds a dedicated manufacturing/origin section.
Image: factory-floor-wide.webp
What it looks like: 2-column layout — text left, factory image right.
- Add Container
- Background:
#F1F4F4
-
Padding: 96px top and bottom
-
2-column row — 50/50 split, 64px gap, vertically centered
-
Left column:
a. Text Block:
- <h2>Made in Knoxville, Tennessee</h2>
- Color: #25282A
- Font family: Urbanist
- Font size: 36px
- Margin bottom: 32px
b. Text Block:
- Quality control starts at the source. Every Integra system is engineered and manufactured in our Knoxville facility. By keeping production domestic, we ensure that every component meets our rigorous standards for performance and longevity.
- Color: #5C5F61
- Font family: Sophia Pro
- Font size: 20px
- Line height: relaxed
- Margin bottom: 32px
c. Button/Link:
- Text: Our Story + arrow icon
- Link: /about/
- Style: Text link, color #00408B, bold, 18px
- Arrow: Material Symbols arrow_forward or >
- Right column:
- Image element > Upload
factory-floor-wide.webp
- Alt text:
Integra Pool Covers manufacturing facility in Knoxville Tennessee — charcoal Aegis fabric cover at full length on production floor
- Height:
500px (object-fit: cover)
- Border radius:
16px
- Box shadow: lg
SECTION 7: FAQ PREVIEW
STITCH CHANGE: The original had a 2-column layout with 5 FAQ links on the left and a lifestyle image on the right. The Stitch simplifies this to a centered accordion with 3 questions and no image.
What it looks like: Centered heading, 3 accordion FAQ items, "See all" link below.
- Add Container
- Background:
#FFFFFF
-
Padding: 96px top and bottom
-
Column: max-width 896px (max-w-4xl), centered
-
Text Block:
<h2>Common Questions</h2>- Color:
#25282A
- Font family: Urbanist
- Font size:
36px
- Text align: Center
-
Margin bottom: 48px
-
Toggle/Accordion elements (use Avada Toggle or FAQ element):
-
Q1: How does the ASTM certification ensure safety?
- Q2:
What makes the 20-year warranty unique?
- Q3:
Can an Integra cover fit irregular pool shapes?
Styling:
- Question font: Urbanist, 20px, color #25282A
- Divider between items: 1px solid #E0E3E3
- Expand icon: expand_more (Material Symbols) or chevron
- Padding: 16px 0 per item
- Hover: text color shifts to primary blue
Content dependency: FAQ answer text needs to be written. The Stitch only shows the question shells. Pull answers from the FAQ page content when available, or draft short answers based on existing brand copy.
- Link — centered, below accordion:
- Text:
See All 30+ FAQs
- Link:
/resources/faq/
- Color:
#00408B
- Font weight: bold
- Font size:
18px
- Icon:
chevron_right after text
- Margin top:
48px
SECTION 8: FOOTER CTA BANNER
STITCH CHANGE: The original had two buttons (Find a Dealer + Contact Us). The Stitch simplifies to a single prominent button.
What it looks like: Blue background, centered white text, single large white button.
- Add Container
- Background:
#0057B7
-
Padding: 80px top and bottom
-
Column: max-width 1024px, centered
-
Text Block:
<h2>Ready to Add an Integra Cover to Your Pool?</h2>- Color:
#FFFFFF
- Font family: Urbanist
- Font size:
36px
- Text align: Center
-
Margin bottom: 24px
-
Text Block:
Connect with an authorized specialist in your area for a personalized consultation and quote.- Color:
rgba(255,255,255,0.9)
- Font family: Sophia Pro
- Font size:
20px
- Text align: Center
-
Margin bottom: 40px
-
Button:
- Text:
Find a Dealer Near You
- Link:
/for-dealers/find-a-dealer/
- Background:
#FFFFFF
- Text color:
#0057B7
- Size: Extra Large
- Padding:
20px 48px
- Font weight: bold
- Font size:
20px
- Border radius:
12px
- Center aligned
- Hover: box-shadow-2xl, slight upward translate (
-1px)
IMAGE UPLOAD CHECKLIST
When uploading images to WordPress Media Library, set the Alt Text field for each:
Required for Homepage (Stitch layout):
| File to Upload |
Alt Text to Enter |
hero-pool-cover-aerial.webp |
Aerial view of Integra automatic pool cover closed over residential in-ground pool — tan Aegis fabric with landscaped backyard |
factory-floor-wide.webp |
Integra Pool Covers manufacturing facility in Knoxville Tennessee — charcoal Aegis fabric cover at full length on production floor |
Available for homepage enhancement:
| File to Upload |
Alt Text to Enter |
mechanism-closeup.webp |
Integra stainless steel pool cover mechanism — precision-machined components with 20-year warranty |
hero-bear-on-cover-alt.webp |
Black bear standing on Integra automatic pool cover demonstrating ASTM F1346 weight capacity — pool safety cover strength test |
hero-aerial-stone-patio-alt.webp |
Aerial view of Integra automatic pool cover on rectangular pool with decorative stone patio and umbrellas |
Moved to Products page build:
| File to Upload |
Alt Text to Enter |
product-standard-mechanism.webp |
Integra standard P2 full system stainless steel mechanism for automatic pool covers |
product-low-offset.webp |
Integra low offset mechanism installed on residential pool — compact 16-inch offset design with charcoal Aegis cover |
product-aegis-fabrics.webp |
Integra Aegis premium pool cover fabric partially retracted showing pool water — navy blue cover on residential pool |
Available for other pages:
| File to Upload |
Alt Text to Enter |
dealer-cta-background.webp |
Luxury residential pool with retracted Integra cover, outdoor fireplace, and lounge area — Knoxville Tennessee |
faq-lifestyle.webp |
Integra automatic pool cover partially retracted on residential in-ground pool with stone patio and landscaping |
safety-dog-on-cover.webp |
Small dog walking safely across closed Integra automatic pool cover — demonstrating ASTM F1346 certified weight support |
heat-seal-process.webp |
Integra heat-seal welding machine bonding Aegis fabric — heat-sealed webbing process at Knoxville manufacturing facility |
fabric-rolls-royal-blue.webp |
Integra Aegis premium pool cover fabric rolls in Royal Blue — 18-oz vinyl with acrylic coating at manufacturing facility |
NOTES FOR DEV
- All images are already WebP format and web-optimized — upload as-is, no further compression needed
- Hero images are 2400px wide to support retina displays at full-width
factory-floor-wide.webp is 1400px wide — sufficient for 50% column on desktop- The Stitch uses Material Symbols for icons — Avada uses Font Awesome by default. Map accordingly (shield > fa-shield-alt, thermostat > fa-sun, eco > fa-tint, cleaning_services > fa-check-circle, home > fa-home, handyman > fa-tools)
- The Stitch uses rounded-xl (12px) and rounded-2xl (16px) border radii throughout — more rounded than the original 4-8px
- Background colors use a Material Design 3 palette in the Stitch; map to Integra brand colors for Avada (primary
#0057B7, navy #003366, near-black #25282A, gray #5C5F61, light gray #F5F5F5)
- Total homepage image payload (Stitch layout): ~615KB for required images (hero + factory) — lighter than original
- Content dependencies:
- Video URL for Section 4 (43-second product demo)
- FAQ answer text for Section 7 (3 accordion items)
- Testimonials removed from homepage — can be added later if real quotes arrive
CHANGELOG vs. ORIGINAL BUILD GUIDE
| Original Section |
Status in Stitch |
Notes |
| Section 1: Hero |
KEPT — minor tweaks |
Darker overlay (70% vs 45%), rounded buttons (12px vs 4px), height 800px fixed |
| Section 2: Trust Bar |
REMOVED |
Trust points absorbed into feature cards + "What Sets Apart" |
| Section 3: Intro Headline |
MERGED into Section 2 |
Combined with feature cards, left-aligned instead of centered |
| Section 4: Feature Cards |
MERGED into Section 2 |
Copy condensed from 3-4 sentences to 1-2 sentences per card |
| Section 5: ASTM Callout (dark) |
RESTRUCTURED as Section 3 |
Now 3-column with accent bars on light gray — no image, no dark background |
| Section 6: Product Overview |
REMOVED from homepage |
Product cards moved to dedicated Products page |
| Section 7: Dealer CTA Band |
REPLACED by Section 5 |
Now dual-audience split (homeowner + builder) instead of dealer-only |
| Section 8: Testimonials |
REMOVED |
Pending real testimonials — can add back later |
| Section 9: FAQ Teaser |
SIMPLIFIED as Section 7 |
Accordion-style, 3 questions, no image, centered |
| Section 10: Final CTA |
SIMPLIFIED as Section 8 |
Single button instead of two, updated copy |
| NEW: Section 4 Video |
ADDED |
"Cover and Uncover the Possibilities" video embed |
| NEW: Section 5 Dual Audience |
ADDED |
Homeowner vs. Pool Builder split CTA |
| NEW: Section 6 Made in USA |
ADDED |
Factory story with factory-floor-wide.webp |