https://www.yulanto.com/_next/static/chunks/00pb9zmc9x88_.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,132149,e=>{"use strict";var t=e.i(843476),a=e.i(618566),i=e.i(522016);function n({title:e,currentPage:a,backgroundImage:r}){let s="string"==typeof r?r:r?.src;return(0,t.jsxs)("section",{className:"breadcrumb-banner",children:[(0,t.jsx)("div",{className:"breadcrumb-banner-img",style:{backgroundImage:`url(${s})`}}),(0,t.jsx)("div",{className:"overlay"}),(0,t.jsx)("div",{className:"container",children:(0,t.jsxs)("div",{className:"breadcrumb-content",children:[(0,t.jsx)("h1",{children:e}),(0,t.jsx)("nav",{children:(0,t.jsxs)("ul",{className:"breadcrumb-list",children:[(0,t.jsx)("li",{children:(0,t.jsx)(i.default,{href:"/",children:"Home"})}),(0,t.jsx)("li",{children:"/"}),(0,t.jsx)("li",{className:"active",children:a})]})})]})})]})}let r=[{path:"/our-story",title:"Our Story",currentPage:"Our Story",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/our-team",title:"Meet Our Team",currentPage:"Meet Our Team",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/our-mission-vision",title:"Our Vision & Mission",currentPage:"Our Vision & Mission",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/our-philosophy",title:"Our Philosophy",currentPage:"Our Philosophy",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/why-choose-us",title:"Why Choose Us",currentPage:"Why Choose Us",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/our-clients",title:"Our Clients",currentPage:"Our Clients",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/careers",title:"Our Careers",currentPage:"Our Careers",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/contact-us",title:"Contact Us",currentPage:"Contact Us",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/recent-projects",title:"Recent Projects",currentPage:"Recent Projects",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/our-portfolio",title:"Portfolio",currentPage:"Portfolio",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/yulanto-works",title:"Industry We Serve",currentPage:"Industry We Serve",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/case-studies",title:"Case Studies",currentPage:"Case Studies",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/seo-company-in-chennai",title:"Search Engine Optimization",currentPage:"SEO",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/seo-agencies-in-chennai",title:"Off Page Seo",currentPage:"Off Page Seo",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/google-ads-agency-in-chennai",title:"Google Ads Management",currentPage:"Google Ads Management",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/web-design/web-designing-company-in-chennai",title:"Startup Website Design",currentPage:"Startup Website Design",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/social-media-marketing-agency-in-chennai",title:" Social Media Marketing",currentPage:" Social Media Marketing",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/website-development/web-development-company-in-chennai",title:"Dynamic Website Development",currentPage:"Dynamic Website Development ",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/website-development/website-development-company-in-chennai",title:"Custom Website Development",currentPage:"Custom Website Development",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/website-development/web-design-and-development-companies-in-chennai",title:"PHP Website Development",currentPage:"PHP Website Development",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/website-development/web-development-services-in-chennai",title:"React Website Development",currentPage:"React Website Development",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/website-development/api-integration-services-in-chennai",title:"API Integration",currentPage:"API Integration",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/web-design/website-creation-company-in-Chennai",title:" Corporate Website Design",currentPage:" 

1Corporate Website Design ",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/web-design/landing-page-design-chennai",title:"Landing Page Design",currentPage:"Landing Page Design",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/web-design/website-redesign-in-chennai",title:"Website Redesign",currentPage:"Website Redesign ",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/web-design/ui-ux-companies-in-chennai",title:" UI/UX Design",currentPage:"UI/UX Design",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/logo-designers-in-chennai",title:" Logo Design & Branding",currentPage:"Logo Design & Branding",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/brochure-design-company-in-chennai",title:"Brochure & Company Profile Design",currentPage:"Brochure & Company Profile Design",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/company-profile-design",title:"Brochure & Company Profile Design",currentPage:"Logo Design & branding",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/flyer-poster-designers-in-chennai",title:"Flyer & Poster Design",currentPage:"Flyer & Poster Design",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/packaging-design-agency-in-chennai",title:" Packaging Design",currentPage:" Packaging Design",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/creative-social-media-post-design-company-in-chennai",title:"Social Media Creative Designs",currentPage:"Social Media Creative Designs",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/wordpress-development-company-in-Chennai",title:"WordPress Development",currentPage:"WordPress Development",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/e-commerce-website-development-in-chennai",title:"WooCommerce Development",currentPage:"WooCommerce Development",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/ecommerce-website-development-company-in-chennai",title:"Custom Ecommerce Development",currentPage:"Custom Ecommerce Development",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/portal-development-services-in-chennai",title:"Portal Web Development",currentPage:"Portal Web Development",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/shopify-development-company-in-chennai",title:"Shopify E-commerce Development",currentPage:"Shopify E-commerce Development",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/create-website-using-ai-in-chennai",title:"AI-Enhanced Web Design",currentPage:"AI-Enhanced Web Design",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/privacy-policy",title:"Privacy Policy",currentPage:"Privacy Policy",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/disclaimer",title:"Disclaimer",currentPage:"Disclaimer",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/terms-conditions",title:"Terms & Conditions",currentPage:"Terms Conditions",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/license-copyright",title:"License & Copyright",currentPage:"License & Copyright",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"},{path:"/aeo-services-in-chennai",title:"Answer Engine Optimization (AEO)",currentPage:"Answer Engine Optimization (AEO)",backgroundImage:"/assets/images/breadcrumb/Company-Overview.jpg"}];e.s(["default",0,function(){let e=(0,a.usePathname)(),i=r.find(t=>t.path===e);return i?(0,t.jsx)(n,{title:i.title,currentPage:i.currentPage,backgroundImage:i.backgroundImage}):null}],132149)},456420,e=>{"use strict";var t=e.i(271645);let a=(...e)=>e.filter((e,t,a)=>!!e&&""!==e.trim()&&a.indexOf(e)===t).join(" ").trim(),i={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"},n=(0,t.createContext)({}),r=(0,t.forwardRef)(({color:e,size:r,width:s,height:o,strokeWidth:l,absoluteStrokeWidth:c,nonScalingStroke:d,className:g="",children:m,iconNode:p=[],icon:u={node:p,aliases:[],size:24},...h},b)=>{let{size:v=24,strokeWidth:x=2,absoluteStrokeWidth:y=!1,nonScalingStroke:w=!1,color:f="currentColor",className:A=""}=(0,t.useContext)(n)??{},j=!!m||(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(h),[k,C,O=[]]=function(e,t={}){return function(e,t={}){let n=t.attributeNames??{},r=e=>n[e]??e,s=e.size??e.width??i.width,o=e.size??e.height??i.height,l=e.aliases?.filter(e=>"string"==typeof e&&""!==e.trim()).map(e=>`lucide-${e}`)??[],c=[...e.name?[`lucide-${e.name}

1`]:[],...l],d=t.className?.split(" ").filter(Boolean)??[],g=!1===t.includeDefaultClasses?a(...d):a("lucide",...c,...d),m=t.absoluteStrokeWidth?Number(t.strokeWidth??i["stroke-width"])*Number(e.size??e.width??i.width)/Number(t.size??t.width??i.width):t.strokeWidth??i["stroke-width"];return["svg",{...Object.entries(i).reduce((e,[t,a])=>(e[r(t)]=a,e),{}),..."color"in t&&t.color&&{[r("stroke")]:t.color},..."size"in t&&null!=t.size&&{[r("width")]:t.size,[r("height")]:t.size},..."width"in t&&null!=t.width&&{[r("width")]:t.width},..."height"in t&&null!=t.height&&{[r("height")]:t.height},[r("stroke-width")]:m,...g&&{[r("class")]:g},[r("viewBox")]:`0 0 ${s} ${o}`,...!1===t.hasA11yProp?{[r("aria-hidden")]:"true"}:{},..."attributes"in t&&t.attributes},e.node.map(e=>{let[a,i,n]=e,s=t.nonScalingStroke?{[r("vector-effect")]:"non-scaling-stroke",...i}:i;return n?[a,s,n]:[a,s]})]}(e,{...t,attributeNames:{...t.attributeNames,class:"className","stroke-width":"strokeWidth","stroke-linecap":"strokeLinecap","stroke-linejoin":"strokeLinejoin","vector-effect":"vectorEffect"}})}(u,{color:e??f,width:s??r??v,height:o??r??v,strokeWidth:l??x,absoluteStrokeWidth:c??y,nonScalingStroke:d??w,className:a(A,g),hasA11yProp:j,attributes:h});return(0,t.createElement)(k,{ref:b,...C},[...O.map(([e,a])=>(0,t.createElement)(e,a)),...Array.isArray(m)?m:[m]])});e.s(["default",0,function(e,a=[],i=[]){let n,s="string"==typeof e?function(e,t,a=[]){if(null==t)throw Error("[lucide]: iconNode is required when icon name is used");return{name:e?.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),size:24,node:t,...a.length>0?{aliases:a}:{}}}(e,a,i):e,o=(0,t.forwardRef)(({className:e,...a},i)=>(0,t.createElement)(r,{ref:i,icon:s,className:e,...a}));return s.name&&(o.displayName=(n=(e=>{let t="",a=!1;for(let i of e){if("-"===i||"_"===i||i<=" "){a=t.length>0;continue}0===t.length?t+=i.toLowerCase():t+=a?i.toUpperCase():i,a=!1}return t})(s.name)).charAt(0).toUpperCase()+n.slice(1)),o}],456420)},556653,e=>{e.q("/_next/static/media/favicon.0-owpu417abs1.png")},72348,e=>{e.q("/_next/static/media/m4.1.0dl9~o4fhl5z~.jpg")},768877,e=>{"use strict";var t=e.i(456420);let a={name:"arrow-right",size:24,node:[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]};a.node;let i=(0,t.default)(a);e.s(["ArrowRight",0,i],768877)},281548,e=>{"use strict";var t=e.i(456420);let a={name:"headphones",size:24,node:[["path",{d:"M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3",key:"1xhozi"}]]};a.node;let i=(0,t.default)(a);e.s(["Headphones",0,i],281548)},420865,e=>{"use strict";var t=e.i(456420);let a={name:"map-pin",size:24,node:[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]]};a.node;let i=(0,t.default)(a);e.s(["MapPin",0,i],420865)},96315,730274,e=>{"use strict";var t=e.i(456420);let a={name:"mail",size:24,node:[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]]};a.node;let i=(0,t.default)(a);e.s(["Mail",0,i],96315);let n={name:"send",size:24,node:[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]]};n.node;let r=(0,t.default)(n);e.s(["Send",0,r],730274)},626530,e=>{"use strict";var t=e.i(843476),a=e.i(271645),i=e.i(846932),n=e.i(887652),r=e.i(591994),s=e.i(895420),o=e.i(456420);let l={name:"phone",size:24,node:[["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]]};l.node;let c=(0,o.default)(l);var d=e.i(96315),g=e.i(420865);let m={name:"clock",size:24,node:[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 6v6l4 2",key:"mmk7yg"}]]};m.node;let p=(0,o.default)(m);var u=e.i(768877),h=e.i(730274);let b={name:"message-circle",size:24,node:[["path",{d:"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",key:"1sd12s"}]]};b.node;let v=(0,o.default)(b);var x=e.i(281548);let y={src:e.i(72348).default,width:1160,height:880,blurWidth:8,blurHeight:6,blurDataURL:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/wAARCAAGAAgDAREAAhEBAxEB/9sAQwAKBwcIBwYKCAgICwoKCw4YEA4NDQ4dFRYRGCMfJSQiHyIhJis3LyYpNCkhIjBBMTQ5Oz4+PiUuRElDPEg3PT47/9sAQwEKCwsODQ4cEBAcOygiKDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDuhuAklY/ebGB/n3NOO5Mlo2f/2Q=="},w={src:e.i(556653).default,width:100,height:100,blurWidth:8,blurHeight:8,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA40lEQVR42m2PyYrCQBiEE5POYqAzjDk4k4CONj3EEcIE1Ii7iBsqKi4giAuIoCKoZ2+eFA8qHnwA38QHczm4gN9/rL+qKIJ4hrzcBRaa

1RZplzRaHajw0kjQJn1CCCgpDG87bNeSTnA7vTQQMYL4w0n88rvB/pbPGqfrelTFaot2qEjYs/xY6ycH4MDklhqWFqHwjwPHCNfLm7q96x1AjPoiOyxt3Oz23+vWyiaLBvTsxre4Cw9LSGfiLR2a1rRwMdmlOsNwfJIR1rZgdoZjRVCNajmIA97IM8MIHJyluiocy8YYzMVQhj0z2GJ4AAAAASUVORK5CYII="},f="#053456",A="#53ae7d",j="#FFFFFF",k=({index:e})=>{let n=a.useMemo(()=>(Math.random()-.5)*60,[]),r=a.useMemo(()=>(Math.random()-.5)*60,[]),s=a.useMemo(()=>.5+.8*Math.random(),[]),o=a.useMemo(()=>6+8*Math.random(),[]),l=a.useMemo(()=>4*Math.random(),[]),c=a.useMemo(()=>`${13*e%90+5}%`,[e]),d=a.useMemo(()=>`${23*e%90+5}%`,[e]);return(0,t.jsx)(i.motion.div,{style:{position:"absolute",top:c,left:d,width:"8px",height:"8px",borderRadius:"50%",backgroundColor:A,opacity:.25,filter:"blur(2px)",zIndex:0},animate:{x:[0,n,0],y:[0,r,0],scale:[1,s,1],opacity:[.15,.4,.15]},transition:{duration:o,delay:l,repeat:1/0,ease:"easeInOut"}})},C=({icon:e,title:n,value:r,index:s})=>{let[o,l]=a.useState(!1);return(0,t.jsxs)(i.motion.div,{initial:{opacity:0,x:-40,scale:.95},whileInView:{opacity:1,x:0,scale:1},viewport:{once:!0,amount:.2},transition:{duration:.5,delay:.12*s,ease:[.25,.1,.25,1]},onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),animate:{x:8*!!o,scale:o?1.02:1,backgroundColor:o?"rgba(221, 244, 232, 0.85)":"rgba(255, 255, 255, 0.85)"},style:{position:"relative",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"14px 18px",borderRadius:"16px",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",border:`1px solid ${o?A:"rgba(105, 180, 129, 0.25)"}`,boxShadow:o?"0 12px 30px rgba(105, 180, 129, 0.22), 0 4px 10px rgba(5, 52, 86, 0.05)":"0 8px 20px rgba(5, 52, 86, 0.04), 0 2px 6px rgba(105, 180, 129, 0.06)",cursor:"pointer",overflow:"hidden",transition:"border 0.3s ease, box-shadow 0.3s ease"},children:[(0,t.jsx)("div",{style:{position:"absolute",top:0,left:"15%",right:"15%",height:"2px",background:`linear-gradient(90deg, transparent, ${A}, transparent)`,opacity:o?.9:.3,transition:"opacity 0.3s ease"}}),(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"14px",zIndex:1},children:[(0,t.jsx)(i.motion.div,{animate:{rotate:12*!!o,scale:o?1.1:1},transition:{type:"spring",stiffness:300,damping:15},style:{width:"44px",height:"44px",borderRadius:"50%",background:"linear-gradient(135deg, #53ae7d, #53ae7d)",display:"flex",alignItems:"center",justifyContent:"center",color:j,boxShadow:o?"0 0 18px rgba(105, 180, 129, 0.6)":"0 4px 12px rgba(22, 139, 104, 0.25)",flexShrink:0},children:e}),(0,t.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,t.jsx)("span",{style:{fontSize:"14px",fontWeight:700,color:f,letterSpacing:"0.2px"},children:n}),(0,t.jsx)("span",{style:{fontSize:"15px",fontWeight:500,color:"rgba(5, 52, 86, 0.75)",marginTop:"2px",whiteSpace:"pre-line",lineHeight:"1.4"},children:r})]})]}),(0,t.jsx)(i.motion.div,{animate:{x:5*!!o,backgroundColor:o?f:"rgba(105, 180, 129, 0.12)",color:o?j:f},transition:{type:"spring",stiffness:300,damping:20},style:{width:"32px",height:"32px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,zIndex:1},children:(0,t.jsx)(u.ArrowRight,{size:16})})]})},O=()=>{let e=[{component:(0,t.jsx)(h.Send,{size:16}),label:"Send"},{component:(0,t.jsx)(v,{size:16}),label:"Message"},{component:(0,t.jsx)(d.Mail,{size:16}),label:"Mail"},{component:(0,t.jsx)(x.Headphones,{size:16}),label:"Support"}];return(0,t.jsxs)("div",{style:{position:"relative",width:"50px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-between",height:"100%",minHeight:"420px",margin:"0 8px"},children:[(0,t.jsxs)("svg",{style:{position:"absolute",top:0,bottom:0,left:"50%",transform:"translateX(-50%)",width:"50px",height:"100%",overflow:"visible",pointerEvents:"none"},preserveAspectRatio:"none",viewBox:"0 0 60 500",children:[(0,t.jsx)("path",{d:"M30 0 Q 50 125, 30 250 T 30 500",fill:"none",stroke:"#DDF4E8",strokeWidth:"3"}),(0,t.jsx)(i.motion.path,{d:"M30 0 Q 50 125, 30 250 T 30 500",fill:"none",stroke:A,strokeWidth:"3",strokeDasharray:"8 8",animate:{strokeDashoffset:[-32,0]},transition:{duration:2.5,repeat:1/0,ease:"linear"}})]}),e.map((e,a)=>(0,t.jsx)(i.motion.div,{animate:{y:[0,-8,0],rotate:[-4,4,-4]},transition:{duration:3+a,repeat:1/0,ease:"easeInOut",delay:.4*a},whileHover:{scale:1.25,rotate:12},style:{position:"relative",zIndex:2,width:"38px",height:"38px",borderRadius:"50%",backgroundColor:f,border:`2px solid ${f}`,display:"flex",alignItems:"center",justifyContent:"center",color:"white",boxShadow:"0 6px 16px rgba(105, 180, 129, 0.35)",cursor:"pointer"},children:e.component},a))]})},I=()=>{let[e,n]=a.useState(!1);return(0,t.jsx)(i.motion.a,{href:"https://www.google.com/maps/place/Yulanto+Web+Creations+Pvt+Ltd/@12.9724698,80.2510529,1504m/data=!3m1!1e3!4m6!3m5!1s0x3a525df3d6bf9167:0xc1aae342aa473d1!8m2!3d12.9725177!4d80.2518352!16s%2Fg%2F11b7rnd8vq?entry=ttu",target:"_blank",rel:"noopener noreferrer",initial:{opacity:0,y:-15,scale:.8}

1,animate:{opacity:1,y:0,scale:e?1.08:1},transition:{duration:.6,ease:"easeOut"},onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),style:{position:"absolute",bottom:"125px",left:"68%",transform:"translateX(-50%)",zIndex:30,width:"65px",height:"65px",borderRadius:"50%",background:"#FFFFFF",padding:"8px",display:"flex",alignItems:"center",justifyContent:"center",border:`3px solid ${A}`,boxShadow:e?"0 14px 35px rgba(5, 52, 86, 0.4)":"0 8px 25px rgba(5, 52, 86, 0.3)",cursor:"pointer",textDecoration:"none"},"aria-label":"Open Yulanto location in Google Maps",children:(0,t.jsx)("img",{src:w.src,alt:"Yulanto Web Creations",style:{width:"100%",height:"100%",objectFit:"contain",display:"block"}})})},P=({minHeight:e=450})=>{let o=a.useRef(null),l=(0,n.useMotionValue)(0),c=(0,n.useMotionValue)(0),d=(0,r.useSpring)((0,s.useTransform)(c,[-200,200],[6,-6]),{stiffness:100,damping:20}),g=(0,r.useSpring)((0,s.useTransform)(l,[-200,200],[-6,6]),{stiffness:100,damping:20}),m="number"==typeof e?`${e}px`:e;return(0,t.jsx)(i.motion.div,{ref:o,onMouseMove:e=>{if(!o.current)return;let t=o.current.getBoundingClientRect(),a=t.left+t.width/2,i=t.top+t.height/2;l.set(e.clientX-a),c.set(e.clientY-i)},onMouseLeave:()=>{l.set(0),c.set(0)},initial:{opacity:0,scale:.95},whileInView:{opacity:1,scale:1},viewport:{once:!0,amount:.2},transition:{duration:.8,ease:"easeOut"},style:{position:"relative",width:"100%",height:m,minHeight:m,borderRadius:"24px",overflow:"hidden",perspective:"1200px",boxShadow:"0 20px 48px rgba(5, 52, 86, 0.12)",border:"4px solid #FFFFFF",backgroundColor:"#E8F4EF"},children:(0,t.jsxs)(i.motion.div,{style:{position:"absolute",inset:0,width:"100%",height:"100%",rotateX:d,rotateY:g,transformStyle:"preserve-3d"},children:[(0,t.jsx)("img",{src:y.src,alt:"Yulanto Web Creations Location Map",draggable:!1,style:{position:"absolute",inset:0,width:"100%",height:"100%",minWidth:"100%",minHeight:"100%",objectFit:"cover",objectPosition:"center",display:"block",zIndex:1}}),(0,t.jsx)("div",{style:{position:"absolute",inset:0,width:"100%",height:"100%",background:"linear-gradient(180deg, rgba(5,52,86,0.08) 0%, rgba(5,52,86,0) 45%, rgba(5,52,86,0.08) 100%)",zIndex:2}}),(0,t.jsx)("div",{style:{position:"absolute",inset:0,zIndex:3},children:(0,t.jsx)(I,{})})]})})},z=({phone:e="+91 99621 57250",email:i="[email protected]",address:n="F3, #4/608, First Floor, V.O.C. Street, Kottivakkam, OMR, Chennai, Tamil Nadu 600041, India",workingHours:r="Mon - Fri : 10:00 AM - 7:00 PM\nAlternate Saturday : 10:00 AM - 5:30 PM",locationTitle:s="Yulanto Web Creations",locationAddress:o="F3, #4/608, First Floor, V.O.C. Street, Kottivakkam, OMR, Chennai, Tamil Nadu 600041, India",className:l,style:m})=>{let{isMobile:u,isTablet:h}=function(){let[e,t]=a.useState({width:window.innerWidth,isMobile:!1,isTablet:!1});return a.useEffect(()=>{function e(){let e=window.innerWidth;t({width:e,isMobile:e<768,isTablet:e>=768&&e<1024})}return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e}(),b=[{icon:(0,t.jsx)(g.MapPin,{size:20}),title:"Address",value:n},{icon:(0,t.jsx)(c,{size:20}),title:"Phone",value:e},{icon:(0,t.jsx)(d.Mail,{size:20}),title:"Email",value:i},{icon:(0,t.jsx)(p,{size:20}),title:"Working Hours",value:r}];return(0,t.jsx)("section",{className:l,style:{position:"relative",width:"100%",backgroundColor:"#f5f5f5",padding:u?"32px 16px":"48px 32px",overflow:"hidden",...m},children:(0,t.jsxs)("div",{style:{maxWidth:"1280px",margin:"0 auto"},children:[(0,t.jsxs)("h4",{className:"px-about-title mb-10 text-center",style:{marginBottom:"12px"},children:[(0,t.jsxs)("span",{className:"text-blue-about",children:["Get In Touch"," "]}),"With Us"]}),(0,t.jsx)("h1",{className:"ft-23 mt-0 mb-4 text-center text-tenor","data-aos":"text-reveal","data-aos-delay":"100",children:"Contact Us for Web Design & Digital Marketing Solutions"}),Array.from({length:12}).map((e,a)=>(0,t.jsx)(k,{index:a},a)),(0,t.jsxs)("div",{style:{display:"flex",flexDirection:u?"column":"row",alignItems:"stretch",justifyContent:"space-between",gap:u?"24px":h?"20px":"32px"}

1,children:[(0,t.jsx)("div",{style:{flex:u?"1 1 100%":"0 0 44%",display:"flex",flexDirection:"column",gap:"16px",zIndex:2},children:(0,t.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:b.map((e,a)=>(0,t.jsx)(C,{index:a,icon:e.icon,title:e.title,value:e.value},a))})}),!u&&!h&&(0,t.jsx)(O,{}),(0,t.jsx)("div",{style:{flex:u?"1 1 100%":"1 1 50%",display:"flex",alignItems:"center",justifyContent:"center",zIndex:2,minHeight:u?"360px":"auto"},children:(0,t.jsx)(P,{locationTitle:s,locationAddress:o,minHeight:u?360:450})})]})]})})};e.s(["ContactLocationSection",0,z,"default",0,z],626530)}]);