@media (max-width:980px){#main-header,#top-header,.et-l--header{z-index:99999!important}#main-header{padding:6px 0!important}#main-header .container.et_menu_container{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:nowrap!important;width:95%!important}#main-header .logo_container{margin:0!important;padding:0!important;float:none!important;max-width:140px!important;flex:0 0 auto!important}#main-header #logo{max-height:42px!important;width:auto!important}#main-header #et-top-navigation{margin-left:auto!important;padding:0!important;float:none!important;display:flex!important;align-items:center!important;gap:10px!important}#main-header a[href^="tel:"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;padding:10px 12px!important;border-radius:999px!important;background:#22c55e!important;color:#0b0f0d!important;font-weight:800!important;font-size:14px!important;line-height:1!important;text-decoration:none!important;margin:0!important}#main-header .et_mobile_nav_menu,#main-header .mobile_nav{margin:0!important}#main-header .mobile_menu_bar{padding:8px 10px!important;margin:0!important;border-radius:10px!important}#main-header .mobile_menu_bar:before{font-size:28px!important;color:#ffffff!important}.et-l--header .et_pb_section,.et-l--header .et_pb_row{padding-top:0!important;padding-bottom:0!important}.et-l--header .et_pb_menu .et_pb_menu_inner_container{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important}.et-l--header .et_pb_menu .et_pb_menu__logo-wrap,.et-l--header .et_pb_menu .et_pb_menu__logo{flex:0 0 auto!important;margin:0!important}.et-l--header .et_pb_menu .et_pb_menu__logo img{max-height:42px!important;width:auto!important}.et-l--header .et_pb_menu .et_pb_menu__wrap{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important}.et-l--header .et_pb_menu a[href^="tel:"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;padding:10px 12px!important;border-radius:999px!important;background:#22c55e!important;color:#0b0f0d!important;font-weight:800!important;font-size:14px!important;line-height:1!important;text-decoration:none!important}.et-l--header .et_mobile_nav_menu{margin:0!important}.et-l--header .mobile_menu_bar:before{font-size:28px!important;color:#ffffff!important}.et_mobile_menu{background:#111827!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important;z-index:999999!important}.et_mobile_menu li a{background:transparent!important;color:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(255,255,255,.10)!important}.et_mobile_menu li a:hover{background:rgba(255,255,255,.06)!important}}@media only screen and (max-width:980px){.logo_container,.logo_container a,.logo_container img,#logo,.et_pb_menu_logo,.et_pb_menu_logo a,.et_pb_menu_logo img{border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important;padding:0!important}.et_mobile_menu,#mobile_menu,.et_pb_menu .et_mobile_menu,ul.et_mobile_menu{background:#1a1a2e!important;background-color:#1a1a2e!important;opacity:1!important;z-index:999999!important;border-radius:8px!important;box-shadow:0 10px 40px rgba(0,0,0,0.5)!important}.et_mobile_menu li a,#mobile_menu li a{color:#ffffff!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,0.1)!important;padding:15px 20px!important}.et_mobile_menu li a:hover,#mobile_menu li a:hover{background:rgba(34,197,94,0.2)!important;color:#22c55e!important}}@media only screen and (max-width:980px){.et_mobile_menu,#mobile_menu,.et_pb_menu .et_mobile_menu,.et_pb_fullwidth_menu .et_mobile_menu,ul.et_mobile_menu{background:#1e293b!important;opacity:1!important;z-index:999999!important;border-radius:0 0 8px 8px!important;box-shadow:0 10px 30px rgba(0,0,0,0.4)!important}.et_mobile_menu li a,#mobile_menu li a{color:#ffffff!important;background:transparent!important;padding:14px 20px!important;border-bottom:1px solid rgba(255,255,255,0.1)!important}.et_mobile_menu li a:hover,#mobile_menu li a:hover{background:rgba(255,255,255,0.1)!important;color:#22c55e!important}.et_mobile_menu .menu-item-has-children>a,.et_mobile_menu li li a{background:#1e293b!important}}import{useState}from "react";import{Link,useLocation}from "react-router-dom";import{Menu,X,Phone,ChevronDown}from "lucide-react";import{Button}from "@/components/ui/button";import{cn}from "@/lib/utils";const navLinks=[{name:"Home",href:"/"},{name:"About Us",href:"/about"},{name:"Our Process",href:"/process"},{name:"Services",href:"/services",children:[{name:"Pool Remodeling",href:"/services/pool-remodeling"},{name:"Pool & Landscape",href:"/services/pool-landscape"},],},{name:"Gallery",href:"/gallery"},{name:"Financing",href:"/financing"},{name:"Blog",href:"/blog"},{name:"Contact Us",href:"/contact"},];export default function Header(){const [isOpen,setIsOpen]=useState(false);const [openDropdown,setOpenDropdown]=useState(null);const location=useLocation();const isActive=(href:string)=>location.pathname===href;return ({}Arizona's Premier Pool & Landscape Company
(602) 707-6622{}{}IP
Island Pools
& Landscaping AZ{}{navLinks.map((link)=>(link.children && setOpenDropdown(link.name)}onMouseLeave={()=>setOpenDropdown(null)}>{link.name}{link.children &&}{}{link.children && openDropdown===link.name && ({link.children.map((child)=>({child.name}))})}))}{}Free Quote{}setIsOpen(!isOpen)}className="lg:hidden p-2 text-white hover:bg-white/10 rounded-lg transition-colors"
aria-label="Toggle menu">{isOpen ?:}{}{isOpen && ({}setIsOpen(false)}className="fixed inset-0 z-0 lg:hidden bg-charcoal/60"
/>{navLinks.map((link)=>(!link.children && setIsOpen(false)}className={cn("block px-4 py-3 text-base font-medium rounded-lg transition-colors",isActive(link.href)
? "text-primary bg-primary/10": "text-white/80 hover:text-primary hover:bg-white/5")}>{link.name}{link.children && ({link.children.map((child)=>(setIsOpen(false)}className="block px-4 py-2 text-sm text-white/60 hover:text-primary transition-colors">{child.name}))})}))}setIsOpen(false)}>Get Free Quote)})}