PAGE 01 — Homepage

Visual Build Guide for Avada Builder

Template: Avada Full Width
Staging: integrapoo1stg.wpenginepowered.com
URL: /
H1: Automatic Pool Safety Covers Built to the Highest Standard
Set as front page: Settings > Reading > Static Page > Homepage

Rank Math SEO Settings

Focus Keywordautomatic pool cover
Title TagAutomatic Pool Safety Covers | Built to ASTM F1346 — Integra Pool Covers
Meta DescriptionIntegra 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 TypeOrganization (Name: Integra Pool Covers, URL: https://integrapoolcovers.com, Logo: upload Integra logo, Address: Knoxville, Tennessee, USA)
Canonical URLhttps://integrapoolcovers.com/
Section 1: Hero
CSS ID: #hero (Will's class handles full-width hero, responsive height, centered content). Background image with dark overlay.
Aerial view of Integra automatic pool cover closed over residential in-ground pool — tan Aegis fabric with landscaped backyard

Automatic Pool Safety Covers Built to the Highest Standard

ASTM F1346 certified. All-stainless steel mechanisms. 20-year warranty. The automatic pool cover that pool professionals trust and homeowners ask for by name.

Alt hero options available: hero-bear-on-cover-alt.webp (iconic safety demo — bear on cover) or hero-aerial-stone-patio-alt.webp (most visually striking aerial). Your call which to use.
Avada Builder Instructions
  1. Add Container — assign ID hero (Will's CSS class). Background > Image > Upload hero-pool-cover-aerial.webp, position Center Center, size Cover
  2. Background overlay: #181C1D at 70% opacity (darker than original per Stitch)
  3. Min height: 800px desktop / 70vh mobile, Padding: 100px top/bottom (60px mobile), Content alignment: Center
  4. Column — 10/12 width, centered (1/12 offset each side)
  5. Text Block: <h1> — Font: Urbanist, color #FFFFFF, 52px desktop / 34px mobile, weight 700, line-height 1.1, center, margin-bottom 24px, Animation: Fade In from Bottom 0.3s
  6. Text Block: <p> — Font: Sophia Pro, color rgba(255,255,255,0.9), 20px / 16px mobile, center, max-width 640px centered, margin-bottom 40px, Animation: Fade In from Bottom 0.5s
  7. Button 1: "Find a Dealer Near You" — Link: /for-dealers/find-a-dealer/, Background: #0057B7, text #FFFFFF, Large, border-radius 12px, padding 16px 32px, weight 600, Animation: Fade In 0.7s
  8. Button 2: "See How It Works" — Link: /why-integra/how-it-works/, Background: transparent, border: 2px solid #FFFFFF, text #FFFFFF, Large, border-radius 12px
Hero background image:
Aerial view of Integra automatic pool cover closed over residential in-ground pool — tan Aegis fabric with landscaped backyard
hero-pool-cover-aerial.webp | 2400x1598 | 507KB | Hero Background
Alternative hero images (pick one if preferred over the aerial):
Black bear standing on Integra automatic pool cover demonstrating ASTM F1346 weight capacity — pool safety cover strength test
hero-bear-on-cover-alt.webp | 2000x1167 | 371KB | Hero ALT (iconic safety)
Aerial view of Integra automatic pool cover on rectangular pool with decorative stone patio and umbrellas
hero-aerial-stone-patio-alt.webp | 2400x1600 | 589KB | Hero ALT (stone patio)
Section 2: What an Integra Cover Does (Intro + Feature Cards)
CSS class: introheader on heading area. Background: White. Left-aligned heading + subhead, then 4 icon-based feature cards in a grid. No images — icon-based cards only.

One Cover. Four Things It Does Every Day.

Every Integra automatic pool cover activates with a single switch and immediately begins doing four jobs at once.

🛡

A Barrier Your Family Can Count On

ASTM F1346 certified, supports 485+ lbs, locks at both end tracks for maximum child safety.

☀

Swim in March. Swim in October.

Reduces heat loss 50-70%, allowing you to extend your pool season by weeks earlier and later.

💧

Fewer Chemicals. Less Evaporation.

90% evaporation reduction and 35-60% chemical savings, keeping maintenance costs low.

✔

Ready to Swim, Every Time You Open It

Keep leaves and debris out of your pool. No skimming needed before your morning swim.

Avada Builder Instructions
  1. Container — Background: #FFFFFF, Padding: 96px top/bottom. Add class introheader to the heading area
  2. Heading area — full-width column, max-width 768px, LEFT-aligned (not centered — Stitch departure):
  3. Text Block: <h2> "One Cover. Four Things It Does Every Day." — Font: Urbanist, color #25282A, 36px, left-aligned, margin-bottom 16px
  4. Text Block: <p> subhead — Font: Sophia Pro, color #5C5F61, 18px, left-aligned, margin-bottom 64px
  5. 4-column row — equal widths, 32px gap
  6. Each card: Container background #F1F4F4, border-radius 12px, padding 32px, hover background #E5E9E9
  7. Icon — Col 1: fa-shield-alt, Col 2: fa-sun, Col 3: fa-tint, Col 4: fa-check-circle — color #00408B, size 36px, margin-bottom 24px
  8. H3 — Font: Urbanist, bold, 20px, color #25282A, left-aligned, margin-bottom 12px
  9. Body — Font size 15px, color #5C5F61, line-height 1.625, left-aligned
  10. Mobile: Stack to 1 column, then 2-column grid at tablet
Section 3: What Sets Integra Apart
CSS class: .two-column (though it's 3-column in Stitch). Background: #F1F4F4. Left-aligned heading + 3 columns with accent bars. No image required (optional: mechanism-closeup.webp).

What Sets Integra Apart

Not every automatic pool cover is built the same. The mechanism is what lasts — or doesn't.

All Stainless Steel Mechanisms

Our 20-year warranty is backed by structural integrity. Unlike aluminum competitors, our stainless steel resists corrosion in harsh pool environments.

ASTM F1346 Certified

Rigorous testing ensures we meet the gold standard for safety. Supports 485+ lbs with no gaps and integrated safe drainage systems.

Aegis™ Premium Fabrics

7-Year Warranty on heat-sealed webbing. Available in 7 designer colors, our fabrics are engineered for UV and chemical resistance.

Avada Builder Instructions
  1. Container — Background: #F1F4F4, Padding: 96px top/bottom. Add class two-column
  2. Heading area — full-width, left-aligned:
  3. Text Block: <h2> "What Sets Integra Apart" — Font: Urbanist, color #25282A, 36px, margin-bottom 16px
  4. Text Block: <p> subhead — color #5C5F61, 18px, max-width 640px, margin-bottom 64px
  5. 3-column row — equal widths, 48px gap
  6. Each column: Separator/Divider — height 4px, width 48px, color #00408B, margin-bottom 16px
  7. H3 — Font: Urbanist, bold, 24px, color #25282A, margin-bottom 16px
  8. Body — 16px, color #5C5F61, line-height relaxed (1.625)
Optional image for Section 3 enhancement (not required by Stitch, but available):
Integra stainless steel pool cover mechanism — precision-machined components with 20-year warranty
mechanism-closeup.webp | 800x600 | 16KB | Optional for Section 3
Section 4: Integra in Action (Video)
NEW section from Stitch. Background: White. Centered heading, 16:9 video embed with play overlay, supporting text below. Content dependency: Need actual video URL from Integra (43-second product demo). Use placeholder if not ready.

Cover and Uncover the Possibilities.

Product Demonstration

Watch an Integra cover operate. From full open to fully covered takes under 60 seconds.

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.

Avada Builder Instructions
  1. Container — Background: #FFFFFF, Padding: 96px top/bottom
  2. Heading row (centered): <h2> "Cover and Uncover the Possibilities." — Font: Urbanist, color #25282A, 36px, center, margin-bottom 64px
  3. Video embed — use Avada Video element or embed container, aspect ratio 16:9, border-radius 16px (rounded-2xl), box-shadow xl, margin-bottom 32px. Needs video URL from Integra. Use gray placeholder with play button if not ready
  4. Text area below video — centered, max-width 768px:
  5. Text Block (overline): "Product Demonstration" — color #00408B, 12px, uppercase, letter-spacing widest, margin-bottom 16px
  6. Text Block: body text — Font: Urbanist, 20px, color #25282A, center, margin-bottom 24px
  7. Text Block: supporting paragraph — Font: Sophia Pro, 16px, color #5C5F61, center, line-height relaxed
Section 5: Dual Audience Split
NEW section — replaces old Dealer CTA Band. CSS class: .two-column. Background: #0057B7. Two equal panels — Homeowners (left) and Pool Builders (right).

Whether You're Building or Shopping

🏠

For Homeowners

Looking to upgrade your existing pool or finishing a new build? Our authorized dealers provide professional installation and maintenance.

Find an Integra Dealer
🔧

For Pool Builders

Offer your clients the most reliable automatic cover on the market. Join our network for dedicated support, training, and lead generation.

Join the Integra Dealer Network
Avada Builder Instructions
  1. Container — Background: #0057B7, Padding: 96px top/bottom. Add class two-column
  2. Heading — centered: <h2> "Whether You're Building or Shopping" — color #FFFFFF, Font: Urbanist, 36px, margin-bottom 64px
  3. 2-column row — equal widths, separated by thin white line (1px gap, rgba(255,255,255,0.1))
  4. Both panels: padding 64px, text-align center
  5. Left — Icon: fa-home, 48px, white, margin-bottom 24px
  6. Left — H3: "For Homeowners", color #FFFFFF, 30px, margin-bottom 24px
  7. Left — Body: color rgba(255,255,255,0.8), 18px, relaxed line-height, margin-bottom 40px
  8. Left — Button: "Find an Integra Dealer", link /for-dealers/find-a-dealer/, bg #FFFFFF, text #0057B7, bold, padding 16px 40px, border-radius 12px
  9. Right — Icon: fa-tools, 48px, white, margin-bottom 24px
  10. Right — H3: "For Pool Builders", color #FFFFFF, 30px, margin-bottom 24px
  11. Right — Body: color rgba(255,255,255,0.8), 18px, relaxed line-height, margin-bottom 40px
  12. Right — Button: "Join the Integra Dealer Network", link /for-dealers/, bg transparent, border 2px solid #FFFFFF, text #FFFFFF, bold, padding 16px 40px, border-radius 12px
Section 6: Made in the USA
NEW section from Stitch. Background: #F1F4F4. 2-column layout — text left, factory image right. Image: factory-floor-wide.webp (REQUIRED).

Made in Knoxville, Tennessee

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.

Our Story →
Integra Pool Covers manufacturing facility in Knoxville Tennessee — charcoal Aegis fabric cover at full length on production floor
factory-floor-wide.webp | 1400x1050 | 106KB | Made in USA
Avada Builder Instructions
  1. Container — Background: #F1F4F4, Padding: 96px top/bottom
  2. 2-column row — 50/50 split, 64px gap, vertically centered
  3. Left: Text Block <h2> "Made in Knoxville, Tennessee" — Font: Urbanist, color #25282A, 36px, margin-bottom 32px
  4. Left: Text Block <p> — Font: Sophia Pro, color #5C5F61, 20px, line-height relaxed, margin-bottom 32px
  5. Left: Button/Link — "Our Story" + arrow, text link style, color #00408B, bold, 18px. Use Material Symbols arrow_forward or →
  6. Right: Image — factory-floor-wide.webp, height 500px (object-fit: cover), border-radius 16px, box-shadow lg
Section 7: FAQ Preview
Background: White. Centered heading, 3 accordion FAQ items, "See all" link below. Content dependency: FAQ answer text needs to be written — accordion shells only for now.

Common Questions

How does the ASTM certification ensure safety?

▼

[Answer content to be added]

What makes the 20-year warranty unique?

▼

[Answer content to be added]

Can an Integra cover fit irregular pool shapes?

▼

[Answer content to be added]

See All 30+ FAQs ›
Avada Builder Instructions
  1. Container — Background: #FFFFFF, Padding: 96px top/bottom
  2. Column: max-width 896px (max-w-4xl), centered
  3. Text Block: <h2> "Common Questions" — Font: Urbanist, color #25282A, 36px, center, margin-bottom 48px
  4. Toggle/Accordion elements (use Avada Toggle or FAQ element):
  5. Q1: "How does the ASTM certification ensure safety?"
  6. Q2: "What makes the 20-year warranty unique?"
  7. Q3: "Can an Integra cover fit irregular pool shapes?"
  8. Styling: Question font Urbanist, 20px, color #25282A. Divider: 1px solid #E0E3E3. Expand icon: chevron. Padding: 16px 0 per item. Hover: text shifts to primary blue
  9. Link below accordion: "See All 30+ FAQs" — color #00408B, bold, 18px, centered, icon chevron_right, margin-top 48px
Section 8: Footer CTA Banner
Background: #0057B7. Centered white text, single large white button. Simplified from original (was two buttons).

Ready to Add an Integra Cover to Your Pool?

Connect with an authorized specialist in your area for a personalized consultation and quote.

Find a Dealer Near You
Avada Builder Instructions
  1. Container — Background: #0057B7, Padding: 80px top/bottom
  2. Column: max-width 1024px, centered
  3. Text Block <h2> — Color #FFFFFF, Font: Urbanist, 36px / 28px mobile, center, margin-bottom 24px
  4. Text Block <p> — Color rgba(255,255,255,0.9), Font: Sophia Pro, 20px, center, margin-bottom 40px
  5. Button: "Find a Dealer Near You" — Link: /for-dealers/find-a-dealer/, Background: #FFFFFF, text color #0057B7, Extra Large, padding 20px 48px, bold, font-size 20px, border-radius 12px, center. Hover: box-shadow-2xl, slight upward translate (-1px)
Additional images in the folder — available for enhancement but not placed in the Stitch layout:
Small dog walking safely across closed Integra automatic pool cover — demonstrating ASTM F1346 certified weight support
safety-dog-on-cover.webp | 1200x800 | 162KB | Optional / Gallery
Integra heat-seal welding machine bonding Aegis fabric — heat-sealed webbing process at Knoxville manufacturing facility
heat-seal-process.webp | 1200x799 | 55KB | Optional / Aegis
Integra Aegis premium pool cover fabric rolls in Royal Blue — 18-oz vinyl with acrylic coating at manufacturing facility
fabric-rolls-royal-blue.webp | 1200x899 | 106KB | Optional / Aegis
Luxury residential pool with retracted Integra cover, outdoor fireplace, and lounge area — Knoxville Tennessee
dealer-cta-background.webp | 2400x1599 | 533KB | Available for future
Integra automatic pool cover partially retracted on residential in-ground pool with stone patio and landscaping
faq-lifestyle.webp | 1200x799 | 185KB | Available for FAQ page
Moved to Products page — NOT used on homepage:
Integra standard P2 full system stainless steel mechanism for automatic pool covers
product-standard-mechanism.webp | 800x600 | 15KB | Products page
Integra low offset mechanism installed on residential pool — compact 16-inch offset design with charcoal Aegis cover
product-low-offset.webp | 800x533 | 62KB | Products page
Integra Aegis premium pool cover fabric partially retracted showing pool water — navy blue cover on residential pool
product-aegis-fabrics.webp | 800x600 | 100KB | Products page

Image Upload Checklist

Required for Homepage (Stitch layout):

File to Upload Dimensions Size Section Alt Text to Enter
hero-pool-cover-aerial.webp2400x1598507KBHero (Section 1)Aerial view of Integra automatic pool cover closed over residential in-ground pool — tan Aegis fabric with landscaped backyard
factory-floor-wide.webp1400x1050106KBMade in USA (Section 6)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 Dimensions Size Section Alt Text to Enter
mechanism-closeup.webp800x60016KBSection 3 (optional)Integra stainless steel pool cover mechanism — precision-machined components with 20-year warranty
hero-bear-on-cover-alt.webp2000x1167371KBHero ALT optionBlack bear standing on Integra automatic pool cover demonstrating ASTM F1346 weight capacity — pool safety cover strength test
hero-aerial-stone-patio-alt.webp2400x1600589KBHero ALT optionAerial view of Integra automatic pool cover on rectangular pool with decorative stone patio and umbrellas
safety-dog-on-cover.webp1200x800162KBOptional / GallerySmall dog walking safely across closed Integra automatic pool cover — demonstrating ASTM F1346 certified weight support
heat-seal-process.webp1200x79955KBOptional / AegisIntegra heat-seal welding machine bonding Aegis fabric — heat-sealed webbing process at Knoxville manufacturing facility
fabric-rolls-royal-blue.webp1200x899106KBOptional / AegisIntegra Aegis premium pool cover fabric rolls in Royal Blue — 18-oz vinyl with acrylic coating at manufacturing facility

Moved to Products Page:

File to Upload Dimensions Size Section Alt Text to Enter
product-standard-mechanism.webp800x60015KBProducts pageIntegra standard P2 full system stainless steel mechanism for automatic pool covers
product-low-offset.webp800x53362KBProducts pageIntegra low offset mechanism installed on residential pool — compact 16-inch offset design with charcoal Aegis cover
product-aegis-fabrics.webp800x600100KBProducts pageIntegra Aegis premium pool cover fabric partially retracted showing pool water — navy blue cover on residential pool

Required homepage image payload (Stitch layout): ~615KB (hero + factory). All images WebP format, web-optimized — upload as-is.

Will's Layout Classes (Use These First)

Will Roberts set up CSS classes on the staging site that handle layout, spacing, and responsive behavior automatically. Use these instead of manual Avada builder settings wherever possible.
Layout Type How to Apply What It Does
HeroAdd ID #hero to the containerFull-width hero with overlay, responsive height, centered content
Intro/SubheadingAdd class .introheaderStyled heading typography for section intros
Two-ColumnAdd class .two-columnSplit layout, image stacks above text on mobile
MosaicAdd class .mosaicText + 4-image grid, auto-cropped aspect ratios

You do NOT need to manually set padding values, column widths, mobile breakpoints, or min-heights for sections using these classes. Only set manual Avada values for: colors, background images, button styles, icon choices, and custom sections not covered by the four classes above. Staging reference: integrapoo1stg.wpenginepowered.com/new-layouts/

Notes for Dev

Changelog vs. Original Build Guide

Original Section Status in Stitch Notes
Section 1: HeroKEPT — minor tweaksDarker overlay (70% vs 45%), rounded buttons (12px vs 4px), height 800px fixed
Section 2: Trust BarREMOVEDTrust points absorbed into feature cards + "What Sets Apart"
Section 3: Intro HeadlineMERGED into Section 2Combined with feature cards, left-aligned instead of centered
Section 4: Feature CardsMERGED into Section 2Copy condensed from 3-4 sentences to 1-2 sentences per card
Section 5: ASTM CalloutRESTRUCTURED as Section 3Now 3-column with accent bars on light gray — no image, no dark background
Section 6: Product OverviewREMOVED from homepageProduct cards moved to dedicated Products page
Section 7: Dealer CTA BandREPLACED by Section 5Now dual-audience split (homeowner + builder) instead of dealer-only
Section 8: TestimonialsREMOVEDPending real testimonials — can add back later
Section 9: FAQ TeaserSIMPLIFIED as Section 7Accordion-style, 3 questions, no image, centered
Section 10: Final CTASIMPLIFIED as Section 8Single button instead of two, updated copy
NEW: Section 4 VideoADDED"Cover and Uncover the Possibilities" video embed
NEW: Section 5 Dual AudienceADDEDHomeowner vs. Pool Builder split CTA
NEW: Section 6 Made in USAADDEDFactory story with factory-floor-wide.webp