https://glandnav.com/_next/static/chunks/7601.7d179935613d5c72.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7601],{67601:(e,a,s)=>{s.r(a),s.d(a,{default:()=>o});var r=s(95155),t=s(12115),i=s(70898),n=s(15239);let l=[{id:1,title:"Modern Minimalist Backyard",description:"Clean lines and sustainable plantings transform a basic yard into a contemporary outdoor living space.",style:"Modern",size:"Medium",features:["Native Plants","Water Feature","Outdoor Seating","Low Maintenance"],beforeImage:"/images/garden-design/1_original.png",afterImage:"/images/garden-design/1_after.png"},{id:2,title:"Cottage Garden Revival",description:"Traditional cottage garden design with mixed borders, climbing roses, and herb integration.",style:"Traditional",size:"Large",features:["Mixed Borders","Climbing Plants","Herb Garden","Seasonal Color"],beforeImage:"/images/garden-design/2_original.png",afterImage:"/images/garden-design/2_after.png"},{id:3,title:"Urban Rooftop Garden",description:"Small space maximization with vertical gardening and container planting solutions.",style:"Contemporary",size:"Small",features:["Vertical Garden","Container Plants","Wind Resistant","Space Efficient"],beforeImage:"/images/garden-design/3_original.png",afterImage:"/images/garden-design/3_after.png"},{id:4,title:"Mediterranean Courtyard",description:"Drought-tolerant design with terracotta, olive trees, and aromatic herbs.",style:"Mediterranean",size:"Medium",features:["Drought Tolerant","Aromatic Plants","Stone Features","Olive Trees"],beforeImage:"/images/garden-design/4_original.png",afterImage:"/images/garden-design/4_after.png"},{id:5,title:"Sustainable Food Garden",description:"Productive landscape combining vegetables, fruits, and ornamental plants in harmony.",style:"Sustainable",size:"Large",features:["Edible Landscape","Companion Planting","Composting Area","Rainwater Collection"],beforeImage:"/images/garden-design/5_original.png",afterImage:"/images/garden-design/5_after.png"},{id:6,title:"Japanese Zen Garden",description:"Peaceful retreat with bamboo, water features, and carefully placed stones.",style:"Asian",size:"Medium",features:["Bamboo","Water Feature","Stone Elements","Meditation Space"],beforeImage:"/images/garden-design/6_original.png",afterImage:"/images/garden-design/6_after.png"},{id:7,title:"Family-Friendly Backyard",description:"Safe, durable design with play areas, easy maintenance, and year-round interest.",style:"Family",size:"Large",features:["Play Area","Safe Plants","Durable Materials","Easy Maintenance"],beforeImage:"/images/garden-design/7_original.png",afterImage:"/images/garden-design/7_after.png"},{id:8,title:"Pollinator Paradise",description:"Wildlife-friendly garden designed to attract bees, butterflies, and beneficial insects.",style:"Wildlife",size:"Medium",features:["Native Flowers","Pollinator Plants","Butterfly Garden","Bee Houses"],beforeImage:"/images/garden-design/8_original.png",afterImage:"/images/garden-design/8_after.png"},{id:9,title:"Formal English Garden",description:"Classic formal design with structured hedges, topiary, and symmetrical plantings.",style:"Formal",size:"Large",features:["Formal Hedges","Topiary","Symmetrical Design","Classic Roses"],beforeImage:"/images/garden-design/9_original.png",afterImage:"/images/garden-design/9_after.png"},{id:10,title:"Desert Landscape",description:"Water-wise design featuring succulents, cacti, and drought-resistant plants.",style:"Desert",size:"Medium",features:["Succulents","Water Wise","Rock Garden","Desert Plants"],beforeImage:"/images/garden-design/10_original.png",afterImage:"/images/garden-design/10_after.png"},{id:11,title:"Tropical Paradise",description:"Lush tropical design with palm trees, exotic flowers, and water features.",style:"Tropical",size:"Large",features:["Palm Trees","Exotic Plants","Water Features","Lush Foliage"],beforeImage:"/images/garden-design/11_original.png",afterImage:"/images/garden-design/11_after.png"},{id:12,title:"Herb Spiral Garden",description:"Efficient herb garden design using permaculture principles and vertical growing.",style:"Permaculture",size:"Small",features:["Herb Spiral","Permaculture","Vertical Growing","Culinary Herbs"],beforeImage:"/images/garden-design/12_original.png",afterImage:"/images/garden-design/12_after.png"}],d=["All","Modern","Traditional","Contemporary","Mediterranean","Sustainable","Asian","Family","Wildlife","Formal","Desert","Tropical","Permaculture"],g=["All","Small","Medium","Large"],o=e=>{let{toolId:a,mode:s}=e,[o,c]=(0,t.useState)(""),[m,x]=(0,t.useState)("All"),[p,u]=(0,t.useState)("All"),[f,h]=(0,t.useState)(null),[y,b]=(0,t.useState)(!0),j=(0,t.useMemo)(()=>l.filter(e=>{let a=e.title.toLowerCase().includes(o.toLowerCase())||e.description.toLowerCase().includes(o.toLowerCase())||e.features.some(e=>e.toLowerCase().includes(o.toLowerCase())),s="All"===m||e.style===m,r="All"===p||e.size===p;return a&&s&&r}),[o,m,p]),v=()=>{b(!y)},N=e=>{let a;if(!f)return;let s=j.findIndex(e=>e.id===f.id);a="prev"===e?s>0?s-1:j.length-1:s<j.length-1?s+1:0,h(j[a]),b(!0)};return(0,r.jsxs)("div",{className:"w-full max-w-7xl mx-auto p-6 bg-white rounded-lg shadow-sm border border-gray-200",children:[(0,r.jsxs)("div",{className:"text-center mb-8",children:[(0,r.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 bg-primary-100 rounded-full mb-4",children:(0,r.jsx)(i.Ny1,{className:"text-primary-600 text-2xl"})}),(0,r.jsx)("p",{className:"text-gray-600 max-w-2xl mx-auto",children:"Explore stunning garden transformations and get inspired for your next landscape project"})]}),(0,r.jsxs)("div",{className:"mb-8 space-y-4",children:[(0,r.jsxs)("div",{className:"relative max-w-md mx-auto",children:[(0,r.jsx)(i.KSO,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"}),(0,r.jsx)("input",{type:"text",placeholder:"Search garden designs...",value:o,onChange:e=>c(e.target.value),className:"w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent"})]}),(0,r.jsxs)("div",{className:"flex flex-wrap justify-center gap-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(i.YsJ,{className:"text-gray-500"}),(0,r.jsx)("select",{value:m,onChange:e=>x(e.target.value),className:"px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent",children:d.map(e=>(0,r.jsxs)("option",{value:e,children:[e," Style"]},e))})]}),(0,r.jsx)("div",{className:"flex items-center gap-2",children:(0,r.jsx)("select",{value:p,onChange:e=>u(e.target.value),className:"px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent",children:g.map(e=>(0,r.jsxs)("option",{value:e,children:[e," Size"]},e))})})]})]}),(0,r.jsx)("div",{className:"text-center mb-6",children:(0,r.jsxs)("p",{className:"text-gray-600",children:["Showing ",j.length," garden design",1!==j.length?"s":""]})}),(0,r.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8",children:j.map(e=>(0,r.jsxs)("div",{onClick:()=>{h(e),b(!0)},className:"bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow cursor-pointer border border-gray-200 overflow-hidden",children:[(0,r.jsxs)("div",{className:"relative h-48",children:[(0,r.jsx)(n.default,{src:e.afterImage,alt:e.title,fill:!0,className:"object-cover",sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"}),(0,r.jsx)("div",{className:"absolute top-2 right-2 bg-primary-600 text-white px-2 py-1 rounded text-sm",children:e.style})]}),(0,r.jsxs)("div",{className:"p-4",children:[(0,r.jsx)("div",{className:"font-semibold text-lg mb-2 text-gray-800",children:e.title}),(0,r.jsx)("p",{className:"text-gray-600 text-sm mb-3 line-clamp-2",children:e.description}),(0,r.jsxs)("div",{className:"flex flex-wrap gap-1 mb-3",children:[e.features.slice(0,2).map((e,a)=>(0,r.jsx)("span",{className:"bg-primary-100 text-primary-700 px-2 py-1 rounded text-xs",children:e},a)),e.features.length>2&&(0,r.jsxs)("span",{className:"text-gray-500 text-xs px-2 py-1",children:["+",e.features.length-2," more"]})]}),(0,r.jsxs)("div",{className:"flex justify-between items-center text-sm text-gray-500",children:[(0,r.jsxs)("span",{children:["Size: ",e.size]}),(0,r.jsx)("span",{className:"text-primary-600 font-medium",children:"View Details →"})]})]})]},e.id))}),0===j.length&&(0,r.jsxs)("div",{className:"text-center py-12",children:[(0,r.jsx)("div",{className:"text-gray-400 mb-4",children:(0,r.jsx)(i.KSO,{className:"mx-auto text-4xl mb-2"})}),(0,r.jsx)("p",{className:"text-gray-600 mb-2",children:"No garden designs found"}),(0,r.jsx)("p",{className:"text-gray-500 text-sm",children:"Try adjusting your search terms or filters"})]}),f&&(0,r.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50",children:(0,r.jsx)("div",{className:"bg-white rounded-lg max-w-4xl w-full max-h-[90vh] overflow-y-auto",children:(0,r.jsxs)("div",{className:"p-6",children:[(0,r.jsxs)("div",{className:"flex justify-between items-start mb-6",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-2xl font-bold text-gray-800 mb

1-2",children:f.title}),(0,r.jsx)("p",{className:"text-gray-600",children:f.description})]}),(0,r.jsx)("button",{onClick:()=>{h(null)},className:"text-gray-400 hover:text-gray-600 text-2xl",children:"\xd7"})]}),(0,r.jsxs)("div",{className:"flex justify-between items-center mb-4",children:[(0,r.jsxs)("button",{onClick:()=>N("prev"),className:"flex items-center gap-2 px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors",children:[(0,r.jsx)(i.QVr,{})," Previous"]}),(0,r.jsxs)("div",{className:"flex items-center gap-4",children:[(0,r.jsx)("button",{onClick:v,className:"px-4 py-2 rounded-lg transition-colors ".concat(y?"bg-primary-600 text-white":"bg-gray-100 hover:bg-gray-200 text-gray-700"),children:"Before"}),(0,r.jsx)("button",{onClick:v,className:"px-4 py-2 rounded-lg transition-colors ".concat(y?"bg-gray-100 hover:bg-gray-200 text-gray-700":"bg-primary-600 text-white"),children:"After"})]}),(0,r.jsxs)("button",{onClick:()=>N("next"),className:"flex items-center gap-2 px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors",children:["Next ",(0,r.jsx)(i.Z0P,{})]})]}),(0,r.jsxs)("div",{className:"relative h-96 mb-6 rounded-lg overflow-hidden",children:[(0,r.jsx)(n.default,{src:y?f.beforeImage:f.afterImage,alt:"".concat(f.title," - ").concat(y?"Before":"After"),fill:!0,className:"object-cover",sizes:"(max-width: 768px) 100vw, 80vw"}),(0,r.jsx)("div",{className:"absolute top-4 left-4 bg-black bg-opacity-70 text-white px-3 py-1 rounded",children:y?"Before":"After"})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold text-lg mb-3 text-gray-800",children:"Garden Details"}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsxs)("div",{className:"flex justify-between",children:[(0,r.jsx)("span",{className:"text-gray-600",children:"Style:"}),(0,r.jsx)("span",{className:"font-medium",children:f.style})]}),(0,r.jsxs)("div",{className:"flex justify-between",children:[(0,r.jsx)("span",{className:"text-gray-600",children:"Size:"}),(0,r.jsx)("span",{className:"font-medium",children:f.size})]})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold text-lg mb-3 text-gray-800",children:"Key Features"}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:f.features.map((e,a)=>(0,r.jsx)("span",{className:"bg-primary-100 text-primary-700 px-3 py-1 rounded-full text-sm",children:e},a))})]})]})]})})})]})}}}]);