Help
RSS
API
Feed
Maltego
Contact
Domain > larsenspoolandspa.com
×
Welcome!
Right click nodes and scroll the mouse to navigate the graph.
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
Whois
Property
Value
NameServer
NS1.SOURCEDNS.COM
Created
2008-02-28 00:00:00
Changed
2016-03-04 00:00:00
Expires
2026-02-28 00:00:00
Registrar
GODADDY.COM, LLC
DNS Resolutions
Date
IP Address
2025-01-29
75.2.60.5
(
ClassC
)
Port 443
HTTP/1.1 200 OKAccept-Ranges: bytesAge: 0Cache-Control: public,max-age0,must-revalidateCache-Status: Netlify Edge; fwdmissContent-Length: 95293Content-Type: text/html; charsetUTF-8Date: Wed, 29 Jan 2025 18:52:32 GMTEtag: b9a5ad1f77555974808ad8d2e18995ee-sslServer: NetlifyStrict-Transport-Security: max-age31536000X-Nf-Request-Id: 01JJSPGV4N2BS045VFAY9Q167D !DOCTYPE html>html langen classmin-h-screen> head>meta charsetUTF-8>meta nameviewport contentwidthdevice-width, initial-scale1>title>Larsen's Pool & Spa/title>meta propertyog:type contentwebsite>meta propertyog:url contenthttp://localhost:4321/>meta propertyog:title contentLarsens Pool & Spa>meta propertyog:description contentWelcome to Larsens Pool & Spa>meta propertytwitter:card contentsummary_large_image>meta propertytwitter:url contenthttp://localhost:4321/>meta propertytwitter:title contentLarsens Pool & Spa>meta propertytwitter:description contentWelcome to Larsens Pool & Spa>link relicon typeimage/png href/favicon.png>link relstylesheet hrefsrc/style.css>!-- Font Awesome -->link relstylesheet hrefhttps://kit.fontawesome.com/17780ec4bc.css crossoriginanonymous>!-- Font Google -->link relpreconnect hrefhttps://fonts.googleapis.com>link relpreconnect hrefhttps://fonts.gstatic.com crossorigin>link hrefhttps://fonts.googleapis.com/css2?familyLibre+Baskerville:ital,wght@0,400;0,700;1,400&familyManrope:wght@200..800&displayswap relstylesheet>!-- Link Swipers CSS -->!-- link relstylesheet hrefhttps://unpkg.com/swiper/swiper-bundle.min.css /> -->!-- aos -->!-- link hrefhttps://unpkg.com/aos@2.3.1/dist/aos.css relstylesheet /> -->link relstylesheet href/_astro/about.BTx-3Ew5.css>link relstylesheet href/_astro/creating-a-resort-style-backyard.1ijWottL.css>style>data-astro-image{width:100%;height:auto;-o-object-fit:var(--fit);object-fit:var(--fit);-o-object-position:var(--pos);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}data-astro-imageresponsive{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}data-astro-imagefixed{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}/style>/head> body classrelative> header classmain-header relative z-50> div classmain-nav-container group/menu absolute inset-x-0 top-0 transition-all duration-300 ease-in-out> div classw-full group-.sticky-navbar/menu:pt-2 pt-14> div classcontainer relative mx-auto px-6 lg:px-8> nav classrelative flex xl:justify-center justify-between items-center gap-3 max-xl:bg-white/5 max-xl:group-.sticky-navbar/menu:backdrop-blur-3xl max-xl:group-.sticky-navbar/menu:bg-color09/25 max-xl:backdrop-blur-xl max-xl:border xl:border-white/10 max-xl:rounded-full max-xl:px-6 max-xl:py-3 max-xl:mx-6> div classrelative xl:hidden> a href/ classflex shrink-0> img src/_astro/logo.CZQbTvEr_Z12lMHT.webp altLogo width470 height117 loadinglazy decodingasync classh-7 w-auto object-contain> /a> /div> div classhidden relative xl:flex xl:flex-row xl:items-center xl:justify-between xl:bg-white/5 group-.sticky-navbar/menu:backdrop-blur-3xl group-.sticky-navbar/menu:bg-color09/45 xl:backdrop-blur-xl xl:border xl:border-white/10 xl:rounded-full xl:pl-7 xl:pr-2.5 xl:py-3 xl:gap-x-8 2xl:text-base text-sm text-white 2xl:gap-x-10 capitalize idmain-menu> div classrelative max-xl:hidden> a href/ classflex shrink-0> img src/_astro/logo.CZQbTvEr_Z12lMHT.webp altLogo width470 height117 loadinglazy decodingasync class2xl:h-10 h-8 w-auto object-contain> /a> /div> div classxl:flex xl:flex-row gap-x-6> div classmenu-item> a href/ classtransition-colors font-semibold hover:text-white/80 ease-out duration-300 relative group/link text-transparent bg-clip-text bg-titleGr >Home/a> /div> div classmenu-item> a href/about classtransition-colors hover:text-white/80 font-semibold ease-out duration-300 relative group/link text-white >About/a> /div> div classmenu-item> a href/pool-design-and-construction classtransition-colors hover:text-white/80 font-semibold ease-out duration-300 relative group/link text-white >new pool construction/a> /div> div classmenu-item> a href/pool-remodeling classtransition-colors hover:text-white/80 font-semibold ease-out duration-300 relative group/link text-white >complete pool remodels/a> /div> div classmenu-item group relative hover:cursor-default> div classrelative> div classtransition-colors hover:text-white/80 font-semibold ease-out duration-300 relative group/link text-white >Gallery/div> button typebutton classinner-menu-toggle group/toggle absolute right-0 pr-3 top-0 z-30 flex h-38px w-6 items-center justify-end hover:text-white xl:hidden> i classfa-sharp fa-regular text-white fa-chevron-down rotate-0 transition duration-300 ease-in-out group-.active/toggle:rotate-180>/i> /button> /div> div classinner-menu-list text-white xl:text-main relative overflow-hidden font-semibold capitalize max-xl:max-h-0 xl:invisible xl:absolute xl:top-full xl:left-0 xl:grid xl:w-max xl:overflow-visible xl:pt-7 xl:p-0 xl:px-0 xl:text-lg xl:opacity-0 xl:shadow-xl xl:transition-all xl:duration-300 xl:ease-in-out xl:group-hover:visible xl:group-hover:translate-y-0 xl:group-hover:opacity-100> div classxl:bg-white xl:border xl:border-white/10 xl:rounded-xl> div classinner-menu-list-item> a href/gallery classgroup/item flex items-center justify-between gap-3 rounded-lg px-5 py-2 transition-colors duration-300 ease-in-out hover:text-main/80 font-normal>New Pool Construction/a> /div> div classinner-menu-list-item> a href/gallery-2 classgroup/item flex items-center justify-between gap-3 rounded-lg px-5 py-2 transition-colors duration-300 ease-in-out hover:text-main/80 font-normal>Renovations/a> /div> /div> /div> /div> !-- div classmenu-item> a href/resources class:list{ transition-colors hover:text-white/80 font-semibold ease-out duration-300 relative group/link , Astro.url.pathname /resources || Astro.url.pathname /resources/ ? text-transparent bg-clip-text bg-titleGr : text-white , } > Resources /a> /div> --> div classmenu-item> a href/financing classtransition-colors hover:text-white/80 font-semibold ease-out duration-300 relative group/link text-white >Financing/a> /div> div classmenu-item> a href/contact classtransition-colors hover:text-white/80 font-semibold ease-out duration-300 relative group/link text-white >Contact/a> /div> /div> div classflex gap-2> div classxl:pt-0 pt-5 flex shrink-0> a href/contact classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> /div> div classxl:pt-0 pt-5 flex shrink-0> a hreftel:7277867665 classrelative overflow-hidden rounded-full text-white border border-white/10 flex items-center justify-center sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn w-12 h-full> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>i classfa-solid fa-phone>/i>/span> /a> /div> /div> !-- div classflex xl:mt-0 mt-10> ButtonArrow link/contact textGet Started bgColor{true} /> /div> --> /div> div classrelative flex items-center gap-3 sm:gap-10 xl:hidden> div classflex gap-2> div classmax-md:hidden> a href/contact classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> /div> div classmax-md:hidden> a hreftel:7277867665 classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>727-786-7665/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> /div> /div> button typebutton idmobile-menu-toggle classinline-flex items-center justify-center text-white hover:text-white/70 md:text-3xl text-2xl font-light transition-colors duration-300 ease-in-out focus:outline-none> i classfa-solid fa-bars relative>/i> /button> /div> /nav> /div> /div> /div> /header> div classmobile-menu-container invisible fixed left-0 top-0 z-50 h-screen w-screen -translate-x-full> div classclose-mobile-menu dark-overlay absolute bottom-0 left-0 right-0 top-0 cursor-pointer bg-black/50 opacity-0>/div> div classmobile-menu-content invisible relative z-10 h-full w-full max-w-sm -translate-x-full overflow-y-auto px-8 py-8 backdrop-blur-2xl bg-black/20 opacity-0 sm:px-12 sm:pr-16> div classabsolute right-10 top-5 z-10> button classclose-mobile-menu relative text-2xl text-white h-10 w-10 hover:text-white transition duration-300 ease-in-out typebutton> i classfas fa-times flex items-center justify-center>/i> /button> /div> div classlogo-box mb-8 flex> a href/> img src/_astro/logo.CZQbTvEr_Z12lMHT.webp altlogo width470 height117 loadinglazy decodingasync classh-8 object-contain w-auto> /a> /div> div classpy-10> div classmobile-menu-inner relative flex flex-col text-base font-medium text-white uppercase>/div> /div> /div> /div> div classisolate> main classoverflow-hidden grid grid-cols-1 gap-y-16 mb-20> section classoverflow-hidden relative rounded-4xl> div classmd:mx-6 mx-1.5 md:my-6 my-2 relative> div classabsolute inset-0 -z-30 rounded-4xl overflow-hidden> img src/_astro/hero-image.DHKyf0SC_8AUqG.webp altimage width2832 height1365 loadinglazy decodingasync classsize-full object-cover min-h-600px > /div> div classabsolute inset-0 bg-HeroGr -z-20 rounded-4xl overflow-hidden>/div> div classabsolute left-4 bottom-24 max-sm:hidden> ul classflex flex-col gap-3> li> a hrefhttps://www.facebook.com/LarsensPoolandSpa/ target_blank relnoopener noreferrer classbg-white/5 backdrop-blur-md border border-white/50 rounded-full text-white text-sm size-9 aspect-square flex items-center justify-center hover:border-white hover:bg-mainBlue transition-colors ease-in-out> i classfa-brands fa-facebook-f>/i>/a> /li> li> a hrefhttps://instagram.com/larsenspoolandspa/ target_blank relnoopener noreferrer classbg-white/5 backdrop-blur-md border border-white/50 rounded-full text-white text-sm size-9 aspect-square flex items-center justify-center hover:border-white hover:bg-mainBlue transition-colors ease-in-out> i classfa-brands fa-instagram>/i> /a> /li> li> a hrefhttps://www.youtube.com/channel/UCZI3WftcDNwr8Ry6tb46Dww target_blank relnoopener noreferrer classbg-white/5 backdrop-blur-md border border-white/50 rounded-full text-white text-sm size-9 aspect-square flex items-center justify-center hover:border-white hover:bg-mainBlue transition-colors ease-in-out> i classfa-brands fa-youtube>/i> /a> /li> /ul> /div> div class3xl:pt-60 pt-48 sm:pb-40 pb-28 px-8 z-10 flex flex-col items-center justify-center gap-y-8> div classflex flex-col gap-4 justify-center items-center h-full> div classflex flex-wrap justify-center gap-x-4 gap-y-2> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-white/15 before:-z-10 text-white 3xl:text-base lg:text-sm text-xs font-semibold>Larsens Pool & Spa/div> /div> h1 classtext-white 3xl:text-8xl 2xl:text-7xl xl:text-6xl md:text-5xl text-4xl text-center text-balance 3xl:max-w-4xl 2xl:max-w-3xl xl:max-w-xl max-w-lg font-bold>Where Every span classfont-libreBaskerville text-transparent bg-clip-text font-normal inline-flex bg-titleGr>Swim/span> Becomes A span classfont-libreBaskerville text-transparent bg-clip-text font-normal inline-flex bg-titleGr>Celebration/span> /h1> p classtext-white/90 text-center font-medium 3xl:text-base text-sm>Create a pool where expert design meets moments of joy and family connection./p> div classmt-3 flex flex-wrap justify-center items-center gap-6 z-20> a href/contact classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> img src/_astro/hero.BcejUkdS_2jOdsr.webp altimage width299 height53 loadinglazy decodingasync classh-12 w-auto object-contain> /div> /div> div classflex flex-row justify-end items-end sm:self-end bg-white/5 backdrop-blur-md border border-white/50 rounded-4xl py-2 sm:px-6 px-4 3xl:mr-12 2xl:mr-7> ul classflex flex-wrap justify-center items-center sm:gap-4 gap-3> li> a hrefhttps://www.bbb.org/us/fl/tampa/profile/pool-contractors/larsens-pool-spa-llc-0653-6181390#bbbseal target_blank relnoopener noreferrer> img src/_astro/BBB.C6l-afc4_ab4nK.webp altlogo width369 height140 loadinglazy decodingasync classw-auto 2xl:h-16 h-12 max-470px:h-10 object-contain> /a> /li> li> a hrefhttps://www.angi.com/companylist/us/fl/tampa/larsen%27s-pool-and-spa-llc-reviews-6180866.htm target_blank relnoopener noreferrer> img src/_astro/Angi%202024%2014%20Years.0IOQTCKF_1ff8F5.webp altlogo width712 height745 loadinglazy decodingasync classw-auto 2xl:h-16 h-12 max-470px:h-10 object-contain> /a> /li> li> a href# relnoopener noreferrer> img src/_astro/PHTA%20Bronze%20Award.oR6pi3z8_Z1yGY6m.webp altlogo width853 height855 loadinglazy decodingasync classw-auto 2xl:h-16 h-12 max-470px:h-10 object-contain> /a> /li> li> a hrefhttps://www.houzz.com/professionals/swimming-pool-builders/larsen-s-pool-and-spa-pfvwus-pf~629919961? target_blank relnoopener noreferrer> img src/_astro/logo4.B8r-NFUv_Z1xllvS.webp altlogo width793 height793 loadinglazy decodingasync classw-auto 2xl:h-16 h-12 max-470px:h-10 object-contain> /a> /li> li> a hrefhttps://g.co/kgs/A1t8iuy target_blank relnoopener noreferrer> img src/_astro/google-img.B-cO4_Xo_1GgbyI.webp altlogo width225 height225 loadinglazy decodingasync classw-auto 2xl:h-16 h-12 max-470px:h-10 object-contain> /a> /li> /ul> /div> ul classflex flex-wrap gap-3 sm:hidden> li> a hrefhttps://www.facebook.com/LarsensPoolandSpa/ target_blank relnoopener noreferrer classbg-white/5 backdrop-blur-md border border-white/50 rounded-full text-white text-sm size-9 aspect-square flex items-center justify-center hover:border-white hover:bg-mainBlue transition-colors ease-in-out> i classfa-brands fa-facebook-f>/i>/a> /li> li> a hrefhttps://instagram.com/larsenspoolandspa/ target_blank relnoopener noreferrer classbg-white/5 backdrop-blur-md border border-white/50 rounded-full text-white text-sm size-9 aspect-square flex items-center justify-center hover:border-white hover:bg-mainBlue transition-colors ease-in-out> i classfa-brands fa-instagram>/i> /a> /li> li> a hrefhttps://www.youtube.com/channel/UCZI3WftcDNwr8Ry6tb46Dww target_blank relnoopener noreferrer classbg-white/5 backdrop-blur-md border border-white/50 rounded-full text-white text-sm size-9 aspect-square flex items-center justify-center hover:border-white hover:bg-mainBlue transition-colors ease-in-out> i classfa-brands fa-youtube>/i> /a> /li> /ul> /div> /div> /section> section classoverflow-hidden relative> div classcontainer mx-auto px-6 lg:px-8> div classgrid lg:grid-cols-2 grid-cols-1 gap-x-16 gap-y-8> div classoverflow-hidden rounded-4xl relative max-lg:row-start-2> div idvideo-container> div classtransition-opacity duration-700 opacity-100 cursor-pointer idthumbnail> div classflex relative size-full group> img src/_astro/about-us.BQM4uyCp_Z1AqfUP.webp altVideo Thumbnail width1362 height838 loadinglazy decodingasync classcursor-pointer brightness-90 size-full object-cover min-h-96> div classabsolute inset-0 flex justify-center items-center> div classbg-white/5 backdrop-blur-md border border-white/50 rounded-full text-white md:text-xl text-base md:size-14 size-10 aspect-square flex items-center justify-center group-hover:border-white group-hover:bg-mainBlue transition-colors ease-in-out> i classfa-duotone fa-solid fa-play>/i> /div> /div> /div> /div> !-- Видео од YouTube (скриено по почетокот) --> div idyoutube-video classabsolute inset-0 opacity-0 pointer-events-none transition-opacity duration-700 z-10> iframe classsize-full object-cover min-h-64 srchttps://www.youtube.com/embed/dkwtQzl20rc?simrrgkySr_7SdlNtW titleYouTube video player frameborder0 allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share referrerpolicystrict-origin-when-cross-origin allowfullscreen>/iframe> /div> /div> /div> div classflex flex-col gap-6> div classflex flex-col gap-4 items-start> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 3xl:text-base lg:text-sm text-xs font-semibold>Larsens Pool & Spa/div> h2 class3xl:text-5xl lg:text-4xl text-3xl font-medium text-mainDark>The Larsen’s Pool & Spaspan classtext-transparent bg-clip-text bg-titleGr2 font-semibold>Difference/span> /h2> /div> div classw-full h-1px bg-black/5>/div> div classtext-body lg:text-base text-sm font-normal space-y-2> p>For over 37 years, Larsen’s Pool & Spa has earned the trust of Tampa Bay and Lakeland Area homeowners with exceptional craftsmanship and unwavering commitment to quality. Recognized among the top 3% of pool builders, we’ve completed hundreds of projects backed by over 155 glowing reviews and a 4.8-star rating./p> p>Using premium materials like Shotcrete concrete, Hayward® Expert Line pool equipment, and PebbleTec® PebbleSheen® Interior finishes, we create pools that are built to last and designed to inspire. Choose us for a seamless experience and results you can trust./p> /div> div classflex flex-wrap items-center gap-x-6 gap-y-2.5 mt-4> a href/contact classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> a href/about classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-black/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-whiteFA opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-mainDark font-bold group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Learn More/span> span classtext-white bg-mainBlue text-xs border border-transparent aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> /div> /div> /div> /div> /section> section classoverflow-hidden relative> div classcontainer mx-auto px-6 lg:px-8> div classgrid xl:grid-cols-3 md:grid-cols-2 grid-cols-1 gap-6> a href/contact classrounded-4xl overflow-hidden relative group/card min-h-500px> img src/_astro/Bastian-Pool-Gallery1.Db_CxQW5_Z2gEnMr.webp altNew Pool Construction width1024 height684 loadinglazy decodingasync classsize-full object-cover> div classabsolute inset-0 bg-main/10>/div> div classabsolute inset-x-0 md:-bottom-24 bottom-0 overflow-hidden group-hover/card:bottom-0 transition-all ease-in-out duration-300> div classsize-full px-5 pb-7 pt-5 flex flex-col gap-2 items-start relative translate-y-0> div classabsolute inset-0 rounded-t-4xl transition ease-in-out duration-300 bg-white/15 backdrop-blur-xl -z-10>/div> h3 classtext-white capitalize 3xl:text-3xl lg:text-2xl text-xl font-semibold pb-3 > New Pool Construction /h3> p classtext-white/90 lg:text-base text-sm font-normal>Experience the ultimate in pool design and durability. Our team uses premium materials like Shotcrete Concrete applications, Hayward® Expert Line pool equipment, and PebbleTec® /p> div classz-30 w-full relative mt-6 overflow-hidden rounded-full pl-6 pr-2 py-2 text-white border border-white/10 flex items-center justify-between gap-4 2xl:text-lg text-base group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square size-7 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /div> /div> /div> /a> a href/contact classrounded-4xl overflow-hidden relative group/card min-h-500px> img src/_astro/renovations-and-remodeling.DqyNfRz4_1eiiX7.webp altRenovations and Remodeling width872 height915 loadinglazy decodingasync classsize-full object-cover> div classabsolute inset-0 bg-main/10>/div> div classabsolute inset-x-0 md:-bottom-24 bottom-0 overflow-hidden group-hover/card:bottom-0 transition-all ease-in-out duration-300> div classsize-full px-5 pb-7 pt-5 flex flex-col gap-2 items-start relative translate-y-0> div classabsolute inset-0 rounded-t-4xl transition ease-in-out duration-300 bg-white/15 backdrop-blur-xl -z-10>/div> h3 classtext-white capitalize 3xl:text-3xl lg:text-2xl text-xl font-semibold pb-3 > Renovations and Remodeling /h3> p classtext-white/90 lg:text-base text-sm font-normal>Reimagine your pool and backyard with high-quality materials and modern design./p> div classz-30 w-full relative mt-6 overflow-hidden rounded-full pl-6 pr-2 py-2 text-white border border-white/10 flex items-center justify-between gap-4 2xl:text-lg text-base group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square size-7 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /div> /div> /div> /a> div classgrid xl:grid-cols-1 md:grid-cols-2 grid-cols-1 xl:col-span-1 md:col-span-2 col-span-1 gap-6 relative> div classabsolute inset-0 flex items-center justify-center> div classlg:size-16 size-12 aspect-square flex items-center justify-center bg-blueGr rounded-full> i classfa-regular fa-arrow-right text-white -rotate-45 lg:text-2xl text-xl>/i> /div> /div> div classflex flex-row overflow-hidden items-center justify-center gap-x-7 border border-black/5 rounded-4xl md:py-16 py-10 px-8 relative> div classabsolute inset-0 -z-10> img src/_astro/years-of-exp.onfG5SS0_1mTQvo.svg altbg width579 height242 loadinglazy decodingasync classsize-full rounded-4xl object-cover xl:block md:hidden block max-md:scale-125 max-md:object-right-bottom> img src/_astro/reviews-with.hctzRhV2_1cyeJb.svg altbg width579 height340 loadinglazy decodingasync classsize-full rounded-4xl object-cover xl:hidden md:block hidden> /div> h2 classtext-transparent bg-clip-text bg-titleGr2 font-semibold 2xl:text-7xl xl:text-6xl lg:text-5xl text-4xl>37+/h2> h3 class2xl:text-3xl lg:text-2xl text-xl max-w-44 font-semibold text-mainDark>Years Of Experience/h3> /div> div classrelative overflow-hidden flex flex-row h-full items-center justify-center gap-x-7 border border-black/5 rounded-4xl md:py-16 py-10 px-8> div classabsolute inset-0 -z-10> img src/_astro/reviews-with.hctzRhV2_1cyeJb.svg altbg width579 height340 loadinglazy decodingasync classsize-full xl:scale-110 md:-scale-100 scale-10 object-cover md:object-left> /div> h2 classtext-transparent bg-clip-text bg-titleGr2 font-semibold 2xl:text-7xl xl:text-6xl lg:text-5xl text-4xl>160+/h2> h3 class2xl:text-3xl lg:text-2xl text-xl font-semibold 3xl:max-w-xs max-md:max-w-52 text-mainDark>Reviews With 4.8 Average Rating/h3> /div> /div> /div> /div> /section> section classoverflow-hidden relative> div classcontainer mx-auto px-6 lg:px-8> div classflex flex-col gap-y-10> div classflex flex-wrap items-end justify-between gap-x-6 gap-y-3> div classflex flex-col gap-4 items-start> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 3xl:text-base lg:text-sm text-xs font-semibold>Larsens Pool & Spa/div> h2 class3xl:text-5xl lg:text-4xl text-3xl font-medium text-mainDark>Why Invest Inspan classtext-transparent bg-clip-text bg-titleGr2 font-semibold>A Pool?/span> /h2> /div> a href/contact classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> /div> div classflex xl:flex-row flex-col-reverse 2xl:gap-6 xl:gap-3 gap-6> div classrelative pb-10 max-lg:hidden> a href/contact classrelative group> div classabsolute inset-0 flex justify-center items-center> div classbg-white/25 backdrop-blur-lg rounded-full text-white md:text-xl text-base md:size-14 size-10 aspect-square flex items-center justify-center group-hover:border-white group-hover:bg-mainBlue transition-colors ease-in-out> i classfa-regular fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform ease-in-out duration-300>/i> /div> /div> img src/_astro/why-invest-first.DGXL98ib_1Vj6sR.webp altlink width369 height534 loadinglazy decodingasync class size-full object-cover rounded-4xl max-xl:max-h-40> /a> /div> div classgrid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 2xl:gap-6 xl:gap-3 gap-6> div classlg:pb-5 size-full flex> div classrounded-4xl overflow-hidden relative group/card min-h-60 flex size-full> div classabsolute top-8 right-8 translate-y-0 group-hover/card:opacity-0 group-hover/card:-translate-y-20 transition ease-in-out duration-300> div class3xl:size-16 xl:size-14 size-12 aspect-square flex items-center justify-center bg-blueGr rounded-full> i classfa-regular fa-arrow-right text-white -rotate-45 3xl:text-2xl text-xl>/i> /div> /div> img src/_astro/why-invest-in-a-pool.BDeW98tW_tTmzi.svg altElevate Your Lifestyle width556 height400 loadinglazy decodingasync classsize-full rounded-4xl object-cover group-hover/card:opacity-0 opacity-100 transition-opacity ease-in-out duration-300 border border-black/10 animate-pulse> div classabsolute inset-0 group-hover/card:opacity-100 opacity-0 -z-10 transition-opacity ease-in-out duration-300> img src/_astro/why-invest-a-personal-sanctuary.Cn61jdlk_ZIlY2a.webp altElevate Your Lifestyle width663 height630 loadinglazy decodingasync classsize-full object-cover g> /div> div classabsolute inset-x-0 bottom-0 overflow-hidden z-20> div classsize-full px-8 pb-10 pt-8 flex flex-col gap-2 items-start relative translate-y-0> div classabsolute inset-0 bg-white/15 rounded-t-4xl backdrop-blur-xl group-hover/card:opacity-100 opacity-0 -z-10 transition-opacity ease-in-out duration-300>/div> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 group-hover/card:text-white before:group-hover/card:border-white/15 3xl:text-base lg:text-sm text-xs font-semibold transition-colors ease-in-out duration-300 z-20> Larsen's Pool & Spa /div> h3 classtext-mainDark group-hover/card:text-white transition-colors ease-in-out duration-300 capitalize 3xl:text-3xl lg:text-2xl text-xl font-semibold > Elevate Your Lifestyle /h3> p classtext-body2 group-hover/card:text-white/90 lg:text-base text-sm font-normal transition-colors ease-in-out duration-300> A custom pool transforms your home, enhancing its beauty, value, and prestige. /p> /div> /div> /div> /div> div classlg:pb-5 size-full flex> div classrounded-4xl overflow-hidden relative group/card min-h-60 flex size-full> div classabsolute top-8 right-8 translate-y-0 group-hover/card:opacity-0 group-hover/card:-translate-y-20 transition ease-in-out duration-300> div class3xl:size-16 xl:size-14 size-12 aspect-square flex items-center justify-center bg-blueGr rounded-full> i classfa-regular fa-arrow-right text-white -rotate-45 3xl:text-2xl text-xl>/i> /div> /div> img src/_astro/why-invest-in-a-pool.BDeW98tW_tTmzi.svg altA Personal Sanctuary width556 height400 loadinglazy decodingasync classsize-full rounded-4xl object-cover group-hover/card:opacity-0 opacity-100 transition-opacity ease-in-out duration-300 border border-black/10 animate-pulse> div classabsolute inset-0 group-hover/card:opacity-100 opacity-0 -z-10 transition-opacity ease-in-out duration-300> img src/_astro/why-invest-a-personal-sanctuary.Cn61jdlk_ZIlY2a.webp altA Personal Sanctuary width663 height630 loadinglazy decodingasync classsize-full object-cover g> /div> div classabsolute inset-x-0 bottom-0 overflow-hidden z-20> div classsize-full px-8 pb-10 pt-8 flex flex-col gap-2 items-start relative translate-y-0> div classabsolute inset-0 bg-white/15 rounded-t-4xl backdrop-blur-xl group-hover/card:opacity-100 opacity-0 -z-10 transition-opacity ease-in-out duration-300>/div> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 group-hover/card:text-white before:group-hover/card:border-white/15 3xl:text-base lg:text-sm text-xs font-semibold transition-colors ease-in-out duration-300 z-20> Larsen's Pool & Spa /div> h3 classtext-mainDark group-hover/card:text-white transition-colors ease-in-out duration-300 capitalize 3xl:text-3xl lg:text-2xl text-xl font-semibold > A Personal Sanctuary /h3> p classtext-body2 group-hover/card:text-white/90 lg:text-base text-sm font-normal transition-colors ease-in-out duration-300> Escape to your private retreat, designed with luxury and relaxation in mind. /p> /div> /div> /div> /div> div classlg:pb-5 flex size-full> div classrounded-4xl overflow-hidden relative group/card min-h-60 flex size-full> div classabsolute top-8 right-8 translate-y-0 group-hover/card:opacity-0 group-hover/card:-translate-y-20 transition ease-in-out duration-300> div class3xl:size-16 xl:size-14 size-12 aspect-square flex items-center justify-center bg-blueGr rounded-full> i classfa-regular fa-arrow-right text-white -rotate-45 3xl:text-2xl text-xl>/i> /div> /div> img src/_astro/why-invest-in-a-pool.BDeW98tW_tTmzi.svg altMemories That Last width556 height400 loadinglazy decodingasync classsize-full rounded-4xl object-cover group-hover/card:opacity-0 opacity-100 transition-opacity ease-in-out duration-300 border border-black/10 animate-pulse> div classabsolute inset-0 group-hover/card:opacity-100 opacity-0 -z-10 transition-opacity ease-in-out duration-300> img src/_astro/why-invest-a-personal-sanctuary.Cn61jdlk_ZIlY2a.webp altMemories That Last width663 height630 loadinglazy decodingasync classsize-full object-cover g> /div> div classabsolute inset-x-0 bottom-0 overflow-hidden z-20> div classsize-full px-8 pb-10 pt-8 flex flex-col gap-2 items-start relative translate-y-0> div classabsolute inset-0 bg-white/15 rounded-t-4xl backdrop-blur-xl group-hover/card:opacity-100 opacity-0 -z-10 transition-opacity ease-in-out duration-300>/div> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 group-hover/card:text-white before:group-hover/card:border-white/15 3xl:text-base lg:text-sm text-xs font-semibold transition-colors ease-in-out duration-300 z-20> Larsen's Pool & Spa /div> h3 classtext-mainDark group-hover/card:text-white transition-colors ease-in-out duration-300 capitalize 3xl:text-3xl lg:text-2xl text-xl font-semibold > Memories That Last /h3> p classtext-body2 group-hover/card:text-white/90 lg:text-base text-sm font-normal transition-colors ease-in-out duration-300> Make your pool the heart of your home, where moments turn into cherished memories. /p> /div> /div> /div> /div> div classrelative pb-10 lg:hidden> a href/contact classrelative group> div classabsolute inset-0 flex justify-center items-center> div classbg-white/25 backdrop-blur-lg rounded-full text-white md:text-xl text-base md:size-14 size-10 aspect-square flex items-center justify-center group-hover:border-white group-hover:bg-mainBlue transition-colors ease-in-out> i classfa-regular fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform ease-in-out duration-300>/i> /div> /div> img src/_astro/why-invest-first.DGXL98ib_1Vj6sR.webp altlink width369 height534 loadinglazy decodingasync class size-full object-cover rounded-4xl max-md:max-h-40> /a> /div> /div> !-- CardArrow title text /> --> /div> /div> /div> /section> section classoverflow-hidden relative before:absolute before:inset-0 before:bg-whiteFC before:-z-10 lg:py-16 py-10 border-y border-color06/10> div classcontainer mx-auto px-6 lg:px-8> div classgrid lg:grid-cols-2 grid-cols-1 gap-x-16 gap-y-8> div classh-full w-full overflow-hidden rounded-4xl> img src/_astro/what-sets-us-apart.D68S0CYx_ZxWjNw.webp alta nice pool image width1365 height955 loadinglazy decodingasync classh-full w-full object-cover> /div> !-- div classrounded-4xl overflow-hidden relative grid grid-cols-1> ImageComparisonSlider firstImage{WhyImg} secondImage{WhyImg} /> div classabsolute inset-x-11 bottom-8 z-30> div classflex flex-wrap justify-between gap-x-4 gap-y-2> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-white/15 before:-z-10 text-white 3xl:text-base lg:text-sm text-xs font-semibold > Before /div> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-white/15 before:-z-10 text-white 3xl:text-base lg:text-sm text-xs font-semibold > After /div> /div> /div> /div> --> div classflex flex-col gap-6> div classflex flex-col gap-4 items-start> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 3xl:text-base lg:text-sm text-xs font-semibold>Larsens Pool & Spa/div> h2 class3xl:text-5xl lg:text-4xl text-3xl font-medium text-mainDark>What Setsspan classtext-transparent bg-clip-text bg-titleGr2 font-semibold>Us Apart?/span> /h2> /div> !-- div classtext-body lg:text-base text-sm font-normal space-y-2> p> Lorem ipsum dolor sit amet consectetur. Eget aliquam eget amet pharetra mi erat sed. Maecenas amet ut consectetur luctus lectus magna suspendisse leo. Morbi viverra venenatis nisi dolor porttitor elit. Vestibulum leo sit aliquam dapibus orci enim mauris mauris nisl. Aliquam id tincidunt lobortis odio egestas mattis. Volutpat mattis suspendisse cursus pretium congue. Elit sollicitudin facilisis dolor dictumst turpis cras vel. /p> /div> --> div classw-full h-1px bg-black/5>/div> ul classspace-y-6> li classspace-y-3> h3 classlg:text-xl text-lg font-medium text-mainDark>Decades of Expertise:/h3> p classtext-body lg:text-base text-sm font-normal space-y-2>With over 37 years of experience, we bring unparalleled knowledge and craftsmanship to every project./p> /li> li> h3 classlg:text-xl text-lg font-medium text-mainDark>Industry Leading Warranties/h3> p classtext-body lg:text-base text-sm font-normal space-y-2>We stand by our work with the Industry’s Best Warranty Package on all new pool construction and 3 years on Hayward® pool equipment./p> /li> li classspace-y-3> h3 classlg:text-xl text-lg font-medium text-mainDark>Premium Materials/h3> p classtext-body lg:text-base text-sm font-normal space-y-2>We use only the finest materials, including Shotcrete Concrete, Hayward® Expert Line pool equipment, and PebbleTec® PebbleSheen® Interior finishes, for lasting quality and beauty./p> /li> /ul> div classflex flex-wrap sm:items-center gap-x-6 gap-y-2.5 mt-4 z-10> a href/contact classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> a href/about classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-black/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-whiteFA opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-mainDark font-bold group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Learn More/span> span classtext-white bg-mainBlue text-xs border border-transparent aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> /div> /div> /div> /div> /section> section classoverflow-hidden relative> div classcontainer mx-auto px-6 lg:px-8> div classflex flex-col gap-y-10> div classflex flex-wrap items-end justify-between gap-x-6 gap-y-3> div classflex flex-col gap-4 items-start> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 3xl:text-base lg:text-sm text-xs font-semibold> Larsen's Pool & Spa /div> h2 class3xl:text-5xl lg:text-4xl text-3xl font-medium text-mainDark> Your Dream Pool in span classtext-transparent bg-clip-text bg-titleGr2 font-semibold> 5 Simple Steps /span> /h2> /div> a href/contact classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> /div> div class grid gap-6 xl:grid-cols-6 md:grid-cols-2 grid-cols-1> div class overflow-hidden md:p-8 p-6 flex flex-col gap-4 border border-black/10 rounded-4xl relative group xl:col-span-2 col-span-1 > div classabsolute inset-0 bg-cardGr -z-20 opacity-100 group-hover:opacity-0 transition-opacity ease-in-out duration-300>/div> div classabsolute inset-0 bg-cardGr2 -z-10 opacity-0 group-hover:opacity-100 transition-opacity ease-in-out duration-300>/div> div classflex items-center lg:gap-x-6 gap-x-4 gap-y-3 max-420px:flex-col max-420px:items-start> div classlg:size-16 size-12 aspect-square relative overflow-hidden before:absolute before:inset-0 before:-z-10 before:bg-blueGr before:group-hover:opacity-0 before:transition-opacity before:ease-in-out before:duration-300 flex items-center justify-center rounded-2xl lg:text-3xl text-xl uppercase text-white font-semibold group-hover:text-mainBlue group-hover:!bg-white transition-colors ease-in-out duration-300> 01 /div> div classflex flex-col justify-center> div classuppercase text-body2 3xl:text-base lg:text-sm text-xs font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Larsen's Pool & Spa /div> h4 class3xl:text-size2xl lg:text-2xl text-xl text-color09 font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Consultation /h4> /div> /div> p classtext-body2 lg:text-base text-sm font-normal group-hover:text-white/90 transition-colors ease-in-out duration-300> We listen to your vision. /p> /div>div class overflow-hidden md:p-8 p-6 flex flex-col gap-4 border border-black/10 rounded-4xl relative group xl:col-span-2 col-span-1 > div classabsolute inset-0 bg-cardGr -z-20 opacity-100 group-hover:opacity-0 transition-opacity ease-in-out duration-300>/div> div classabsolute inset-0 bg-cardGr2 -z-10 opacity-0 group-hover:opacity-100 transition-opacity ease-in-out duration-300>/div> div classflex items-center lg:gap-x-6 gap-x-4 gap-y-3 max-420px:flex-col max-420px:items-start> div classlg:size-16 size-12 aspect-square relative overflow-hidden before:absolute before:inset-0 before:-z-10 before:bg-blueGr before:group-hover:opacity-0 before:transition-opacity before:ease-in-out before:duration-300 flex items-center justify-center rounded-2xl lg:text-3xl text-xl uppercase text-white font-semibold group-hover:text-mainBlue group-hover:!bg-white transition-colors ease-in-out duration-300> 02 /div> div classflex flex-col justify-center> div classuppercase text-body2 3xl:text-base lg:text-sm text-xs font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Larsen's Pool & Spa /div> h4 class3xl:text-size2xl lg:text-2xl text-xl text-color09 font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Design /h4> /div> /div> p classtext-body2 lg:text-base text-sm font-normal group-hover:text-white/90 transition-colors ease-in-out duration-300> Create a pool that reflects your lifestyle. See your new oasis come to life with a stunning 3-D Design. /p> /div>div class overflow-hidden md:p-8 p-6 flex flex-col gap-4 border border-black/10 rounded-4xl relative group xl:col-span-2 md:col-span-2 col-span-1 > div classabsolute inset-0 bg-cardGr -z-20 opacity-100 group-hover:opacity-0 transition-opacity ease-in-out duration-300>/div> div classabsolute inset-0 bg-cardGr2 -z-10 opacity-0 group-hover:opacity-100 transition-opacity ease-in-out duration-300>/div> div classflex items-center lg:gap-x-6 gap-x-4 gap-y-3 max-420px:flex-col max-420px:items-start> div classlg:size-16 size-12 aspect-square relative overflow-hidden before:absolute before:inset-0 before:-z-10 before:bg-blueGr before:group-hover:opacity-0 before:transition-opacity before:ease-in-out before:duration-300 flex items-center justify-center rounded-2xl lg:text-3xl text-xl uppercase text-white font-semibold group-hover:text-mainBlue group-hover:!bg-white transition-colors ease-in-out duration-300> 03 /div> div classflex flex-col justify-center> div classuppercase text-body2 3xl:text-base lg:text-sm text-xs font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Larsen's Pool & Spa /div> h4 class3xl:text-size2xl lg:text-2xl text-xl text-color09 font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Approval /h4> /div> /div> p classtext-body2 lg:text-base text-sm font-normal group-hover:text-white/90 transition-colors ease-in-out duration-300> Tailor every detail to perfection. /p> /div>div class overflow-hidden md:p-8 p-6 flex flex-col gap-4 border border-black/10 rounded-4xl relative group xl:col-span-3 col-span-1 > div classabsolute inset-0 bg-cardGr -z-20 opacity-100 group-hover:opacity-0 transition-opacity ease-in-out duration-300>/div> div classabsolute inset-0 bg-cardGr2 -z-10 opacity-0 group-hover:opacity-100 transition-opacity ease-in-out duration-300>/div> div classflex items-center lg:gap-x-6 gap-x-4 gap-y-3 max-420px:flex-col max-420px:items-start> div classlg:size-16 size-12 aspect-square relative overflow-hidden before:absolute before:inset-0 before:-z-10 before:bg-blueGr before:group-hover:opacity-0 before:transition-opacity before:ease-in-out before:duration-300 flex items-center justify-center rounded-2xl lg:text-3xl text-xl uppercase text-white font-semibold group-hover:text-mainBlue group-hover:!bg-white transition-colors ease-in-out duration-300> 04 /div> div classflex flex-col justify-center> div classuppercase text-body2 3xl:text-base lg:text-sm text-xs font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Larsen's Pool & Spa /div> h4 class3xl:text-size2xl lg:text-2xl text-xl text-color09 font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Construction /h4> /div> /div> p classtext-body2 lg:text-base text-sm font-normal group-hover:text-white/90 transition-colors ease-in-out duration-300> Build with precision and quality. /p> /div>div class overflow-hidden md:p-8 p-6 flex flex-col gap-4 border border-black/10 rounded-4xl relative group xl:col-span-3 col-span-1 > div classabsolute inset-0 bg-cardGr -z-20 opacity-100 group-hover:opacity-0 transition-opacity ease-in-out duration-300>/div> div classabsolute inset-0 bg-cardGr2 -z-10 opacity-0 group-hover:opacity-100 transition-opacity ease-in-out duration-300>/div> div classflex items-center lg:gap-x-6 gap-x-4 gap-y-3 max-420px:flex-col max-420px:items-start> div classlg:size-16 size-12 aspect-square relative overflow-hidden before:absolute before:inset-0 before:-z-10 before:bg-blueGr before:group-hover:opacity-0 before:transition-opacity before:ease-in-out before:duration-300 flex items-center justify-center rounded-2xl lg:text-3xl text-xl uppercase text-white font-semibold group-hover:text-mainBlue group-hover:!bg-white transition-colors ease-in-out duration-300> 05 /div> div classflex flex-col justify-center> div classuppercase text-body2 3xl:text-base lg:text-sm text-xs font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Larsen's Pool & Spa /div> h4 class3xl:text-size2xl lg:text-2xl text-xl text-color09 font-semibold group-hover:text-white transition-colors ease-in-out duration-300> Final Reveal /h4> /div> /div> p classtext-body2 lg:text-base text-sm font-normal group-hover:text-white/90 transition-colors ease-in-out duration-300> Welcome to your backyard paradise. /p> /div> /div> /div> /div> /section> !-- SectionResources gridSizexl:grid-cols-4 md:grid-cols-2 grid-cols-1 cardList{ { image: BlogImg, text: From waterfalls to energy-efficient lighting, discover features that elevate your pool experience., title: Popular Custom Features to Add to Your New Swimming Pool, link: /blogs/creating-a-resort-style-backyard, date: 12.10.2024, }, { image: BlogImg2, text: Understand the essentials of pool construction, including material choices and design considerations., title: 6 Facts About Swimming Pool Construction Projects, link: /blogs/creating-a-resort-style-backyard, date: 12.10.2024, }, { image: BlogImg3, text: Transform your existing pool with tips on planning, materials, and must-have upgrades., title: Creative Pool Remodeling Ideas: Transform Your Backyard Oasis, link: /blogs/creating-a-resort-style-backyard, date: 12.10.2024, }, { image: BlogImg4, text: Keep your pool pristine with expert advice on cleaning, water balancing, and seasonal care., title: 9 Ways to Keep Your Pool Clean in a Wooded Area, link: /blogs/creating-a-resort-style-backyard, date: 12.10.2024, }, } /> --> section classoverflow-hidden relative> div classcontainer mx-auto px-6 lg:px-8> div classgrid lg:grid-cols-2 grid-cols-1 gap-x-10 gap-y-8> div classrounded-4xl relative overflow-hidden xl:max-h-900px xl:min-h-900px lg:min-h-1100px lg:max-h-1100px> img src/_astro/faqs.Bvw2Z_78_LnC5J.webp altimage faq width1323 height967 loadinglazy decodingasync class w-full h-full object-cover rounded-4xl > !-- div classabsolute inset-x-11 bottom-8 z-10> div classflex flex-wrap justify-between gap-y-3> div classrelative 2xl:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-white/15 before:-z-10 text-white 3xl:text-base lg:text-sm text-xs font-semibold > Larsens Pool & Spa /div> div classrelative 2xl:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-white/15 before:-z-10 text-white 3xl:text-base lg:text-sm text-xs font-semibold > Lorem Ipsum Dolor Sit /div> div classrelative 2xl:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-white/15 before:-z-10 text-white 3xl:text-base lg:text-sm text-xs font-semibold > Lorem Ipsum Dolor Sit /div> /div> /div> --> /div> div classflex flex-col gap-6> div classflex flex-col gap-4 items-start> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 3xl:text-base lg:text-sm text-xs font-semibold>Larsens Pool & Spa/div> h2 class3xl:text-5xl lg:text-4xl text-3xl font-medium text-mainDark>Frequently Asked span classtext-transparent bg-clip-text bg-titleGr2 font-semibold>Questions/span> /h2> /div> div classfaq-accordion grid grid-cols-1 gap-7 idfaq-group-1> div classfaq-box group/box relative data-value1> div classrelative overflow-hidden lg:px-8 px-6 py-3 rounded-5xl border border-black/10 flex flex-col group-.active/box:gap-3 transition ease-in-out duration-300> div classabsolute inset-0 bg-cardGr2 group-hover/box:opacity-100 group-.active/box:opacity-100 opacity-0 transition-opacity ease-in-out duration-300>/div> button typebutton classitem-btn group relative flex flex-row gap-2 justify-between items-center w-full transition-colors ease-in-out duration-300 value1> div classflex flex-row items-start> h3 classtext-body2 group-.active/box:text-white text-start font-semibold xl:text-xl md:text-lg text-base group-hover/box:text-white transition-colors ease-in-out duration-300> What is included in the free consultation? /h3> /div> div classflex items-center justify-center item-icon shrink-0> div classitem-icon relative overflow-hidden flex flex-row sm:w-10 sm:h-10 w-8 h-8 bg-white rounded-full shrink-0 items-center justify-center> div classabsolute inset-0 w-full h-full bg-blueGr z-10 group-.active/box:opacity-0 group-hover/box:opacity-0 opacity-100 transition-opacity ease-in-out duration-300>/div> i classfa-solid fa-minus hidden sm:text-2xl text-base text-mainBlue opacity-0 group-.active/box:block group-.active/box:opacity-100 transition ease-in-out duration-300>/i> i classfa-solid fa-plus z-20 text-white group-hover/box:text-mainBlue sm:text-2xl text-base opacity-100 group-.active/box:hidden group-.active/box:opacity-0 transition ease-in-out duration-300>/i> /div> /div> /button> div classitem-content relative max-h-0 overflow-hidden id1> div classtext-white/90 max-w-6xl lg:text-base text-sm font-normal space-y-2 pb-4> p class undefined>During the free consultation, one of our experts will meet you at your home to review your site layout and discuss your specific needs and ideas. This includes:/p> div classlg:text-base text-sm text-white/90 font-normal flex flex-col gap-3> ul classlist-disc ml-6> li>Assessing your backyard space for design and feasibility./li> li>Discussing potential pool designs, features, and materials tailored to your vision./li> li>Providing a preliminary timeline and cost estimate based on your preferences./li> li>Answering any questions about the process, materials, warranties, and customization options./li> /ul> p>The consultation is designed to give you a clear understanding of what’s possible and how we can bring your dream pool to life./p> /div> /div> /div> /div> /div> div classfaq-box group/box relative data-value2> div classrelative overflow-hidden lg:px-8 px-6 py-3 rounded-5xl border border-black/10 flex flex-col group-.active/box:gap-3 transition ease-in-out duration-300> div classabsolute inset-0 bg-cardGr2 group-hover/box:opacity-100 group-.active/box:opacity-100 opacity-0 transition-opacity ease-in-out duration-300>/div> button typebutton classitem-btn group relative flex flex-row gap-2 justify-between items-center w-full transition-colors ease-in-out duration-300 value2> div classflex flex-row items-start> h3 classtext-body2 group-.active/box:text-white text-start font-semibold xl:text-xl md:text-lg text-base group-hover/box:text-white transition-colors ease-in-out duration-300> Do you handle permits and approvals for pool construction? /h3> /div> div classflex items-center justify-center item-icon shrink-0> div classitem-icon relative overflow-hidden flex flex-row sm:w-10 sm:h-10 w-8 h-8 bg-white rounded-full shrink-0 items-center justify-center> div classabsolute inset-0 w-full h-full bg-blueGr z-10 group-.active/box:opacity-0 group-hover/box:opacity-0 opacity-100 transition-opacity ease-in-out duration-300>/div> i classfa-solid fa-minus hidden sm:text-2xl text-base text-mainBlue opacity-0 group-.active/box:block group-.active/box:opacity-100 transition ease-in-out duration-300>/i> i classfa-solid fa-plus z-20 text-white group-hover/box:text-mainBlue sm:text-2xl text-base opacity-100 group-.active/box:hidden group-.active/box:opacity-0 transition ease-in-out duration-300>/i> /div> /div> /button> div classitem-content relative max-h-0 overflow-hidden id2> div classtext-white/90 max-w-6xl lg:text-base text-sm font-normal space-y-2 pb-4> p class undefined>Yes, we take care of all necessary permits and approvals required for your pool construction. We ensure compliance with local regulations and inspections, so you can relax knowing every detail is managed professionally and efficiently./p> /div> /div> /div> /div> div classfaq-box group/box relative data-value3> div classrelative overflow-hidden lg:px-8 px-6 py-3 rounded-5xl border border-black/10 flex flex-col group-.active/box:gap-3 transition ease-in-out duration-300> div classabsolute inset-0 bg-cardGr2 group-hover/box:opacity-100 group-.active/box:opacity-100 opacity-0 transition-opacity ease-in-out duration-300>/div> button typebutton classitem-btn group relative flex flex-row gap-2 justify-between items-center w-full transition-colors ease-in-out duration-300 value3> div classflex flex-row items-start> h3 classtext-body2 group-.active/box:text-white text-start font-semibold xl:text-xl md:text-lg text-base group-hover/box:text-white transition-colors ease-in-out duration-300> Can I customize the features in my pool? /h3> /div> div classflex items-center justify-center item-icon shrink-0> div classitem-icon relative overflow-hidden flex flex-row sm:w-10 sm:h-10 w-8 h-8 bg-white rounded-full shrink-0 items-center justify-center> div classabsolute inset-0 w-full h-full bg-blueGr z-10 group-.active/box:opacity-0 group-hover/box:opacity-0 opacity-100 transition-opacity ease-in-out duration-300>/div> i classfa-solid fa-minus hidden sm:text-2xl text-base text-mainBlue opacity-0 group-.active/box:block group-.active/box:opacity-100 transition ease-in-out duration-300>/i> i classfa-solid fa-plus z-20 text-white group-hover/box:text-mainBlue sm:text-2xl text-base opacity-100 group-.active/box:hidden group-.active/box:opacity-0 transition ease-in-out duration-300>/i> /div> /div> /button> div classitem-content relative max-h-0 overflow-hidden id3> div classtext-white/90 max-w-6xl lg:text-base text-sm font-normal space-y-2 pb-4> p class undefined>Absolutely! From water features, lighting, and heating systems to custom tiling and attached spas, our pools are fully customizable. We’ll work closely with you to incorporate the features that best match your style, functionality needs, and budget. /p> /div> /div> /div> /div> div classfaq-box group/box relative data-value4> div classrelative overflow-hidden lg:px-8 px-6 py-3 rounded-5xl border border-black/10 flex flex-col group-.active/box:gap-3 transition ease-in-out duration-300> div classabsolute inset-0 bg-cardGr2 group-hover/box:opacity-100 group-.active/box:opacity-100 opacity-0 transition-opacity ease-in-out duration-300>/div> button typebutton classitem-btn group relative flex flex-row gap-2 justify-between items-center w-full transition-colors ease-in-out duration-300 value4> div classflex flex-row items-start> h3 classtext-body2 group-.active/box:text-white text-start font-semibold xl:text-xl md:text-lg text-base group-hover/box:text-white transition-colors ease-in-out duration-300> What is the warranty process if I need repairs? /h3> /div> div classflex items-center justify-center item-icon shrink-0> div classitem-icon relative overflow-hidden flex flex-row sm:w-10 sm:h-10 w-8 h-8 bg-white rounded-full shrink-0 items-center justify-center> div classabsolute inset-0 w-full h-full bg-blueGr z-10 group-.active/box:opacity-0 group-hover/box:opacity-0 opacity-100 transition-opacity ease-in-out duration-300>/div> i classfa-solid fa-minus hidden sm:text-2xl text-base text-mainBlue opacity-0 group-.active/box:block group-.active/box:opacity-100 transition ease-in-out duration-300>/i> i classfa-solid fa-plus z-20 text-white group-hover/box:text-mainBlue sm:text-2xl text-base opacity-100 group-.active/box:hidden group-.active/box:opacity-0 transition ease-in-out duration-300>/i> /div> /div> /button> div classitem-content relative max-h-0 overflow-hidden id4> div classtext-white/90 max-w-6xl lg:text-base text-sm font-normal space-y-2 pb-4> p class undefined>If you ever need repairs, our warranty process is straightforward. Simply contact our team, and we’ll assess the issue covered under the Industry’s Best Warranty Package for construction or the 3-Year Warranty on Hayward® equipment. We stand by our work and ensure your pool remains in top condition for years to come. /p> /div> /div> /div> /div> div classfaq-box group/box relative data-value5> div classrelative overflow-hidden lg:px-8 px-6 py-3 rounded-5xl border border-black/10 flex flex-col group-.active/box:gap-3 transition ease-in-out duration-300> div classabsolute inset-0 bg-cardGr2 group-hover/box:opacity-100 group-.active/box:opacity-100 opacity-0 transition-opacity ease-in-out duration-300>/div> button typebutton classitem-btn group relative flex flex-row gap-2 justify-between items-center w-full transition-colors ease-in-out duration-300 value5> div classflex flex-row items-start> h3 classtext-body2 group-.active/box:text-white text-start font-semibold xl:text-xl md:text-lg text-base group-hover/box:text-white transition-colors ease-in-out duration-300> What’s the timeline for renovations compared to new construction? /h3> /div> div classflex items-center justify-center item-icon shrink-0> div classitem-icon relative overflow-hidden flex flex-row sm:w-10 sm:h-10 w-8 h-8 bg-white rounded-full shrink-0 items-center justify-center> div classabsolute inset-0 w-full h-full bg-blueGr z-10 group-.active/box:opacity-0 group-hover/box:opacity-0 opacity-100 transition-opacity ease-in-out duration-300>/div> i classfa-solid fa-minus hidden sm:text-2xl text-base text-mainBlue opacity-0 group-.active/box:block group-.active/box:opacity-100 transition ease-in-out duration-300>/i> i classfa-solid fa-plus z-20 text-white group-hover/box:text-mainBlue sm:text-2xl text-base opacity-100 group-.active/box:hidden group-.active/box:opacity-0 transition ease-in-out duration-300>/i> /div> /div> /button> div classitem-content relative max-h-0 overflow-hidden id5> div classtext-white/90 max-w-6xl lg:text-base text-sm font-normal space-y-2 pb-4> p class undefined>Renovations typically take 4–6 weeks, depending on the scope of the project, while new pool construction usually takes 8–12 weeks. We’ll provide a clear timeline tailored to your specific project to ensure everything runs smoothly during the consultation. Schedule a consultation here./p> /div> /div> /div> /div> /div> div classflex flex-wrap items-center gap-x-6 gap-y-2.5 mt-4> a href/contact classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> a href/about classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-black/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-whiteFA opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-mainDark font-bold group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Learn More/span> span classtext-white bg-mainBlue text-xs border border-transparent aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> /div> /div> /div> /div> /section> section classoverflow-hidden relative> div classabsolute bottom-0 right-0 h-64 bg-whiteGr w-16 sm:hidden>/div> div classcontainer mx-auto px-6 lg:px-8> div classflex flex-col gap-y-10> div classflex flex-wrap items-end justify-between gap-x-6 gap-y-8> div classflex flex-col gap-4 items-start> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 3xl:text-base lg:text-sm text-xs font-semibold>Larsens Pool & Spa/div> h2 class3xl:text-5xl lg:text-4xl text-3xl font-medium text-mainDark text-balance>Our Clientsspan classtext-transparent bg-clip-text bg-titleGr2 font-semibold>Speak for Us/span> /h2> /div> !-- div classflex flex-wrap items-center gap-x-6 gap-y-2> Button textWhat is the warranty process if I need repairs? link /> ButtonTwo textLeave a Review link/contact /> /div> --> /div> div classtestiomonial relative lg:z-20 block w-full m> div classswiper-wrapper> div classswiper-slide> div classrelative block overflow-hidden sm:h-60 h-64 max-w-md rounded-b-27px border-b-2px border-black/10> div classabsolute top-0 left-0> div classw-24 h-24 max-330px:w-74px max-sm:w-80px max-sm:h-80px bg-blueGr rounded-4xl flex items-center justify-center> div classtext-3xl font-bold text-white>A/div> /div> /div> div classrelative max-w-md aspect-square p-1px bg-black/10 mask-clip> div classaspect-square border border-transparent bg-whiteFC p-6 mask-clip> div classflex flex-row ml-auto sm:max-w-56 max-w-52 max-470px:max-w-48 max-400px:max-w-60 max-350px:max-w-44 h-24 justify-center> div classflex flex-wrap justify-start max-450px:flex-col gap-x-2 gap-y-0 items-start> div classflex flex-col> h2 class3xl:text-xl sm:text-lg text-base font-semibold text-color09> Ashley Carrio /h2> p class3xl:text-base xl:text-sm text-xs text-dark font-normal> Loyal Customer /p> /div> div classflex items-center gap-0.5 text-sm text-#F6BE2A sm:mt-1.5 mt-1> i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i> /div> /div> /div> !-- Description Section --> p classtext-body lg:text-base text-sm leading-relaxed> We could not be happier with everything Larsen’s did. Every single person we worked with, Eric, Reid, Adam, Justin, Mike, Cathy, etc /p> /div> /div> /div> /div>div classswiper-slide> div classrelative block overflow-hidden sm:h-60 h-64 max-w-md rounded-b-27px border-b-2px border-black/10> div classabsolute top-0 left-0> div classw-24 h-24 max-330px:w-74px max-sm:w-80px max-sm:h-80px bg-blueGr rounded-4xl flex items-center justify-center> div classtext-3xl font-bold text-white>S/div> /div> /div> div classrelative max-w-md aspect-square p-1px bg-black/10 mask-clip> div classaspect-square border border-transparent bg-whiteFC p-6 mask-clip> div classflex flex-row ml-auto sm:max-w-56 max-w-52 max-470px:max-w-48 max-400px:max-w-60 max-350px:max-w-44 h-24 justify-center> div classflex flex-wrap justify-start max-450px:flex-col gap-x-2 gap-y-0 items-start> div classflex flex-col> h2 class3xl:text-xl sm:text-lg text-base font-semibold text-color09> Shawn Brown /h2> p class3xl:text-base xl:text-sm text-xs text-dark font-normal> Loyal Customer /p> /div> div classflex items-center gap-0.5 text-sm text-#F6BE2A sm:mt-1.5 mt-1> i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i> /div> /div> /div> !-- Description Section --> p classtext-body lg:text-base text-sm leading-relaxed> Larsen's customer service has been outstanding starting with Dan Meyer in Sales. These guys have been really great. /p> /div> /div> /div> /div>div classswiper-slide> div classrelative block overflow-hidden sm:h-60 h-64 max-w-md rounded-b-27px border-b-2px border-black/10> div classabsolute top-0 left-0> div classw-24 h-24 max-330px:w-74px max-sm:w-80px max-sm:h-80px bg-blueGr rounded-4xl flex items-center justify-center> div classtext-3xl font-bold text-white>J/div> /div> /div> div classrelative max-w-md aspect-square p-1px bg-black/10 mask-clip> div classaspect-square border border-transparent bg-whiteFC p-6 mask-clip> div classflex flex-row ml-auto sm:max-w-56 max-w-52 max-470px:max-w-48 max-400px:max-w-60 max-350px:max-w-44 h-24 justify-center> div classflex flex-wrap justify-start max-450px:flex-col gap-x-2 gap-y-0 items-start> div classflex flex-col> h2 class3xl:text-xl sm:text-lg text-base font-semibold text-color09> John Savage /h2> p class3xl:text-base xl:text-sm text-xs text-dark font-normal> Loyal Customer /p> /div> div classflex items-center gap-0.5 text-sm text-#F6BE2A sm:mt-1.5 mt-1> i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i> /div> /div> /div> !-- Description Section --> p classtext-body lg:text-base text-sm leading-relaxed> Eric Larsen, who is the owner of this pool company, who we bought our pool from over 10 years ago, is amazing! Amazing service. /p> /div> /div> /div> /div>div classswiper-slide> div classrelative block overflow-hidden sm:h-60 h-64 max-w-md rounded-b-27px border-b-2px border-black/10> div classabsolute top-0 left-0> div classw-24 h-24 max-330px:w-74px max-sm:w-80px max-sm:h-80px bg-blueGr rounded-4xl flex items-center justify-center> div classtext-3xl font-bold text-white>S/div> /div> /div> div classrelative max-w-md aspect-square p-1px bg-black/10 mask-clip> div classaspect-square border border-transparent bg-whiteFC p-6 mask-clip> div classflex flex-row ml-auto sm:max-w-56 max-w-52 max-470px:max-w-48 max-400px:max-w-60 max-350px:max-w-44 h-24 justify-center> div classflex flex-wrap justify-start max-450px:flex-col gap-x-2 gap-y-0 items-start> div classflex flex-col> h2 class3xl:text-xl sm:text-lg text-base font-semibold text-color09> Shelly Day /h2> p class3xl:text-base xl:text-sm text-xs text-dark font-normal> Loyal Customer /p> /div> div classflex items-center gap-0.5 text-sm text-#F6BE2A sm:mt-1.5 mt-1> i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i> /div> /div> /div> !-- Description Section --> p classtext-body lg:text-base text-sm leading-relaxed> From its sleek design to its top-notch functionality, every aspect of this pool has exceeded our expectations. /p> /div> /div> /div> /div>div classswiper-slide> div classrelative block overflow-hidden sm:h-60 h-64 max-w-md rounded-b-27px border-b-2px border-black/10> div classabsolute top-0 left-0> div classw-24 h-24 max-330px:w-74px max-sm:w-80px max-sm:h-80px bg-blueGr rounded-4xl flex items-center justify-center> div classtext-3xl font-bold text-white>D/div> /div> /div> div classrelative max-w-md aspect-square p-1px bg-black/10 mask-clip> div classaspect-square border border-transparent bg-whiteFC p-6 mask-clip> div classflex flex-row ml-auto sm:max-w-56 max-w-52 max-470px:max-w-48 max-400px:max-w-60 max-350px:max-w-44 h-24 justify-center> div classflex flex-wrap justify-start max-450px:flex-col gap-x-2 gap-y-0 items-start> div classflex flex-col> h2 class3xl:text-xl sm:text-lg text-base font-semibold text-color09> Dulce Mongiardo /h2> p class3xl:text-base xl:text-sm text-xs text-dark font-normal> Loyal Customer /p> /div> div classflex items-center gap-0.5 text-sm text-#F6BE2A sm:mt-1.5 mt-1> i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i> /div> /div> /div> !-- Description Section --> p classtext-body lg:text-base text-sm leading-relaxed> Absolutely outstanding! We couldn’t be happier with our pool and every aspect of the process. You will not be disappointed. /p> /div> /div> /div> /div>div classswiper-slide> div classrelative block overflow-hidden sm:h-60 h-64 max-w-md rounded-b-27px border-b-2px border-black/10> div classabsolute top-0 left-0> div classw-24 h-24 max-330px:w-74px max-sm:w-80px max-sm:h-80px bg-blueGr rounded-4xl flex items-center justify-center> div classtext-3xl font-bold text-white>C/div> /div> /div> div classrelative max-w-md aspect-square p-1px bg-black/10 mask-clip> div classaspect-square border border-transparent bg-whiteFC p-6 mask-clip> div classflex flex-row ml-auto sm:max-w-56 max-w-52 max-470px:max-w-48 max-400px:max-w-60 max-350px:max-w-44 h-24 justify-center> div classflex flex-wrap justify-start max-450px:flex-col gap-x-2 gap-y-0 items-start> div classflex flex-col> h2 class3xl:text-xl sm:text-lg text-base font-semibold text-color09> Cheryl Wasserman /h2> p class3xl:text-base xl:text-sm text-xs text-dark font-normal> Loyal Customer /p> /div> div classflex items-center gap-0.5 text-sm text-#F6BE2A sm:mt-1.5 mt-1> i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i>i classfa-solid fa-star>/i> /div> /div> /div> !-- Description Section --> p classtext-body lg:text-base text-sm leading-relaxed> Larsen's was amazing to work with - we love our new pool and spa! It's nice to work with people who care so much about the work they do! /p> /div> /div> /div> /div> /div> /div> /div> /div> /section> script typemodule src/_astro/TestimonialSlider.astro_astro_type_script_index_0_lang.BvUZHA2r.js>/script> /main> section classoverflow-hidden relative z-0> div classcontainer mx-auto px-6 lg:px-8> div classflex flex-col justify-center items-center gap-6 py-32 relative rounded-t-4xl overflow-hidden> div classabsolute inset-0 -z-20> img src/_astro/cta-banner.iuEbux5W_1fiWE9.webp altimage width2688 height806 loadinglazy decodingasync classsize-full object-cover> /div> div classabsolute inset-0 bg-HeroGr -z-10>/div> div classflex flex-col gap-4 items-center lg:px-8 px-6> div classrelative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:bg-white/10 before:backdrop-blur-3xl before:rounded-full before:border before:border-white/15 before:-z-10 text-white 3xl:text-base lg:text-sm text-xs font-semibold> Larsen's Pool & Spa /div> h2 class3xl:text-5xl lg:text-4xl text-3xl font-medium text-white text-center> Your Dream Oasis Awaits /h2> /div> div classtext-white/90 lg:text-base text-sm font-normal max-w-xl text-center lg:px-8 px-6> p> Partner with Larsen’s Pool & Spa to design a masterpiece that blends luxury, style, and timeless beauty. /p> /div> div classflex flex-wrap items-center gap-x-6 gap-y-2.5 mt-4 lg:px-8 px-6 z-10> a href/contact classrelative overflow-hidden rounded-full sm:pl-6 sm:pr-2 pl-5 pr-1.5 py-2 text-white border border-white/10 flex items-center justify-between sm:gap-4 gap-3 2xl:text-lg md:text-base text-sm text-balance group/btn> div classabsolute -inset-10 rounded-full bg-colorGr border border-white/10 opacity-100 group-hover/btn:opacity-0 transition-opacity ease-in-out duration-300 -z-40>/div> div classabsolute inset-0 rounded-full bg-white border border-mainBlue opacity-0 group-hover/btn:opacity-100 transition-opacity ease-in-out duration-300 -z-40>/div> span classtext-white font-medium group-hover/btn:text-mainBlue transition-colors ease-in-out duration-300>Request a Quote/span> span classtext-mainBlue bg-white group-hover/btn:bg-whiteFA group-hover/btn:border-mainBlue border border-white transition-colors ease-in-out duration-300 text-xs aspect-square sm:size-7 size-6 flex items-center justify-center rounded-full> i classfa-regular fa-arrow-right group-hover/btn:-rotate-45 group-hover/btn:scale-105 transition ease-in-out duration-300>/i> /span> /a> /div> /div> /div> /section> /div> footer classz-10 overflow-hidden -translate-y-10 > div classcontainer mx-auto px-6 lg:px-8> div classflex xl:flex-row max-xl:flex-col justify-between xl:gap-x-14 gap-x-8 gap-y-10 bg-whiteFD border border-black/10 2xl:px-12 pt-12 md:pb-24 pb-16 md:px-8 px-6 rounded-4xl overflow-hidden> div classxl:w-4/12 lg:w-6/12 flex flex-col gap-4 items-start shrink-0> div classz-10 relative lg:px-5 px-3 3xl:py-2 py-1.5 before:absolute before:inset-0 before:rounded-full before:border before:border-color06/10 before:-z-10 text-body2 3xl:text-base lg:text-sm text-xs font-semibold>Larsens Pool & Spa/div> !-- h4 classtext-color06 font-semibold 3xl:text-2xl 2xl:text-xl text-lg capitalize > Lorem ipsum dolor sit amet consectetur. /h4> --> !-- p classtext-body2 2xl:text-base text-sm font-normal> Lorem ipsum dolor sit amet consectetur. Eget aliquam eget amet pharetra mi erat sed. Maecenas amet ut consectetur luctus lectu. /p> --> form action/thankyou classpt-4 w-full methodPOST nameemail>input typehidden nameform-name valueemail /> h5 classtext-color09 font-semibold 3xl:text-2xl 2xl:text-xl text-base capitalize pl-2 pb-3>Sign up for our Newsletter/h5> div classbg-white border border-color06/10 rounded-full pl-5 py-2 pr-2.5 w-full flex flex-row justify-between> input placeholderEnter Your Email typeemail nameemail required classoutline-none w-full placeholder:text-body2 text-mainDark text-sm font-medium> button typesubmit classborder border-white/5 bg-mainBlue aspect-square rounded-full size-8 flex items-center justify-center group> i classfa-regular fa-arrow-right text-white group-hover:-rotate-45 transition-transform ease-in-out duration-300>/i> /button> /div> /form> /div> div class3xl:w-7/12 w-full lg:flex lg:flex-row max-lg:grid max-lg:grid-cols-2 max-sm:grid-cols-1 2xl:gap-x-11 gap-x-8 gap-y-8 justify-between> div classflex flex-col 2xl:gap-8 gap-5> h5 classtext-color09 font-semibold 3xl:text-2xl 2xl:text-xl text-base capitalize>Navigation/h5> ul class2xl:text-base text-sm font-normal text-body2 2xl:space-y-4 space-y-3> li> a href/ classhover:text-mainBlue transition-colors ease-in-out duration-300>Home/a> /li> li> a href/about classhover:text-mainBlue transition-colors ease-in-out duration-300>About/a> /li> li> a href/gallery classhover:text-mainBlue transition-colors ease-in-out duration-300>Gallery/a> /li> !-- li> a href/resources classhover:text-mainBlue transition-colors ease-in-out duration-300 > Resources /a> /li> --> li> a href/financing classhover:text-mainBlue transition-colors ease-in-out duration-300>Financing/a> /li> li> a href/contact classhover:text-mainBlue transition-colors ease-in-out duration-300>Contact/a> /li> /ul> /div> div classflex flex-col 2xl:gap-8 gap-5> h5 classtext-color09 font-semibold 3xl:text-2xl 2xl:text-xl text-base capitalize>Services/h5> ul class2xl:text-base text-sm font-normal text-body2 2xl:space-y-4 space-y-3 2xl:max-w-40 max-w-28> li> a hrefpool-remodeling classhover:text-mainBlue transition-colors ease-in-out duration-300>Pool Remodeling/a> /li> li class> a href/pool-design-and-construction classhover:text-mainBlue transition-colors ease-in-out duration-300>Pool Design and Construction/a> /li> /ul> /div> div classflex flex-col 2xl:gap-8 gap-5> h5 classtext-color09 font-semibold 3xl:text-2xl 2xl:text-xl text-base capitalize>Get In Touch/h5> ul class2xl:text-base text-sm font-normal text-body2 2xl:space-y-4 space-y-3> !-- li classmax-w-44>Lorem ipsum dolor sit amet consectetur./li> --> li> a hreftel:7277867665 classhover:text-mainBlue transition-colors ease-in-out duration-300>727-786-7665/a> /li> li> a hrefmailto:info@larsenspoolandspa.com classhover:text-mainBlue transition-colors ease-in-out duration-300>info@larsenspoolandspa.com/a> /li> /ul> /div> div classflex flex-col 2xl:gap-8 gap-5> h5 classtext-color09 font-semibold 3xl:text-2xl 2xl:text-xl text-base capitalize>Social Media/h5> ul class2xl:text-base text-sm font-normal text-body2 2xl:space-y-4 space-y-3> li> a hrefhttps://instagram.com/larsenspoolandspa/ target_blank classhover:text-mainBlue transition-colors ease-in-out duration-300>Instagram/a> /li> li> a hrefhttps://www.facebook.com/LarsensPoolandSpa/ target_blank classhover:text-mainBlue transition-colors ease-in-out duration-300>Facebook/a> /li> li> a hrefhttps://www.youtube.com/channel/UCZI3WftcDNwr8Ry6tb46Dww target_blank classhover:text-mainBlue transition-colors ease-in-out duration-300>Youtube/a> /li> /ul> /div> /div> /div> div classbg-white border border-whiteE9 rounded-4xl lg:px-12 md:px-8 px-6 py-6 -mt-8 flex flex-wrap justify-between gap-2> p classtext-body2 3xl:text-sm text-xs font-normal>Copyright © 2025 Larsens Pool & Spa. All Rights Reserved/p> p classtext-body2 3xl:text-sm text-xs font-normal>Designed and Developed By a hrefhttps://thraskersolutions.com/ target_blank relnoopener noreferrer classhover:text-mainBlue transition-colors ease-in-out duration-300>Thrasker/a> /p> /div> /div> /footer> script typemodule src/_astro/Layout.astro_astro_type_script_index_0_lang.qTH6K3cY.js>/script> !-- Swiper JS --> !-- script srchttps://unpkg.com/swiper/swiper-bundle.min.js>/script> --> !-- script> import AOS from aos; AOS.init(); /script> --> !-- clip Testimonials --> svg classclippy> defs> clipPath idclip-squiggle clipPathUnitsobjectBoundingBox> path fill-ruleevenodd clip-ruleevenodd dM0.24 0.288732C0.273137 0.288732 0.3 0.261869 0.3 0.228732V0.06C0.3 0.0268629 0.326863 0 0.36 0H0.94C0.973137 0 1 0.0268629 1 0.06V0.94C1 0.973137 0.973137 1 0.94 1H0.06C0.0268629 1 0 0.973137 0 0.94V0.348732C0 0.315595 0.0268629 0.288732 0.06 0.288732H0.24Z fillred>/path> /clipPath> /defs> /svg> !-- clip Testimonials end --> !-- FAQ --> script> document.addEventListener(DOMContentLoaded, function () { var faqAccordion document.querySelector(.faq-accordion); var faqBoxes faqAccordion.querySelectorAll(.faq-box); // Ensure the first element is always active if (faqBoxes.length > 0) { var firstBox faqBoxes0; var firstBtn firstBox.querySelector(.item-btn); var firstContent firstBox.querySelector(.item-content); firstBox.classList.add(active); firstBtn.classList.add(active); firstContent.style.maxHeight firstContent.scrollHeight + px; } faqBoxes.forEach(function (box) { box.addEventListener(click, function () { var btn this.querySelector(.item-btn); var content this.querySelector(.item-content); var isActive this.classList.contains(active); // Close all other active faq-box elements and toggle their classes faqBoxes.forEach(function (otherBox) { if (otherBox ! box && otherBox.classList.contains(active)) { var otherContent otherBox.querySelector(.item-content); otherBox.classList.remove(active); otherBox.querySelector(.item-btn).classList.remove(active); slideToggle(otherContent, 300, true); // Collapse other item-contents } }); // Toggle active class on current faq-box box.classList.toggle(active); // Toggle active class on item-btn btn.classList.toggle(active); // Toggle active class on item-content and slide slideToggle(content, 300); // If the clicked FAQ was already active, remove its active state if (isActive) { content.classList.remove(active); slideToggle(content, 300, true); // Collapse content } }); }); function slideToggle(element, duration, collapse) { var maxHeight element.scrollHeight; var originalTransition element.style.transition; element.style.transition max-height + duration + ms ease-in-out; element.style.maxHeight collapse ? 0 : maxHeight + px; setTimeout(function () { element.style.transition originalTransition; }, duration); } }); /script> /body> /html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]