https://oriabuilders.com/assets/answers-2_gvR3xs.js

1import{x as p,r as x,j as e,L as t}from"./vendor-react-B2RT89U9.js";import{u as j}from"./vendor-tanstack-MRWYOJqo.js";import{C as w}from"./card-CV4rleUf.js";import{a as N,b as v,B as r,X as y,M as k,A as C,P as A,d as B}from"./index-gDpiPSoZ.js";import{C as h}from"./circle-question-mark-DOArO0j2.js";import{M as g}from"./map-pin-DEjH_fkr.js";const L=[{key:"all",label:"All"},{key:"cost",label:"Cost"},{key:"permits",label:"Permits"},{key:"timeline",label:"Timeline"},{key:"adu",label:"ADU"},{key:"process",label:"Process"},{key:"general",label:"General"}];function $(){const[,d]=p(),[l,c]=x.useState("all"),[i,a]=x.useState(!1),{data:f,isLoading:u}=j({queryKey:["/api/answers"]}),o=f||[],b=L.filter(s=>s.key==="all"||o.some(n=>n.category===s.key)),m=l==="all"?o:o.filter(s=>s.category===l);return N("Answers | Oria Builders - Expert Answers on Remodeling, ADUs, Permits & Cost","Direct, expert answers to common questions about home remodeling, ADU construction, permits, timelines, and costs in California from licensed contractor Oria Builders.",{canonicalPath:"/answers"}),v([{"@context":"https://schema.org","@type":"CollectionPage",name:"Oria Builders Answers",description:"Expert answers to common questions about home remodeling, ADU construction, permits, and costs in California.",url:"https://oriabuilders.com/answers"},{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:"https://oriabuilders.com"},{"@type":"ListItem",position:2,name:"Answers",item:"https://oriabuilders.com/answers"}]}],[]),e.jsxs("div",{className:"min-h-screen bg-[#fafaf8]","data-testid":"answers-listing-page",children:[e.jsxs("header",{className:"sticky top-0 z-50 w-full border-b border-border/40 bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/80",children:[e.jsxs("div",{className:"container flex h-16 md:h-20 items-center justify-between px-4 md:px-8",children:[e.jsxs(t,{href:"/",className:"flex items-center gap-3","data-testid":"link-home",children:[e.jsx("img",{src:"/logo.png",alt:"Oria Builders",className:"h-12 w-auto md:h-14 md:w-auto"}),e.jsx("div",{className:"hidden sm:block",children:e.jsx("span",{className:"font-display text-lg md:text-xl font-bold tracking-tight text-[hsl(174,62%,37%)]",children:"Oria Builders"})})]}),e.jsxs("nav",{className:"hidden md:flex items-center gap-6",children:[e.jsx(t,{href:"/#services",className:"text-sm font-medium text-muted-foreground hover:text-[hsl(174,62%,47%)] transition-colors",children:"Services"}),e.jsx(t,{href:"/#portfolio",className:"text-sm font-medium text-muted-foreground hover:text-[hsl(174,62%,47%)] transition-colors",children:"Portfolio"}),e.jsx(t,{href:"/blog",className:"text-sm font-medium text-muted-foreground hover:text-[hsl(174,62%,47%)] transition-colors",children:"Blog"}),e.jsx(t,{href:"/answers",className:"text-sm font-medium text-[hsl(174,62%,47%)]",children:"Answers"}),e.jsx(t,{href:"/#contact",className:"text-sm font-medium text-muted-foreground hover:text-[hsl(174,62%,47%)] transition-colors",children:"Contact"}),e.jsx(t,{href:"/estimate",children:e.jsx(r,{className:"bg-[hsl(30,80%,52%)] hover:bg-[hsl(30,80%,45%)] text-white shadow-md","data-testid":"button-estimate-nav",children:"Free Estimate"})})]}),e.jsx("button",{className:"md:hidden p-2",onClick:()=>a(!i),"aria-label":"Toggle menu",children:i?e.jsx(y,{className:"h-6 w-6"}):e.jsx(k,{className:"h-6 w-6"})})]}),i&&e.jsxs("div",{className:"md:hidden border-t bg-white px-4 py-4 space-y-3",children:[e.jsx(t,{href:"/#services",className:"block text-sm font-medium text-muted-foreground",onClick:()=>a(!1),children:"Services"}),e.jsx(t,{href:"/#portfolio",className:"block text-sm font-medium text-muted-foreground",onClick:()=>a(!1),children:"Portfolio"}),e.jsx(t,{href:"/blog",className:"block text-sm font-medium text-muted-foreground",onClick:()=>a(!1),children:"Blog"}),e.jsx(t,{href:"/answers",className:"block text-sm font-medium text-[hsl(174,62%,47%)]",onClick:()=>a(!1),children:"Answers"}),e.jsx(t,{href:"/#contact",className:"block text-sm font-medium text-muted-foreground",onClick:()=>a(!1),children:"Contact"}),e.jsx(t,{href:"/estimate",onClick:()=>a(!1),children:e.jsx(r,{className:"w-full bg-[hsl(30,80%,52%)] hover:bg-[hsl(30,80%,45%)] text-white",children:"Free Estimate"})})]})]}),e.jsxs("section",{className:"relative overflow-hidden","data-testid":"answers-hero",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-[hsl(174,62%,20%)] via-[hsl(174,62%,30%)] to-[hsl(174,50%,25%)]"}),e.jsx("div",{className:"absolute inset-0 bg-[url('/images/kitchen-1.jpg')] bg-cover bg-center mix-blend-overlay opacity-20"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/30 to-transparent"}),e.jsx("div",{className:"container relative px-4 md:px-8 py-20 md:py-28 lg:py-32",children:e.jsxs("div",{className:"max-w-3xl",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 backdrop-blur-sm border border-white/20 text-white/90 text-sm font-medium mb-6",children:[e.jsx(h,{className:"h-4 w-4"}),"Expert Answers from Licensed Contractors"]}),e.jsxs("h1",{className:"font-display text-4xl md:text-5xl lg:text-6xl font-bold text-white tracking-tight mb-5 leading-[1.1]","data-testid":"text-answers-heading",children:["Your Questions,",e.jsx("br",{className:"hidden md:block"})," Answered"]}),e.jsx("p",{className:"text-white/75 text-lg md:text-xl max-w-2xl leading-relaxed","data-testid":"text-answers-subtitle",children:"Direct, expert answers about remodeling costs, permits, timelines, and ADUs in California — straight from the Oria Builders team."})]})}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-[#fafaf8] to-transparent"})]}),e.jsx("div",{className:"container px-4 md:px-8 -mt-4 relative z-10 mb-8",children:e.jsx("div",{className:"flex gap-2 overflow-x-auto pb-2 scrollbar-hide","data-testid":"answers-category-filters",children:b.map(s=>e.jsx("button",{onClick:()=>c(s.key),className:`flex-shrink-0 px-4 py-2 rounded-full text-sm font-medium transition-all ${l===s.key?"bg-[hsl(174,62%,47%)] text-white shadow-md":"bg-white text-muted-foreground hover:bg-[hsl(174,62%,47%)]/10 hover:text-[hsl(174,62%,47%)] border border-border/60"}`,"data-testid":`button-filter-${s.key}`,children:s.label},s.key))})}),e.jsx("section",{className:"container px-4 md:px-8 pb-16 md:pb-20",children:u?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6","data-testid":"answers-loading",children:Array.from({length:6}).map((s,n)=>e.jsxs("div",{className:"rounded-2xl overflow-hidden animate-pulse bg-white shadow-sm border border-border/40 p-6 space-y-3",children:[e.jsx("div",{className:"h-4 bg-muted rounded w-20"}),e.jsx("div",{className:"h-6 bg-muted rounded w-3/4"}),e.jsx("div",{className:"h-4 bg-muted rounded w-full"}),e.jsx("div",{className:"h-4 bg-muted rounded w-2/3"})]},n))}):m.length===0?e.jsxs("div",{className:"text-center py-20","data-testid":"answers-empty",children:[e.jsx(h,{className:"h-16 w-16 text-muted-foreground

1/30 mx-auto mb-4"}),e.jsx("h2",{className:"font-display text-2xl font-bold mb-2",children:"No answers yet"}),e.jsx("p",{className:"text-muted-foreground mb-6",children:l==="all"?"Check back soon for expert answers to common questions.":"No answers match the selected category."}),l!=="all"&&e.jsx(r,{variant:"outline",onClick:()=>c("all"),"data-testid":"button-clear-filter",children:"Show All Answers"})]}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6","data-testid":"answers-grid",children:m.map(s=>e.jsx(t,{href:`/answers/${s.slug}`,className:"group block","data-testid":`link-answer-card-${s.slug}`,children:e.jsxs(w,{className:"h-full rounded-2xl border-border/40 bg-white hover:border-[hsl(174,62%,47%)]/30 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 p-6","data-testid":`card-answer-${s.slug}`,children:[e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx("span",{className:"px-3 py-1 bg-[hsl(174,62%,47%)]/10 text-[hsl(174,62%,37%)] text-xs font-semibold rounded-full capitalize","data-testid":`badge-category-${s.slug}`,children:s.category}),s.city&&e.jsxs("span",{className:"text-xs text-muted-foreground flex items-center gap-1",children:[e.jsx(g,{className:"h-3 w-3"})," ",s.city]})]}),e.jsx("h2",{className:"font-display text-lg font-bold tracking-tight mb-2 group-hover:text-[hsl(174,62%,47%)] transition-colors line-clamp-3 leading-snug","data-testid":`text-question-${s.slug}`,children:s.question}),e.jsx("p",{className:"text-muted-foreground text-sm leading-relaxed mb-4 line-clamp-3","data-testid":`text-short-answer-${s.slug}`,children:s.shortAnswer}),e.jsxs("span",{className:"inline-flex items-center gap-1 text-[hsl(174,62%,47%)] font-semibold text-sm group-hover:gap-2 transition-all","data-testid":`link-read-answer-${s.slug}`,children:["Read Answer ",e.jsx(C,{className:"h-3.5 w-3.5"})]})]})},s.id))})}),e.jsx("section",{className:"bg-gradient-to-br from-[hsl(174,62%,20%)] via-[hsl(174,62%,28%)] to-[hsl(174,50%,22%)] py-16 md:py-20",children:e.jsxs("div",{className:"container px-4 md:px-8 text-center",children:[e.jsx("h2",{className:"font-display text-3xl md:text-4xl font-bold text-white tracking-tight mb-4",children:"Ready to Transform Your Home?"}),e.jsx("p",{className:"text-white/70 text-lg max-w-xl mx-auto mb-8",children:"Get expert advice and a free estimate for your next construction or remodeling project in California."}),e.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-center gap-4",children:[e.jsx(r,{size:"lg",className:"bg-[hsl(30,80%,52%)] hover:bg-[hsl(30,80%,45%)] text-white font-semibold px-8 shadow-lg",onClick:()=>d("/estimate"),"data-testid":"button-answers-cta-estimate",children:"Get Free Estimate"}),e.jsx(r,{size:"lg",variant:"outline",className:"border-white/30 text-white hover:bg-white/10 font-semibold px-8",onClick:()=>d("/book"),"data-testid":"button-answers-cta-book",children:"Book a Consultation"})]})]})}),e.jsx("footer",{className:"bg-[hsl(174,62%,15%)] text-white/80",children:e.jsxs("div",{className:"container px-4 md:px-8 py-12 md:py-16",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-8 mb-10",children:[e.jsxs("div",{children:[e.jsxs(t,{href:"/",className:"flex items-center gap-3 mb-4",children:[e.jsx("img",{src:"/logo.png",alt:"Oria Builders",className:"h-16 w-auto brightness-200"}),e.jsx("span",{className:"font-display text-xl font-bold text-white",children:"Oria Builders"})]}),e.jsx("p",{className:"text-white/60 text-sm leading-relaxed",children:"Licensed California general contractor (CSLB #1029255) for remodeling, ADUs and additions."})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-display font-semibold text-white mb-4",children:"Quick Links"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{href:"/#services",className:"block text-sm text-white/60 hover:text-[hsl(30,80%,52%)] transition-colors",children:"Our Services"}),e.jsx(t,{href:"/#portfolio",className:"block text-sm text-white/60 hover:text-[hsl(30,80%,52%)] transition-colors",children:"Portfolio"}),e.jsx(t,{href:"/blog",className:"block text-sm text-white/60 hover:text-[hsl(30,80%,52%)] transition-colors",children:"Blog"}),e.jsx(t,{href:"/answers",className:"block text-sm text-white/60 hover:text-[hsl(30,80%,52%)] transition-colors",children:"Answers"}),e.jsx(t,{href:"/estimate",className:"block text-sm text-white/60 hover:text-[hsl(30,80%,52%)] transition-colors",children:"Free Estimate"}),e.jsx(t,{href:"/book",className:"block text-sm text-white/60 hover:text-[hsl(30,80%,52%)] transition-colors",children:"Book Consultation"})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-display font-semibold text-white mb-4",children:"Contact"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("a",{href:"tel:+18777786742",className:"flex items-center gap-2 text-sm text-white/60 hover:text-[hsl(30,80%,52%)] transition-colors",children:[e.jsx(A,{className:"h-4 w-4"})," (877) 778-6742"]}),e.jsxs("a",{href:"mailto:[email protected]",className:"flex items-center gap-2 text-sm text-white/60 hover:text-[hsl(30,80%,52%)] transition-colors",children:[e.jsx(B,{className:"h-4 w-4"})," [email protected]"]}),e.jsxs("span",{className:"flex items-center gap-2 text-sm text-white/60",children:[e.jsx(g,{className:"h-4 w-4"})," Los Angeles, California"]})]})]})]}),e.jsxs("div",{className:"border-t border-white/10 pt-6 flex flex-col md:flex-row items-center justify-between gap-4",children:[e.jsxs("p",{className:"text-sm text-white/40",children:["© ",new Date().getFullYear()," Oria Builders. CSLB Lic. #1029255. All rights reserved."]}),e.jsxs("div",{className:"flex items-center gap-4 text-sm text-white/40",children:[e.jsx(t,{href:"/privacy-policy",className:"hover:text-white/60 transition-colors",children:"Privacy Policy"}),e.jsx(t,{href:"/terms-of-service",className:"hover:text-white/60 transition-colors",children:"Terms of Service"})]})]})]})})]})}export{$ as default};