Domain > chandicraft.com

More information on this domain is in AlienVault OTX

Whois

Property	Value
Name	thushari williams
Organization	with words
Email	thushariwilliams@yahoo.co.uk
Address	42 tempest rd
Zip Code	LS11 6LZ
City	leeds
Country	GB
Phone	+44.2086412212
NameServer	NS2.34SP.COM
Created	2004-04-20 09:18:20
Changed	2016-04-05 11:15:27
Expires	2018-04-20 00:00:00
Registrar	EASYSPACE LTD.

DNS Resolutions

Date	IP Address
2026-01-01	72.61.224.1 (ClassC)

HTTP/1.1 200 OKServer: nginx/1.24.0 (Ubuntu)Content-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-aliveCache-Control: no-cache, privateDate: Tue, 30 Dec 2025 11:03:33 GMTReferrer-Policy: no-referrer-when-downgradeX-Content-Type-Options: nosniffX-XSS-Protection: 1; modeblockX-Frame-Options: DENYStrict-Transport-Security: max-age31536000; includeSubDomainsSet-Cookie: XSRF-TOKENeyJpdiI6IjVmZFZnVWFCWUtQbms4cTJZTG5HdVE9PSIsInZhbHVlIjoiTlpWeWtSd05vbkZhOURZOHlvYnpsbi81WStVTFZUM2VrVk1DdWpIQ1cvZVcvRDdZZVN4UjMxaVBsSVFudFVqcWhDdDY2QVp5NXMrc05NNnFFcGNJbEpQQU9nRWtITDRRVHJrRk41OC80QVR2Wlk1c200cmpFdkJUdnZUVEFnaWciLCJtYWMiOiI0ZjI5NzQxNTE4YzNmMjYwYzRhZDZkMGYwYzhlOGFlNWVmY2FhNTk4MDllNTlhNDNjZGJjZTcyMzBhYzgxNDU4IiwidGFnIjoiIn0%3D; expiresThu, 01 Jan 2026 20:03:47 GMT; Max-Age7200; path/; secure; samesitelaxSet-Cookie: chandicraft_sessioneyJpdiI6IndTdWVXZzArRGIzaXhiWVFQejV6SkE9PSIsInZhbHVlIjoiR2kvQ1Q0RTV5QnJoMlVBb2F3ai9LejRaNTZHWUVEVXlHdXVhVUZCN0Fvb3kyczl1Zjd5MENrcHVScUhocmx0U0FoYUZHUFdEamd1ZTVkODA0OFlsR0xiTEg4N20vQThJdzBBeklEODJZQjJWNDcrQythUWY4dGxuek9DbDJ1MkkiLCJtYWMiOiJkZTk1ODQ2MzdkN2RkZjdlMDIyYjZkYmE1ZGY4ODJjYmY2ZWEzZmJjMDg4ZTA1NGY5ODU0NWMwYWEzYjRhMjhjIiwidGFnIjoiIn0%3D; expiresThu, 01 Jan 2026 20:03:47 GMT; Max-Age7200; path/; secure; httponly; samesitelaxX-Frame-Options: SAMEORIGINX-Content-Type-Options: nosniff

!-- SEO Meta Content -->!DOCTYPE html>html    langen    dirltr>    head>                title>Chandi Craft – Buy Handicrafts, Home Décor, Gifts & More Online India/title>        meta charsetUTF-8>        meta            http-equivX-UA-Compatible            contentIEedge        >        meta            http-equivcontent-language            contenten        >        meta            nameviewport            contentwidthdevice-width, initial-scale1        >        meta            namebase-url            contenthttps://chandicraft.com        >        meta            namecurrency            content{"id":1,"code":"USD","name":"United States Dollar","symbol":"$","decimal":2,"group_separator":",","decimal_separator":".","currency_position":null,"created_at":null,"updated_at":null}        >            meta        nametitle        contentChandi Craft – Buy Handicrafts, Home Décor, Gifts & More Online India    />    meta        namedescription        contentShop authentic handicrafts, craft items, home décor, gifts, pooja products & daily essentials at Chandi Craft. Handmade quality, trusted sellers & delivery across India.    />    meta        namekeywords        contentchandi craft, handicrafts online india, craft items online, home decor handicrafts, handmade gifts india, indian crafts ecommerce    />        link            relicon            sizes16x16            hrefhttp://chandicraft.com/storage/channel/1/EBcMCz919s3RTNnU4ZhXXccMQEPPsb7PxAkfsk71.png        />        link relpreload asstyle hrefhttps://chandicraft.com/themes/shop/default/build/assets/app-BoUQhNYM.css />link relpreload asstyle hrefhttps://chandicraft.com/themes/shop/default/build/assets/app-DsP8OK1c.css />link relmodulepreload hrefhttps://chandicraft.com/themes/shop/default/build/assets/app-C4XCDcMP.js />link relmodulepreload hrefhttps://chandicraft.com/themes/shop/default/build/assets/vue-BpIHnJ7o.js />link relmodulepreload hrefhttps://chandicraft.com/themes/shop/default/build/assets/vendor-DIwtuusy.js />link relmodulepreload hrefhttps://chandicraft.com/themes/shop/default/build/assets/veeValidate-AStS9x6w.js />link relstylesheet hrefhttps://chandicraft.com/themes/shop/default/build/assets/app-BoUQhNYM.css />link relstylesheet hrefhttps://chandicraft.com/themes/shop/default/build/assets/app-DsP8OK1c.css />script typemodule srchttps://chandicraft.com/themes/shop/default/build/assets/app-C4XCDcMP.js>/script>        link            relpreconnect            hrefhttps://fonts.googleapis.com            crossorigin        />        link            relpreconnect            hrefhttps://fonts.gstatic.com            crossorigin        />        link            relpreload asstyle            hrefhttps://fonts.googleapis.com/css2?familyPoppins:wght@400;500;600;700;800&familyDM+Serif+Display&displayswap        />        link            relstylesheet            hrefhttps://fonts.googleapis.com/css2?familyPoppins:wght@400;500;600;700;800&familyDM+Serif+Display&displayswap        />                                style>                            .home-offer h1 {display: block;font-weight: 500;text-align: center;font-size: 22px;font-family: DM Serif Display;background-color: #E8EDFE;padding-top: 20px;padding-bottom: 20px;}@media (max-width:768px){.home-offer h1 {font-size:18px;padding-top: 10px;padding-bottom: 10px;}@media (max-width:525px) {.home-offer h1 {font-size:14px;padding-top: 6px;padding-bottom: 6px;}}                        /style>                                            style>                            .top-collection-container {overflow: hidden;}.top-collection-header {padding-left: 15px;padding-right: 15px;text-align: center;font-size: 70px;line-height: 90px;color: #060C3B;margin-top: 80px;}.top-collection-header h2 {max-width: 595px;margin-left: auto;margin-right: auto;font-family: DM Serif Display;}.top-collection-grid {display: flex;flex-wrap: wrap;gap: 32px;justify-content: center;margin-top: 60px;width: 100%;margin-right: auto;margin-left: auto;padding-right: 90px;padding-left: 90px;}.top-collection-card {position: relative;background: #f9fafb;overflow:hidden;border-radius:20px;}.top-collection-card img {border-radius: 16px;max-width: 100%;text-indent:-9999px;transition: transform 300ms ease;transform: scale(1);}.top-collection-card:hover img {transform: scale(1.05);transition: all 300ms ease;}.top-collection-card h3 {color: #060C3B;font-size: 30px;font-family: DM Serif Display;transform: translateX(-50%);width: max-content;left: 50%;bottom: 30px;position: absolute;margin: 0;font-weight: inherit;}@media not all and (min-width: 525px) {.top-collection-header {margin-top: 28px;font-size: 20px;line-height: 1.5;}.top-collection-grid {gap: 10px}}@media not all and (min-width: 768px) {.top-collection-header {margin-top: 30px;font-size: 28px;line-height: 3;}.top-collection-header h2 {line-height:2; margin-bottom:20px;} .top-collection-grid {gap: 14px}} @media not all and (min-width: 1024px) {.top-collection-grid {padding-left: 30px;padding-right: 30px;}}@media (max-width: 768px) {.top-collection-grid { row-gap:15px; column-gap:0px;justify-content: space-between;margin-top: 0px;} .top-collection-card{width:48%} .top-collection-card img {width:100%;} .top-collection-card h3 {font-size:24px; bottom: 16px;}}@media (max-width:520px) { .top-collection-grid{padding-left: 15px;padding-right: 15px;} .top-collection-card h3 {font-size:18px; bottom: 10px;}}                        /style>                                            style>                            .section-gap{margin-top:80px}.direction-ltr{direction:ltr}.direction-rtl{direction:rtl}.inline-col-wrapper{display:grid;grid-template-columns:auto 1fr;grid-gap:60px;align-items:center}.inline-col-wrapper .inline-col-image-wrapper{overflow:hidden}.inline-col-wrapper .inline-col-image-wrapper img{max-width:100%;height:auto;border-radius:16px;text-indent:-9999px}.inline-col-wrapper .inline-col-content-wrapper{display:flex;flex-wrap:wrap;gap:20px;max-width:464px}.inline-col-wrapper .inline-col-content-wrapper .inline-col-title{max-width:442px;font-size:60px;font-weight:400;color:#060c3b;line-height:70px;font-family:DM Serif Display;margin:0}.inline-col-wrapper .inline-col-content-wrapper .inline-col-description{margin:0;font-size:18px;color:#6e6e6e;font-family:Poppins}@media (max-width:991px){.inline-col-wrapper{grid-template-columns:1fr;grid-gap:16px}.inline-col-wrapper .inline-col-content-wrapper{gap:10px}} @media (max-width:768px){.inline-col-wrapper .inline-col-image-wrapper img {width:100%;} .inline-col-wrapper .inline-col-content-wrapper .inline-col-title{font-size:28px !important;line-height:normal !important}} @media (max-width:525px){.inline-col-wrapper .inline-col-content-wrapper .inline-col-title{font-size:20px !important;} .inline-col-description{font-size:16px} .inline-col-wrapper{grid-gap:10px}}                        /style>                                            style>                            .section-game {overflow: hidden;}.section-title,.section-title h2{font-weight:400;font-family:DM Serif Display}.section-title{margin-top:80px;padding-left:15px;padding-right:15px;text-align:center;line-height:90px}.section-title h2{font-size:70px;color:#060c3b;max-width:595px;margin:auto}.collection-card-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.collection-card-wrapper .single-collection-card{position:relative}.collection-card-wrapper .single-collection-card img{border-radius:16px;background-color:#f5f5f5;max-width:100%;height:auto;text-indent:-9999px}.collection-card-wrapper .single-collection-card .overlay-text{font-size:50px;font-weight:400;max-width:234px;font-style:italic;color:#060c3b;font-family:DM Serif Display;position:absolute;bottom:30px;left:30px;margin:0}@media (max-width:1024px){.section-title{padding:0 30px}}@media (max-width:991px){.collection-card-wrapper{flex-wrap:wrap}}@media (max-width:768px) {.collection-card-wrapper .single-collection-card .overlay-text{font-size:32px; bottom:20px}.section-title{margin-top:32px}.section-title h2{font-size:28px;line-height:normal}} @media (max-width:525px){.collection-card-wrapper .single-collection-card .overlay-text{font-size:18px; bottom:10px} .section-title{margin-top:28px}.section-title h2{font-size:20px;} .collection-card-wrapper{gap:10px; 15px; row-gap:15px; column-gap:0px;justify-content: space-between;margin-top: 15px;} .collection-card-wrapper .single-collection-card {width:48%;}}                        /style>                                            style>                            .section-gap{margin-top:80px}.direction-ltr{direction:ltr}.direction-rtl{direction:rtl}.inline-col-wrapper{display:grid;grid-template-columns:auto 1fr;grid-gap:60px;align-items:center}.inline-col-wrapper .inline-col-image-wrapper{overflow:hidden}.inline-col-wrapper .inline-col-image-wrapper img{max-width:100%;height:auto;border-radius:16px;text-indent:-9999px}.inline-col-wrapper .inline-col-content-wrapper{display:flex;flex-wrap:wrap;gap:20px;max-width:464px}.inline-col-wrapper .inline-col-content-wrapper .inline-col-title{max-width:442px;font-size:60px;font-weight:400;color:#060c3b;line-height:70px;font-family:DM Serif Display;margin:0}.inline-col-wrapper .inline-col-content-wrapper .inline-col-description{margin:0;font-size:18px;color:#6e6e6e;font-family:Poppins}@media (max-width:991px){.inline-col-wrapper{grid-template-columns:1fr;grid-gap:16px}.inline-col-wrapper .inline-col-content-wrapper{gap:10px}}@media (max-width:768px) {.inline-col-wrapper .inline-col-image-wrapper img {max-width:100%;}.inline-col-wrapper .inline-col-content-wrapper{max-width:100%;justify-content:center; text-align:center} .section-gap{padding:0 30px; gap:20px;margin-top:24px} .bold-collections{margin-top:32px;}} @media (max-width:525px){.inline-col-wrapper .inline-col-content-wrapper{gap:10px} .inline-col-wrapper .inline-col-content-wrapper .inline-col-title{font-size:20px;line-height:normal} .section-gap{padding:0 15px; gap:15px;margin-top:10px} .bold-collections{margin-top:28px;}  .inline-col-description{font-size:16px !important} .inline-col-wrapper{grid-gap:15px}                        /style>                            style>                    /style>                    script typespeculationrules>                {prerender:{source:document,where:{and:{href_matches:/*},{not:{href_matches:account}},{not:{href_matches:checkout}},{not:{href_matches:onepage}},{not:{href_matches:cart}}},eagerness:moderate}}            /script>                    /head>    body>                a            href#main            classskip-to-main-content-link        >            Skip to main content        /a>        div idapp>            !-- Flash Message Blade Component -->            v-flash-group refflashes>/v-flash-group>            !-- Confirm Modal Blade Component -->            v-modal-confirm refconfirmModal>/v-modal-confirm>            !-- Page Header Blade Component -->                            header classshadow-gray sticky top-0 z-10 bg-white shadow-sm max-lg:shadow-none>    v-header-switcher>        !-- Desktop Header Shimmer -->        div classflex flex-wrap max-lg:hidden>            div classflex min-h-78px w-full justify-between border border-b border-l-0 border-r-0 border-t-0 px-60px max-1180:px-8>                !-- Left Navigation Section -->                div classflex items-center gap-x-10 max-1180px:gap-x-5>                    !-- Logo Shimmer -->                    span                        classshimmer block h-29px w-131px rounded                        rolepresentation                    >                    /span>                    !-- Categories Shimmer -->                    div classflex items-center gap-5>                        span                            classshimmer h-6 w-20 rounded                            rolepresentation                        >                        /span>                        span                            classshimmer h-6 w-20 rounded                            rolepresentation                        >                        /span>                        span                            classshimmer h-6 w-20 rounded                            rolepresentation                        >                        /span>                    /div>                /div>                !-- Right Navigation Section -->                div classflex items-center gap-x-9 max-1100px:gap-x-6 max-lg:gap-x-8>                    !-- Search Bar Shimmer -->                    div classrelative w-full max-w-445px>                        span                            classshimmer block h-42px w-250px rounded-lg px-11 py-3                            rolepresentation                        >                        /span>                    /div>                    !-- Right Navigation Icons Shimmer -->                    div classmt-1.5 flex gap-x-8 max-1100px:gap-x-6 max-lg:gap-x-8>                        !-- Compare Icon Shimmer -->                        span                            classshimmer h-6 w-6 rounded                            rolepresentation                        >                        /span>                        !-- Cart Icon Shimmer -->                        span                            classshimmer h-6 w-6 rounded                            rolepresentation                        >                        /span>                        !-- Profile Icon Shimmer -->                        span                            classshimmer h-6 w-6 rounded                            rolepresentation                        >                        /span>                    /div>                /div>            /div>        /div>        !-- Mobile Header Shimmer -->        div classflex flex-wrap gap-4 px-4 pb-4 pt-6 shadow-sm lg:hidden>            div classflex w-full items-center justify-between>                !-- Left Navigation -->                div classflex items-center gap-x-1.5>                    !-- Hamburger Menu Shimmer -->                    span                         classshimmer block h-6 w-6 rounded                         rolepresentation                    >                    /span>                                        !-- Logo Shimmer -->                    span                         classshimmer block h-29px w-131px rounded                         rolepresentation                    >                    /span>                /div>                !-- Right Navigation Icons -->                div classflex items-center gap-x-5 max-md:gap-x-4>                    !-- Compare Icon Shimmer -->                    span                         classshimmer block h-6 w-6 rounded                         rolepresentation                    >                    /span>                                        !-- Cart Icon Shimmer -->                    span                         classshimmer block h-6 w-6 rounded                         rolepresentation                    >                    /span>                                        !-- Profile Icon Shimmer -->                    span                         classshimmer block h-6 w-6 rounded                         rolepresentation                    >                    /span>                /div>            /div>            !-- Search Bar Shimmer -->            div classflex w-full items-center>                div classrelative w-full>                    span                        classshimmer block h-42px w-full rounded-xl px-11 py-3.5 max-md:rounded-lg                        rolepresentation                    >                    /span>                /div>            /div>        /div>    /v-header-switcher>/header>                                        v-cookie>/v-cookie>                                    !-- Page Content Blade Component -->            main idmain classbg-white>                !-- Page Title -->         !-- Loop over the theme customization -->                    !-- Static content -->                        !-- Image Carousel -->                v-carousel :images{"link":"","image":"storage\/theme\/1\/dcvuRLEyEboFouGDf746qdGHSqxgtD0BX3WPcXzV.webp","title":"Get Ready For New Collection"},{"link":"","image":"storage\/theme\/1\/d0EpyhbCIbztqVbpk6JQXhvKsIeODJLkfcVJLufc.webp","title":"Get Ready For New Collection"},{"link":"","image":"storage\/theme\/1\/TTsJZYwdykb06LOav86XMhJ8UOWdr48erMIhB87a.webp","title":"Get Ready For New Collection"},{"link":"","image":"storage\/theme\/1\/pK6zQjzg048GvlRdMket7ozMvVrZDmiuNGeGTn1p.webp","title":"Get Ready For New Collection"}>    div classoverflow-hidden>        div classshimmer aspect-2.743/1 max-h-screen w-screen>/div>    /div>/v-carousel>                                    !-- Static content -->                        !-- push style -->                                                                    !-- render html -->                                    div classhome-offer>h1>Get UPTO 40% OFF on your 1st order SHOP NOW/h1>/div>                                                    !-- Static content -->                        !-- Categories carousel -->                v-categories-carousel    srchttps://chandicraft.com/api/categories?sortasc&limit10&parent_id1    title    navigation-linkhttps://chandicraft.com>    div classcontainer mt-14 max-lg:px-8 max-md:mt-7 max-md:!px-0 max-sm:mt-5>    div classrelative>        div classscrollbar-hide flex gap-10 overflow-auto max-lg:gap-4>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                    /div>        span            classshimmer absolute -left-10 top-9 flex h-50px w-50px rounded-full max-sm:hidden            rolepresentation        >/span>        span            classshimmer absolute -right-6 top-9 flex h-50px w-50px rounded-full max-sm:hidden            rolepresentation        >/span>    /div>/div>/v-categories-carousel>                                    !-- Static content -->                        !-- Product Carousel -->                v-products-carousel    srchttps://chandicraft.com/api/products?new1&sortname-asc&limit12    titleNew Products    navigation-linkhttps://chandicraft.com/search?new1&sortname-asc&limit12>    div classcontainer mt-20 max-lg:px-8 max-md:mt-8 max-sm:mt-7 max-sm:!px-4>    div classflex items-center justify-between>        h3 classshimmer h-8 w-200px max-sm:h-7>/h3>        div classflex items-center justify-between gap-8 max-lg:hidden>            span                classshimmer inline-block h-6 w-6                rolepresentation            >/span>            span                classshimmer inline-block h-6 w-6 max-sm:hidden                rolepresentation            >/span>        /div>        div classshimmer h-7 w-24 max-sm:h-5 max-sm:w-68px lg:hidden>/div>    /div>    div classscrollbar-hide mt-10 flex gap-8 overflow-auto pb-2.5 max-md:mt-5 max-sm:gap-4>        div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    /div>            a            classshimmer mx-auto mt-16 block h-12 w-150.172px rounded-2xl max-md:hidden            rolebutton            aria-labelShow more products        >/a>    /div>/v-products-carousel>                                    !-- Static content -->                        !-- push style -->                                                                    !-- render html -->                                    div classtop-collection-container>div classtop-collection-header>h2>The game with our new additions!/h2>/div>div classtop-collection-grid container>div classtop-collection-card>img src data-srcstorage/theme/5/x3lPfyrstHP6J4zggm0fRegWJt9JwflPe5F7M0iw.webp classlazy width396 height396 altThe game with our new additions!>h3>Our Collections/h3>/div>div classtop-collection-card>img src data-srcstorage/theme/5/hZmEeZRzSKh95lqNWmtg3UBx44MX8V5XwpDvrlj7.webp classlazy width396 height396 altThe game with our new additions!>h3>Our Collections/h3>/div>div classtop-collection-card>img src data-srcstorage/theme/5/czpszz3QLGd5lFVDnV3vbEKkbPSOXwsQdW7pdsAJ.webp classlazy width396 height396 altThe game with our new additions!>h3>Our Collections/h3>/div>div classtop-collection-card>img src data-srcstorage/theme/5/Gq7jBK7q0BffeDviU7oLYLZrxymMQ6SYoRLFmTMG.webp classlazy width396 height396 altThe game with our new additions!>h3>Our Collections/h3>/div>div classtop-collection-card>img src data-srcstorage/theme/5/7YxRY72YAfwzhRcDOh7S3crcU3ysle0csynYKpjq.webp classlazy width396 height396 altThe game with our new additions!>h3>Our Collections/h3>/div>div classtop-collection-card>img src data-srcstorage/theme/5/5pVmKtpAaELRSVxBZJ84ny7mjAHmdwtDxNLAerN4.webp classlazy width396 height396 altThe game with our new additions!>h3>Our Collections/h3>/div>/div>/div>                                                    !-- Static content -->                        !-- push style -->                                                                    !-- render html -->                                    div classsection-gap bold-collections container> div classinline-col-wrapper> div classinline-col-image-wrapper> img src data-srcstorage/theme/6/iDF0KKHdquQ3xRKg5rbLN9OJtEMpIZFA7A8JG4AO.webp classlazy width632 height510 altGet Ready for our new Bold Collections!> /div> div classinline-col-content-wrapper> h2 classinline-col-title> Get Ready for our new Bold Collections! /h2> p classinline-col-description>Introducing Our New Bold Collections! Elevate your style with daring designs and vibrant statements. Explore striking patterns and bold colors that redefine your wardrobe. Get ready to embrace the extraordinary!/p> button classprimary-button max-md:rounded-lg max-md:px-4 max-md:py-2.5 max-md:text-sm>View Collections/button> /div> /div> /div>                                                    !-- Static content -->                        !-- Product Carousel -->                v-products-carousel    srchttps://chandicraft.com/api/products?sortname-desc&limit12&featured1    titleFeatured Products    navigation-linkhttps://chandicraft.com/search?sortname-desc&limit12&featured1>    div classcontainer mt-20 max-lg:px-8 max-md:mt-8 max-sm:mt-7 max-sm:!px-4>    div classflex items-center justify-between>        h3 classshimmer h-8 w-200px max-sm:h-7>/h3>        div classflex items-center justify-between gap-8 max-lg:hidden>            span                classshimmer inline-block h-6 w-6                rolepresentation            >/span>            span                classshimmer inline-block h-6 w-6 max-sm:hidden                rolepresentation            >/span>        /div>        div classshimmer h-7 w-24 max-sm:h-5 max-sm:w-68px lg:hidden>/div>    /div>    div classscrollbar-hide mt-10 flex gap-8 overflow-auto pb-2.5 max-md:mt-5 max-sm:gap-4>        div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    /div>            a            classshimmer mx-auto mt-16 block h-12 w-150.172px rounded-2xl max-md:hidden            rolebutton            aria-labelShow more products        >/a>    /div>/v-products-carousel>                                    !-- Static content -->                        !-- push style -->                                                                    !-- render html -->                                    div classsection-game>div classsection-title> h2>The game with our new additions!/h2> /div> div classsection-gap container> div classcollection-card-wrapper> div classsingle-collection-card> img src data-srcstorage/theme/8/3LAo3gusFYOr5qf6hvoamJc98n90j1JHL8jJh0yi.webp classlazy width615 height600 altThe game with our new additions!> h3 classoverlay-text>Our Collections/h3> /div> div classsingle-collection-card> img src data-srcstorage/theme/8/I2nouUJIcAWnb7xKdnSLTzkpvKloISPIl9sUQsbg.webp classlazy width615 height600 altThe game with our new additions!> h3 classoverlay-text> Our Collections /h3> /div> /div> /div> /div>                                                    !-- Static content -->                        !-- Product Carousel -->                v-products-carousel    srchttps://chandicraft.com/api/products?sortname-desc&limit12    titleAll Products    navigation-linkhttps://chandicraft.com/search?sortname-desc&limit12>    div classcontainer mt-20 max-lg:px-8 max-md:mt-8 max-sm:mt-7 max-sm:!px-4>    div classflex items-center justify-between>        h3 classshimmer h-8 w-200px max-sm:h-7>/h3>        div classflex items-center justify-between gap-8 max-lg:hidden>            span                classshimmer inline-block h-6 w-6                rolepresentation            >/span>            span                classshimmer inline-block h-6 w-6 max-sm:hidden                rolepresentation            >/span>        /div>        div classshimmer h-7 w-24 max-sm:h-5 max-sm:w-68px lg:hidden>/div>    /div>    div classscrollbar-hide mt-10 flex gap-8 overflow-auto pb-2.5 max-md:mt-5 max-sm:gap-4>        div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    /div>            a            classshimmer mx-auto mt-16 block h-12 w-150.172px rounded-2xl max-md:hidden            rolebutton            aria-labelShow more products        >/a>    /div>/v-products-carousel>                                    !-- Static content -->                        !-- push style -->                                                                    !-- render html -->                                    div classsection-gap bold-collections container> div classinline-col-wrapper direction-rtl> div classinline-col-image-wrapper> img src data-srcstorage/theme/10/4JYUO5Exoia98n76uHtvcHKuCvhUDPGmtKHRokfb.webp classlazy width632 height510 altGet Ready for our new Bold Collections!> /div> div classinline-col-content-wrapper direction-ltr> h2 classinline-col-title> Get Ready for our new Bold Collections! /h2> p classinline-col-description>Introducing Our New Bold Collections! Elevate your style with daring designs and vibrant statements. Explore striking patterns and bold colors that redefine your wardrobe. Get ready to embrace the extraordinary!/p> button classprimary-button max-md:rounded-lg max-md:px-4 max-md:py-2.5 max-md:text-sm>View Collections/button> /div> /div> /div>                                                    !-- Static content -->                            !-- Static content -->            /main>                        !-- Page Services Blade Component -->                            !--    The ThemeCustomizationRepository repository is injected directly here because there is no way    to retrieve it from the view composer, as this is an anonymous component.-->!-- Features -->    div classcontainer mt-20 max-lg:px-8 max-md:mt-10 max-md:px-4>        div classmax-md:max-y-6 flex justify-center gap-6 max-lg:flex-wrap max-md:grid max-md:grid-cols-2 max-md:gap-x-2.5 max-md:text-center>                            div classflex items-center gap-5 bg-white max-md:grid max-md:gap-2.5 max-sm:gap-1 max-sm:px-2>                    span                        classicon-truck flex items-center justify-center w-60px h-60px bg-white border border-black rounded-full text-4xl text-navyBlue p-2.5 max-md:m-auto max-md:w-16 max-md:h-16 max-sm:w-10 max-sm:h-10 max-sm:text-2xl                        rolepresentation                    >/span>                    div classmax-lg:grid max-lg:justify-center>                        !-- Service Title -->                        p classfont-dmserif text-base font-medium max-md:text-xl max-sm:text-sm>Free Shipping/p>                        !-- Service Description -->                        p classmt-2.5 max-w-217px text-sm font-medium text-zinc-500 max-md:mt-0 max-md:text-base max-sm:text-xs>                            Enjoy free shipping on all orders                        /p>                    /div>                /div>                            div classflex items-center gap-5 bg-white max-md:grid max-md:gap-2.5 max-sm:gap-1 max-sm:px-2>                    span                        classicon-product flex items-center justify-center w-60px h-60px bg-white border border-black rounded-full text-4xl text-navyBlue p-2.5 max-md:m-auto max-md:w-16 max-md:h-16 max-sm:w-10 max-sm:h-10 max-sm:text-2xl                        rolepresentation                    >/span>                    div classmax-lg:grid max-lg:justify-center>                        !-- Service Title -->                        p classfont-dmserif text-base font-medium max-md:text-xl max-sm:text-sm>Product Replace/p>                        !-- Service Description -->                        p classmt-2.5 max-w-217px text-sm font-medium text-zinc-500 max-md:mt-0 max-md:text-base max-sm:text-xs>                            Easy Product Replacement Available!                        /p>                    /div>                /div>                            div classflex items-center gap-5 bg-white max-md:grid max-md:gap-2.5 max-sm:gap-1 max-sm:px-2>                    span                        classicon-dollar-sign flex items-center justify-center w-60px h-60px bg-white border border-black rounded-full text-4xl text-navyBlue p-2.5 max-md:m-auto max-md:w-16 max-md:h-16 max-sm:w-10 max-sm:h-10 max-sm:text-2xl                        rolepresentation                    >/span>                    div classmax-lg:grid max-lg:justify-center>                        !-- Service Title -->                        p classfont-dmserif text-base font-medium max-md:text-xl max-sm:text-sm>Emi Available/p>                        !-- Service Description -->                        p classmt-2.5 max-w-217px text-sm font-medium text-zinc-500 max-md:mt-0 max-md:text-base max-sm:text-xs>                            No cost EMI available on all major credit cards                        /p>                    /div>                /div>                            div classflex items-center gap-5 bg-white max-md:grid max-md:gap-2.5 max-sm:gap-1 max-sm:px-2>                    span                        classicon-support flex items-center justify-center w-60px h-60px bg-white border border-black rounded-full text-4xl text-navyBlue p-2.5 max-md:m-auto max-md:w-16 max-md:h-16 max-sm:w-10 max-sm:h-10 max-sm:text-2xl                        rolepresentation                    >/span>                    div classmax-lg:grid max-lg:justify-center>                        !-- Service Title -->                        p classfont-dmserif text-base font-medium max-md:text-xl max-sm:text-sm>24/7 Support/p>                        !-- Service Description -->                        p classmt-2.5 max-w-217px text-sm font-medium text-zinc-500 max-md:mt-0 max-md:text-base max-sm:text-xs>                            Dedicated 24/7 support via chat and email                        /p>                    /div>                /div>                    /div>    /div>                        !-- Page Footer Blade Component -->                            !--    The category repository is injected directly here because there is no way    to retrieve it from the view composer, as this is an anonymous component.-->!--    This code needs to be refactored to reduce the amount of PHP in the Blade    template as much as possible.-->footer classmt-9 bg-lightOrange max-sm:mt-10>    div classflex justify-between gap-x-6 gap-y-8 p-60px max-1060:flex-col-reverse max-md:gap-5 max-md:p-8 max-sm:px-4 max-sm:py-5>        !-- For Desktop View -->        div classflex flex-wrap items-start gap-24 max-1180:gap-6 max-1060:hidden>                                                ul classgrid gap-5 text-sm>                                                                            li>                                a hrefhttp://chandicraft.com/page/about-us>                                    About Us                                /a>                            /li>                                                    li>                                a hrefhttp://chandicraft.com/contact-us>                                    Contact Us                                /a>                            /li>                                                    li>                                a hrefhttp://chandicraft.com/page/customer-service>                                    Customer Service                                /a>                            /li>                                                    li>                                a hrefhttp://chandicraft.com/page/whats-new>                                    What's New                                /a>                            /li>                                                    li>                                a hrefhttp://chandicraft.com/page/terms-of-use>                                    Terms of Use                                /a>                            /li>                                                    li>                                a hrefhttp://chandicraft.com/page/terms-conditions>                                    Terms & Conditions                                /a>                            /li>                                            /ul>                                    ul classgrid gap-5 text-sm>                                                                            li>                                a hrefhttp://chandicraft.com/page/privacy-policy>                                    Privacy Policy                                /a>                            /li>                                                    li>                                a hrefhttp://chandicraft.com/page/payment-policy>                                    Payment Policy                                /a>                            /li>                                                    li>                                a hrefhttp://chandicraft.com/page/shipping-policy>                                    Shipping Policy                                /a>                            /li>                                                    li>                                a hrefhttp://chandicraft.com/page/refund-policy>                                    Refund Policy                                /a>                            /li>                                                    li>                                a hrefhttp://chandicraft.com/page/return-policy>                                    Return Policy                                /a>                            /li>                                            /ul>                                    /div>        !-- For Mobile view -->        div classborder-b border-zinc-200 hidden !w-full rounded-xl !border-2 !border-#e9decc max-1060:block max-sm:rounded-lg>    v-accordion                is-active    >                    template v-slot:header{ toggle, isOpen }>                div                    classflex cursor-pointer select-none items-center justify-between p-4 rounded-t-lg bg-#F1EADF font-medium max-md:p-2.5 max-sm:px-3 max-sm:py-2 max-sm:text-sm                    rolebutton                    tabindex0                    @clicktoggle                >                    Footer Content                    span                        v-bind:classisOpen ? icon-arrow-up text-2xl : icon-arrow-down text-2xl                        rolebutton                        aria-labelToggle accordion                        tabindex0                    >/span>                /div>            /template>                            template v-slot:content{ isOpen }>                div                    classz-10 rounded-lg bg-white p-1.5 flex justify-between !bg-transparent !p-4                    v-showisOpen                >                    ul classgrid gap-5 text-sm>                                                                                        li>                                    a                                        hrefhttp://chandicraft.com/page/about-us                                        classtext-sm font-medium max-sm:text-xs>                                        About Us                                    /a>                                /li>                                                            li>                                    a                                        hrefhttp://chandicraft.com/contact-us                                        classtext-sm font-medium max-sm:text-xs>                                        Contact Us                                    /a>                                /li>                                                            li>                                    a                                        hrefhttp://chandicraft.com/page/customer-service                                        classtext-sm font-medium max-sm:text-xs>                                        Customer Service                                    /a>                                /li>                                                            li>                                    a                                        hrefhttp://chandicraft.com/page/whats-new                                        classtext-sm font-medium max-sm:text-xs>                                        What's New                                    /a>                                /li>                                                            li>                                    a                                        hrefhttp://chandicraft.com/page/terms-of-use                                        classtext-sm font-medium max-sm:text-xs>                                        Terms of Use                                    /a>                                /li>                                                            li>                                    a                                        hrefhttp://chandicraft.com/page/terms-conditions                                        classtext-sm font-medium max-sm:text-xs>                                        Terms & Conditions                                    /a>                                /li>                                                    /ul>                                            ul classgrid gap-5 text-sm>                                                                                        li>                                    a                                        hrefhttp://chandicraft.com/page/privacy-policy                                        classtext-sm font-medium max-sm:text-xs>                                        Privacy Policy                                    /a>                                /li>                                                            li>                                    a                                        hrefhttp://chandicraft.com/page/payment-policy                                        classtext-sm font-medium max-sm:text-xs>                                        Payment Policy                                    /a>                                /li>                                                            li>                                    a                                        hrefhttp://chandicraft.com/page/shipping-policy                                        classtext-sm font-medium max-sm:text-xs>                                        Shipping Policy                                    /a>                                /li>                                                            li>                                    a                                        hrefhttp://chandicraft.com/page/refund-policy                                        classtext-sm font-medium max-sm:text-xs>                                        Refund Policy                                    /a>                                /li>                                                            li>                                    a                                        hrefhttp://chandicraft.com/page/return-policy                                        classtext-sm font-medium max-sm:text-xs>                                        Return Policy                                    /a>                                /li>                                                    /ul>                /div>            /template>            /v-accordion>/div>                !-- News Letter subscription -->                    div classgrid gap-2.5>                p                    classmax-w-288px text-3xl italic leading-45px text-navyBlue max-md:text-2xl max-sm:text-lg                    roleheading                    aria-level2                >                    Get Ready for our Fun Newsletter!                /p>                p classtext-xs>                    Subscribe to stay in touch.                /p>                div>                    !--    If a component has the `as` attribute, it indicates that it uses    the ajaxified form or some customized slot form.-->            v-form        methodPOST        :initial-errors        v-slot{ meta, errors }        actionhttps://chandicraft.com/subscription classmt-2.5 rounded max-sm:mt-0    >                    input typehidden name_token value1cVyAC1HHXzbHMM1NccyBMGxDscm9WkaasoWFZXZ autocompleteoff>                        div classrelative w-full>                            v-field            v-slot{ field, errors }            rulesrequired|email labelEmail            nameemail        >            input                typeemail                nameemail                v-bindfield                :classerrors.length ? border !border-red-500 hover:border-red-500 :                 classmb-1.5 w-full rounded-lg border px-5 py-3 text-base font-normal text-gray-600 transition-all hover:border-gray-400 focus:border-gray-400 max-sm:px-4 max-md:py-2 max-sm:text-sm block w-420px max-w-full rounded-xl border-2 border-#e9decc bg-#F1EADF px-5 py-4 text-base max-1060:w-full max-md:p-3.5 max-sm:mb-0 max-sm:rounded-lg max-sm:border-2 max-sm:p-2 max-sm:text-sm aria-labelEmail placeholderemail@example.com            >        /v-field>                                        v-error-message        nameemail    v-slot{ message }>    p        classtext-red-500 text-xs italic        v-textmessage    >    /p>/v-error-message>                                button                                typesubmit                                classabsolute top-1.5 flex w-max items-center rounded-xl bg-white px-7 py-2.5 font-medium hover:bg-zinc-100 max-md:top-1 max-md:px-5 max-md:text-xs max-sm:mt-0 max-sm:rounded-lg max-sm:px-4 max-sm:py-2 ltr:right-2 rtl:left-2                            >                                Subscribe                            /button>                        /div>    /v-form>                /div>            /div>                    /div>     div classflex justify-between bg-#F1EADF px-60px py-3.5 max-md:justify-center max-sm:px-5>                p classtext-sm text-zinc-600 max-md:text-center>            © 2025 L2CL Pvt. Ltd. All rights reserved.        /p>            /div>/footer>                    /div>        style>    .path-hint {        border: solid 1px transparent;        padding: 1px;    }    .path-hint:hover {        border: 1px solid red;    }    .path-hint-tooltip {        padding: 0px 10px;        position: absolute;        background: #000000;        z-index: 10000;        color: #fff;        font-size: 10px;    }    .path-hint-tooltip h4 {        margin-top: 5px;        margin-bottom: 3px;        color: #fff;        font-size: 12px;    }    .path-hint-tooltip ul li {        margin-bottom: 3px;    }    .main-container-wrapper .product-card .product-image img {        max-width: 100%;        height: 260px;        object-fit: cover;    }/style>            script>        localStorage.setItem(categories, JSON.stringify({id:2,parent_id:1,name:Men,slug:men,url:https:\/\/chandicraft.com\/men,status:1,children:{id:3,parent_id:2,name:Winter Wear,slug:winter-wear,url:https:\/\/chandicraft.com\/winter-wear,status:1,children:},{id:4,parent_id:2,name:Summer Wear,slug:summer-wear,url:https:\/\/chandicraft.com\/summer-wear,status:1,children:}}));    /script>    script        typetext/x-template        idv-shimmer-image-template    >        div            :idimage-shimmer- + $.uid            classshimmer            v-bind$attrs            v-ifisLoading        >        /div>        img            v-bind$attrs            :data-srcsrc            :idimage- + $.uid            @loadonLoad            v-show! isLoading            v-iflazy        >        img            v-bind$attrs            :data-srcsrc            :idimage- + $.uid            @loadonLoad            v-else            v-show! isLoading        >    /script>    script typemodule>        app.component(v-shimmer-image, {            template: #v-shimmer-image-template,            props: {                lazy: {                    type: Boolean,                    default: true,                },                src: {                    type: String,                    default: ,                },            },            data() {                return {                    isLoading: true,                };            },            mounted() {                let self  this;                if (! this.lazy) {                    return;                }                let lazyImageObserver  new IntersectionObserver(function(entries, observer) {                    entries.forEach(function(entry) {                        if (entry.isIntersecting) {                            let lazyImage  document.getElementById(image- + self.$.uid);                            lazyImage.src  lazyImage.dataset.src;                            lazyImageObserver.unobserve(lazyImage);                        }                    });                });                lazyImageObserver.observe(document.getElementById(image-shimmer- + this.$.uid));            },            methods: {                onLoad() {                    this.isLoading  false;                },            },        });    /script>    script        typetext/x-template        idv-product-card-template    >        !-- Grid Card -->        div            class1180:transtion-all group w-full rounded-md 1180:relative 1180:grid 1180:content-start 1180:overflow-hidden 1180:duration-300 1180:hover:shadow-0_5px_10px_rgba(0,0,0,0.1)            v-ifmode ! list        >            div classrelative max-h-300px max-w-291px overflow-hidden max-md:max-h-60 max-md:max-w-full max-md:rounded-lg max-sm:max-h-200px max-sm:max-w-full>                                !-- Product Image -->                a                    :href`https://chandicraft.com/${product.url_key}`                    :aria-labelproduct.name +                  >                    v-shimmer-image classafter:content-  relative bg-zinc-100 transition-all duration-300 after:block after:pb-calc(100%+9px) group-hover:scale-105 :srcproduct.base_image.medium_image_url :srcset`                            ${product.base_image.small_image_url} 150w,                            ${product.base_image.medium_image_url} 300w,                        ` sizes(max-width: 768px) 150px, (max-width: 1200px) 300px, 600px :keyproduct.id :indexproduct.id width291 height300 :altproduct.name>    div classshimmer after:content-  relative bg-zinc-100 transition-all duration-300 after:block after:pb-calc(100%+9px) group-hover:scale-105 :srcproduct.base_image.medium_image_url :srcset`                            ${product.base_image.small_image_url} 150w,                            ${product.base_image.medium_image_url} 300w,                        ` sizes(max-width: 768px) 150px, (max-width: 1200px) 300px, 600px :keyproduct.id :indexproduct.id width291 height300 :altproduct.name>/div>/v-shimmer-image>                /a>                                !-- Product Ratings -->                                                    v-product-ratings    classflex w-max items-center rounded-md border border-zinc-200 px-4 py-2 absolute bottom-1.5 items-center !border-white bg-white/80 !px-2 !py-1 text-xs max-sm:!px-1.5 max-sm:!py-0.5 ltr:left-1.5 rtl:right-1.5 :averageproduct.ratings.average :totalproduct.reviews.total :ratingfalse v-ifproduct.reviews.total    average0    total0>/v-product-ratings>                                                div classaction-items bg-black>                    !-- Product Sale Badge -->                    p                        classabsolute top-1.5 inline-block rounded-44px bg-red-600 px-2.5 text-sm text-white max-sm:rounded-l-none max-sm:rounded-r-xl max-sm:px-2 max-sm:py-0.5 max-sm:text-xs ltr:left-1.5 max-sm:ltr:left-0 rtl:right-5 max-sm:rtl:right-0                        v-ifproduct.on_sale                    >                        Sale                    /p>                    !-- Product New Badge -->                    p                        classabsolute top-1.5 inline-block rounded-44px bg-navyBlue px-2.5 text-sm text-white max-sm:rounded-l-none max-sm:rounded-r-xl max-sm:px-2 max-sm:py-0.5 max-sm:text-xs ltr:left-1.5 max-sm:ltr:left-0 rtl:right-1.5 max-sm:rtl:right-0                        v-else-ifproduct.is_new                    >                        New                    /p>                    div classopacity-0 transition-all duration-300 group-hover:bottom-0 group-hover:opacity-100 max-lg:opacity-100 max-sm:opacity-100>                                                                            span                                classabsolute top-2.5 flex h-6 w-6 items-center justify-center rounded-full border border-zinc-200 bg-white text-lg md:hidden ltr:right-1.5 rtl:left-1.5                                rolebutton                                aria-labelAdd To Wishlist                                tabindex0                                :classproduct.is_wishlist ? icon-heart-fill text-red-500 : icon-heart                                @clickaddToWishlist()                            >                            /span>                                                                                                                            span                                classicon-compare absolute top-10 flex h-6 w-6 items-center justify-center rounded-full border border-zinc-200 bg-white text-lg sm:hidden ltr:right-1.5 rtl:left-1.5                                rolebutton                                aria-labelAdd To Compare                                tabindex0                                @clickaddToCompare(product.id)                            >                            /span>                                                                    /div>                /div>            /div>            !-- Product Information Section -->            div class-mt-9 grid max-w-291px translate-y-9 content-start gap-2.5 bg-white p-2.5 transition-transform duration-300 ease-out group-hover:-translate-y-0 group-hover:rounded-t-lg max-md:relative max-md:mt-0 max-md:translate-y-0 max-md:gap-0 max-md:px-0 max-md:py-1.5 max-sm:min-w-170px max-sm:max-w-192px>                                p classbreak-all text-base font-medium max-md:mb-1.5 max-md:max-w-56 max-md:whitespace-break-spaces max-md:leading-6 max-sm:max-w-192px max-sm:text-sm max-sm:leading-4>                    {{ product.name }}                /p>                                !-- Pricing -->                                div                    classflex items-center gap-2.5 text-lg font-semibold max-sm:text-sm max-sm:leading-6                    v-htmlproduct.price_html                >                /div>                                !-- Product Actions Section -->                div classaction-items flex items-center justify-between opacity-0 transition-all duration-300 ease-in-out group-hover:opacity-100 max-md:hidden>                                                                    button                            classsecondary-button w-full max-w-full p-2.5 text-sm font-medium max-sm:rounded-xl max-sm:p-2                            :disabled! product.is_saleable || isAddingToCart                            @clickaddToCart()                        >                            Add To Cart                        /button>                                                                                                            span                            classcursor-pointer p-2.5 text-2xl max-sm:hidden                            rolebutton                            aria-labelAdd To Wishlist                            tabindex0                            :classproduct.is_wishlist ? icon-heart-fill text-red-600 : icon-heart                            @clickaddToWishlist()                        >                        /span>                                                                                                        span                            classicon-compare cursor-pointer p-2.5 text-2xl max-sm:hidden                            rolebutton                            aria-labelAdd To Compare                            tabindex0                            @clickaddToCompare(product.id)                        >                        /span>                                                        /div>            /div>        /div>        !-- List Card -->        div            classrelative flex max-w-max grid-cols-2 gap-4 overflow-hidden rounded max-sm:flex-wrap            v-else        >            div classgroup relative max-h-258px max-w-250px overflow-hidden>                                a :href`https://chandicraft.com/${product.url_key}`>                    v-shimmer-image classafter:content-  relative min-w-250px bg-zinc-100 transition-all duration-300 after:block after:pb-calc(100%+9px) group-hover:scale-105 :srcproduct.base_image.medium_image_url :keyproduct.id :indexproduct.id width291 height300 :altproduct.name>    div classshimmer after:content-  relative min-w-250px bg-zinc-100 transition-all duration-300 after:block after:pb-calc(100%+9px) group-hover:scale-105 :srcproduct.base_image.medium_image_url :keyproduct.id :indexproduct.id width291 height300 :altproduct.name>/div>/v-shimmer-image>                /a>                                div classaction-items bg-black>                    p                        classabsolute top-5 inline-block rounded-44px bg-red-500 px-2.5 text-sm text-white ltr:left-5 max-sm:ltr:left-2 rtl:right-5                        v-ifproduct.on_sale                    >                        Sale                    /p>                    p                        classabsolute top-5 inline-block rounded-44px bg-navyBlue px-2.5 text-sm text-white ltr:left-5 max-sm:ltr:left-2 rtl:right-5                        v-else-ifproduct.is_new                    >                        New                    /p>                    div classopacity-0 transition-all duration-300 group-hover:bottom-0 group-hover:opacity-100 max-sm:opacity-100>                                                                            span                                classabsolute top-5 flex h-30px w-30px cursor-pointer items-center justify-center rounded-md bg-white text-2xl ltr:right-5 rtl:left-5                                rolebutton                                aria-labelAdd To Wishlist                                tabindex0                                :classproduct.is_wishlist ? icon-heart-fill text-red-600 : icon-heart                                @clickaddToWishlist()                            >                            /span>                                                                                                                            span                                classicon-compare absolute top-16 flex h-30px w-30px cursor-pointer items-center justify-center rounded-md bg-white text-2xl ltr:right-5 rtl:left-5                                rolebutton                                aria-labelAdd To Compare                                tabindex0                                @clickaddToCompare(product.id)                            >                            /span>                                                                    /div>                /div>            /div>            div classgrid content-start gap-4>                                p classtext-base>                    {{ product.name }}                /p>                                                div                    classflex gap-2.5 text-lg font-semibold                    v-htmlproduct.price_html                >                /div>                                !-- Needs to implement that in future -->                div classflex hidden gap-4>                    span classblock h-30px w-30px rounded-full bg-#B5DCB4>                    /span>                    span classblock h-30px w-30px rounded-full bg-zinc-500>                    /span>                /div>                                p classtext-sm text-zinc-500>                    template  v-if! product.ratings.total>                        p classtext-sm text-zinc-500>                            Be the first to review this product                        /p>                    /template>                    template v-else>                                                    v-product-ratings    classflex w-max items-center rounded-md border border-zinc-200 px-4 py-2 :averageproduct.ratings.average :totalproduct.reviews.total :ratingfalse    average0    total0>/v-product-ratings>                                            /template>                /p>                                                                        v-button classprimary-button whitespace-nowrap px-8 py-2.5 titleAdd To Cart :loadingisAddingToCart :disabled! product.is_saleable || isAddingToCart @clickaddToCart()>/v-button>                                                /div>        /div>    /script>    script typemodule>        app.component(v-product-card, {            template: #v-product-card-template,            props: mode, product,            data() {                return {                    isCustomer: ,                    isAddingToCart: false,                }            },            methods: {                addToWishlist() {                    if (this.isCustomer) {                        this.$axios.post(`https://chandicraft.com/api/customer/wishlist`, {                                product_id: this.product.id                            })                            .then(response > {                                this.product.is_wishlist  ! this.product.is_wishlist;                                this.$emitter.emit(add-flash, { type: success, message: response.data.data.message });                            })                            .catch(error > {});                        } else {                            window.location.href  https://chandicraft.com/customer/login;                        }                },                addToCompare(productId) {                    /**                     * This will handle for customers.                     */                    if (this.isCustomer) {                        this.$axios.post(https://chandicraft.com/api/compare-items, {                                product_id: productId                            })                            .then(response > {                                this.$emitter.emit(add-flash, { type: success, message: response.data.data.message });                            })                            .catch(error > {                                if (400, 422.includes(error.response.status)) {                                    this.$emitter.emit(add-flash, { type: warning, message: error.response.data.data.message });                                    return;                                }                                this.$emitter.emit(add-flash, { type: error, message: error.response.data.message});                            });                        return;                    }                    /**                     * This will handle for guests.                     */                    let items  this.getStorageValue() ?? ;                    if (items.length) {                        if (! items.includes(productId)) {                            items.push(productId);                            localStorage.setItem(compare_items, JSON.stringify(items));                            this.$emitter.emit(add-flash, { type: success, message: Item added successfully to compare list. });                        } else {                            this.$emitter.emit(add-flash, { type: warning, message: Item is already added to compare list. });                        }                    } else {                        localStorage.setItem(compare_items, JSON.stringify(productId));                        this.$emitter.emit(add-flash, { type: success, message: Item added successfully to compare list. });                    }                },                getStorageValue(key) {                    let value  localStorage.getItem(compare_items);                    if (! value) {                        return ;                    }                    return JSON.parse(value);                },                addToCart() {                    this.isAddingToCart  true;                    this.$axios.post(https://chandicraft.com/api/checkout/cart, {                            quantity: 1,                            product_id: this.product.id,                        })                        .then(response > {                            if (response.data.message) {                                this.$emitter.emit(update-mini-cart, response.data.data );                                this.$emitter.emit(add-flash, { type: success, message: response.data.message });                            } else {                                this.$emitter.emit(add-flash, { type: warning, message: response.data.data.message });                            }                            this.isAddingToCart  false;                        })                        .catch(error > {                            this.$emitter.emit(add-flash, { type: error, message: error.response.data.message });                            if (error.response.data.redirect_uri) {                                window.location.href  error.response.data.redirect_uri;                            }                            this.isAddingToCart  false;                        });                },            },        });    /script>        script        typetext/x-template        idv-flash-group-template    >        transition-group            tagdiv            nameflash-group            enter-from-classltr:translate-x-full rtl:-translate-x-full            enter-active-classtransform transition duration-200 ease-in-out            enter-to-classltr:translate-x-0 rtl:-translate-x-0            leave-from-classltr:translate-x-0 rtl:-translate-x-0            leave-active-classtransform transition duration-200 ease-in-out            leave-to-classltr:translate-x-full rtl:-translate-x-full            classfixed top-5 z-1001 grid justify-items-end gap-2.5 max-sm:hidden ltr:right-5 rtl:left-5        >            v-flash-item    v-forflash in flashes    :keyflash.uid    :flashflash    @onRemoveremove($event)/>        /transition-group>        transition-group            tagdiv            nameflash-group            enter-from-classltr:translate-y-full rtl:-translate-y-full            enter-active-classtransform transition duration-200 ease-in-out            enter-to-classltr:translate-y-0 rtl:-translate-y-0            leave-from-classltr:translate-y-0 rtl:-translate-y-0            leave-active-classtransform transition duration-200 ease-in-out            leave-to-classltr:translate-y-full rtl:-translate-y-full            classfixed bottom-10 left-1/2 z-1001 grid -translate-x-1/2 -translate-y-1/2 transform justify-items-center gap-2.5 sm:hidden        >            v-flash-item    v-forflash in flashes    :keyflash.uid    :flashflash    @onRemoveremove($event)/>        /transition-group>    /script>    script typemodule>        app.component(v-flash-group, {            template: #v-flash-group-template,            data() {                return {                    uid: 0,                    flashes:                 }            },            created() {                this.loadInitialFlashes();                this.registerGlobalEvents();            },            methods: {                loadInitialFlashes() {                                            let flashes  ;                                        if (typeof(flashes)  string) {                        return;                    }                                        flashes.forEach(flash > {                        flash.uid  this.uid++;                        this.flashes.push(flash);                    });                },                add(flash) {                    flash.uid  this.uid++;                    this.flashes.push(flash);                },                remove(flash) {                    let index  this.flashes.indexOf(flash);                    this.flashes.splice(index, 1);                },                registerGlobalEvents() {                    this.$emitter.on(add-flash, this.add);                },            }        });    /script>    script        typetext/x-template        idv-modal-confirm-template    >        div>            transition                tagdiv                namemodal-overlay                enter-classduration-300 ease-out                enter-from-classopacity-0                enter-to-classopacity-100                leave-classduration-200 ease-in                leave-from-classopacity-100                leave-to-classopacity-0            >                div                    classfixed inset-0 z-20 bg-gray-500 bg-opacity-50 transition-opacity                    v-showisOpen                >/div>            /transition>            transition                tagdiv                namemodal-content                enter-classduration-300 ease-out                enter-from-classtranslate-y-4 opacity-0 md:translate-y-0 md:scale-95                enter-to-classtranslate-y-0 opacity-100 md:scale-100                leave-classduration-200 ease-in                leave-from-classtranslate-y-0 opacity-100 md:scale-100                leave-to-classtranslate-y-4 opacity-0 md:translate-y-0 md:scale-95            >                div                    classfixed inset-0 z-20 transform overflow-y-auto transition v-showisOpen                >                    div classflex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0>                        div classabsolute left-1/2 top-1/2 z-999 w-full max-w-475px -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-xl bg-white p-5 max-md:w-90% max-sm:p-4>                            div classflex gap-2.5>                                div>                                    span classflex rounded-full border border-gray-300 p-2.5>                                        i classicon-error text-3xl max-sm:text-xl>/i>                                    /span>                                /div>                                div>                                    div classflex items-center justify-between gap-5 text-xl max-sm:text-lg>                                        {{ title }}                                    /div>                                    div classpb-5 pt-1.5 text-left text-sm text-gray-500>                                        {{ message }}                                    /div>                                    div classflex justify-end gap-2.5>                                        button                                            typebutton                                            classsecondary-button max-md:py-3 max-sm:px-6 max-sm:py-2.5                                            @clickdisagree                                        >                                            {{ options.btnDisagree }}                                        /button>                                        button                                            typebutton                                            classprimary-button max-md:py-3 max-sm:px-6 max-sm:py-2.5                                            @clickagree                                        >                                            {{ options.btnAgree }}                                         /button>                                    /div>                                /div>                            /div>                        /div>                    /div>                /div>            /transition>        /div>    /script>    script typemodule>        app.component(v-modal-confirm, {            template: #v-modal-confirm-template,            data() {                return {                    isOpen: false,                    title: ,                    message: ,                    options: {                        btnDisagree: ,                        btnAgree: ,                    },                    agreeCallback: null,                    disagreeCallback: null,                };            },            created() {                this.registerGlobalEvents();            },            methods: {                open({                    title  Are you sure?,                    message  Are you sure you want to perform this action?,                    options  {                        btnDisagree: Disagree,                        btnAgree: Agree,                    },                    agree  () > {},                    disagree  () > {},                }) {                    this.isOpen  true;                    const scrollbarWidth  window.innerWidth - document.documentElement.clientWidth;                    document.body.style.overflow  hidden;                    document.body.style.paddingRight  `${scrollbarWidth}px`;                    this.title  title;                    this.message  message;                    this.options  options;                    this.agreeCallback  agree;                    this.disagreeCallback  disagree;                },                disagree() {                    this.isOpen  false;                    document.body.style.overflow  auto;                    document.body.style.paddingRight  ;                    this.disagreeCallback();                },                agree() {                    this.isOpen  false;                    document.body.style.overflow  auto;                    document.body.style.paddingRight  ;                    this.agreeCallback();                },                registerGlobalEvents() {                    this.$emitter.on(open-confirm-modal, this.open);                },            }        });    /script>    script         typetext/x-template         idv-header-switcher-template    >        v-desktop-header v-ifisDesktop>/v-desktop-header>                v-mobile-header v-else>/v-mobile-header>    /script>    script typemodule>        app.component(v-header-switcher, {            template: #v-header-switcher-template,            data() {                return {                    isDesktop: window.innerWidth > 1024                }            },            mounted() {                this.media  window.matchMedia((min-width: 1024px));                this.media.addEventListener(change, this.handleMedia);            },            beforeUnmount() {                this.media.removeEventListener(change, this.handleMedia);            },            methods: {                handleMedia(e) {                    this.isDesktop  e.matches;                }            }        });        app.component(v-desktop-header, {            template: #v-desktop-header-template        });        app.component(v-mobile-header, {            template: #v-mobile-header-template        });    /script>    script         typetext/x-template         idv-desktop-header-template    >        div classflex flex-wrap max-lg:hidden>    div classflex min-h-78px w-full justify-between border border-b border-l-0 border-r-0 border-t-0 px-60px max-1180:px-8>    !--        This section will provide categories for the first, second, and third levels. If        additional levels are required, users can customize them according to their needs.    -->    !-- Left Nagivation Section -->    div classflex items-center gap-x-10 max-1180px:gap-x-5>                a            hrefhttps://chandicraft.com            aria-labelBagisto        >            img                srchttp://chandicraft.com/storage/channel/1/dKlratyY2F39lamCpGkdNwQSFpssR3jTXuzNinXE.png                width131                height29                altChandiCraft            >        /a>                        v-desktop-category>            div classflex items-center gap-5>                span                    classshimmer h-6 w-20 rounded                    rolepresentation                >/span>                span                    classshimmer h-6 w-20 rounded                    rolepresentation                >/span>                span                    classshimmer h-6 w-20 rounded                    rolepresentation                >/span>            /div>        /v-desktop-category>            /div>    !-- Right Nagivation Section -->    div classflex items-center gap-x-9 max-1100px:gap-x-6 max-lg:gap-x-8>                !-- Search Bar Container -->        div classrelative w-full>            form                actionhttps://chandicraft.com/search                classflex max-w-445px items-center                rolesearch            >                label                    fororganic-search                    classsr-only                >                    Search                /label>                div classicon-search pointer-events-none absolute top-2.5 flex items-center text-xl ltr:left-3 rtl:right-3>/div>                input                    typetext                    namequery                    value                    classblock w-full rounded-lg border border-transparent bg-zinc-100 px-11 py-3 text-xs font-medium text-gray-900 transition-all hover:border-gray-400 focus:border-gray-400                    minlength0                    maxlength1000                    placeholderSearch products here                    aria-labelSearch products here                    aria-requiredtrue                    pattern^\\+                    required                >                button                    typesubmit                    classhidden                    aria-labelSubmit                >                /button>                                    v-image-search>    button        typebutton        classicon-camera absolute top-3 flex items-center text-xl max-sm:top-2.5 ltr:right-3 ltr:pr-3 max-md:ltr:right-1.5 rtl:left-3 rtl:pl-3 max-md:rtl:left-1.5        aria-labelSearch    >    /button>/v-image-search>                            /form>        /div>                !-- Right Navigation Links -->        div classmt-1.5 flex gap-x-8 max-1100px:gap-x-6 max-lg:gap-x-8>                        !-- Compare -->                            a                    hrefhttps://chandicraft.com/compare                    aria-labelCompare                >                    span                        classicon-compare inline-block cursor-pointer text-2xl                        rolepresentation                    >/span>                /a>                                                !-- Mini cart -->                            !-- Mini Cart Vue Component -->v-mini-cart>    span        classicon-cart cursor-pointer text-2xl        rolebutton        aria-labelShopping Cart    >/span>/v-mini-cart>                                                !-- user profile -->            v-dropdown positionbottom-right classrelative>            span                        classicon-users inline-block cursor-pointer text-2xl                        rolebutton                        aria-labelProfile                        tabindex0                    >/span>        template v-slot:toggle>            span                        classicon-users inline-block cursor-pointer text-2xl                        rolebutton                        aria-labelProfile                        tabindex0                    >/span>        /template>                template v-slot:content>            div classp-5>                div classgrid gap-2.5>                            p classfont-dmserif text-xl>                                Welcome Guest                            /p>                            p classtext-sm>                                Manage Cart, Orders & Wishlist                            /p>                        /div>                        p classmt-3 w-full border border-zinc-200>/p>                                                div classmt-6 flex gap-4>                                                        a                                hrefhttps://chandicraft.com/customer/login                                classprimary-button m-0 mx-auto block w-max rounded-2xl px-7 text-center text-base max-md:rounded-lg ltr:ml-0 rtl:mr-0                            >                                Sign In                            /a>                            a                                hrefhttps://chandicraft.com/customer/register                                classsecondary-button m-0 mx-auto block w-max rounded-2xl border-2 px-7 text-center text-base max-md:rounded-lg max-md:py-3 ltr:ml-0 rtl:mr-0                            >                                Sign Up                            /a>                                                    /div>            /div>        /template>        /v-dropdown>                    /div>    /div>/div>/div>    /script>    script         typetext/x-template         idv-mobile-header-template    >        !--    This code needs to be refactored to reduce the amount of PHP in the Blade    template as much as possible.-->div classflex flex-wrap gap-4 px-4 pb-4 pt-6 shadow-sm lg:hidden>    div classflex w-full items-center justify-between>        !-- Left Navigation -->        div classflex items-center gap-x-1.5>                        !-- Drawer -->            v-mobile-drawer>/v-mobile-drawer>                                    a                hrefhttps://chandicraft.com                classmax-h-30px                aria-labelBagisto            >                img                    srchttp://chandicraft.com/storage/channel/1/dKlratyY2F39lamCpGkdNwQSFpssR3jTXuzNinXE.png                    altChandiCraft                    width131                    height29                >            /a>                    /div>        !-- Right Navigation -->        div>            div classflex items-center gap-x-5 max-md:gap-x-4>                                                    a                        hrefhttps://chandicraft.com/compare                        aria-labelCompare                    >                        span classicon-compare cursor-pointer text-2xl>/span>                    /a>                                                                                    !-- Mini Cart Vue Component -->v-mini-cart>    span        classicon-cart cursor-pointer text-2xl        rolebutton        aria-labelShopping Cart    >/span>/v-mini-cart>                                                !-- For Large screens -->                div classmax-md:hidden>                    v-dropdown positionbottom-right classrelative>            span classicon-users cursor-pointer text-2xl>/span>        template v-slot:toggle>            span classicon-users cursor-pointer text-2xl>/span>        /template>                template v-slot:content>            div classp-5>                div classgrid gap-2.5>                                    p classfont-dmserif text-xl>                                        Welcome Guest                                    /p>                                    p classtext-sm>                                        Manage Cart, Orders & Wishlist                                    /p>                                /div>                                p classmt-3 w-full border border-zinc-200>/p>                                                                div classmt-6 flex gap-4>                                                                        a                                        hrefhttps://chandicraft.com/customer/login                                        classm-0 mx-auto block w-max cursor-pointer rounded-2xl bg-navyBlue px-7 py-4 text-center text-base font-medium text-white ltr:ml-0 rtl:mr-0                                    >                                        Sign In                                    /a>                                    a                                        hrefhttps://chandicraft.com/customer/register                                        classm-0 mx-auto block w-max cursor-pointer rounded-2xl border-2 border-navyBlue bg-white px-7 py-3.5 text-center text-base font-medium text-navyBlue ltr:ml-0 rtl:mr-0                                    >                                        Sign Up                                    /a>                                                                    /div>            /div>        /template>        /v-dropdown>                /div>                !-- For Medium and small screen -->                div classmd:hidden>                                            a                            hrefhttps://chandicraft.com/customer/login                            aria-labelAccount                        >                            span classicon-users cursor-pointer text-2xl>/span>                        /a>                                        !-- Customers Dropdown -->                                    /div>            /div>        /div>    /div>        !-- Serach Catalog Form -->    form actionhttps://chandicraft.com/search classflex w-full items-center>        label            fororganic-search            classsr-only        >            Search        /label>        div classrelative w-full>            div classicon-search pointer-events-none absolute top-3 flex items-center text-2xl max-md:text-xl max-sm:top-2.5 ltr:left-3 rtl:right-3>/div>            input                typetext                classblock w-full rounded-xl border border-#E3E3E3 px-11 py-3.5 text-sm font-medium text-gray-900 max-md:rounded-lg max-md:px-10 max-md:py-3 max-md:font-normal max-sm:text-xs                namequery                value                placeholderSearch products here                required            >                            v-image-search>    button        typebutton        classicon-camera absolute top-3 flex items-center text-xl max-sm:top-2.5 ltr:right-3 ltr:pr-3 max-md:ltr:right-1.5 rtl:left-3 rtl:pl-3 max-md:rtl:left-1.5        aria-labelSearch    >    /button>/v-image-search>                    /div>    /form>    /div>    /script>    script        typetext/x-template        idv-cookie-template    >                                    div                    classjs-cookie-consent fixed z-999 mx-4 box-border hidden min-h-5 overflow-hidden rounded bg-black/90 p-7                    :classgetPositionClasses(position)                >                    div classcookieTitle>                        span classmb-1.5 block font-sans text-xl leading-5 text-white>                            Cookie Block                        /span>                    /div>                    div classcookieDesc cookie-consent__message>                        p classmt-2.5 block font-sans text-sm leading-5 text-white>                            This website uses cookies to ensure you get the best experience on our website.                            a                                classtext-white underline                                hrefhttps://chandicraft.com/page/privacy-policy                            >                                Privacy Policy                            /a>                        /p>                    /div>                    div classcookieButton>                        div classmt-2.5 flex gap-2>                            button                                classbox-border inline-block w-full cursor-pointer rounded bg-blue-500 px-6 py-4 text-center font-sans text-sm font-bold text-white transition-colors duration-300 ease-in-out hover:bg-blue-400 hover:text-white                                @clickcreateCookie()                            >                                Accept                            /button>                            button                                classbox-border inline-block w-full cursor-pointer rounded bg-blue-500 px-6 py-4 text-center font-sans text-sm font-bold text-white transition-colors duration-300 ease-in-out hover:bg-blue-400 hover:text-white                                @clickrejectCookie()                            >                                Reject                            /button>                        /div>                        a                            classmt-2.5 box-border inline-block w-full cursor-pointer rounded bg-blue-500 px-6 py-4 text-center font-sans text-sm font-bold text-white transition-colors duration-300 ease-in-out hover:bg-blue-400 hover:text-white                            hrefhttps://chandicraft.com/customer/account/your-cookie-consent-preferences                        >                            Learn More and Customize                        /a>                    /div>                /div>                        /script>    script typemodule>        const secureFlag  ;        const sameSiteFlag  ;samesitelax;        app.component(v-cookie, {            template: #v-cookie-template,            data() {                return {                    cookieDomain: chandicraft.com,                    cookieIp: 182.40.104.255,                    position: bottom-left                };            },            mounted() {                if (! this.cookieExists()) {                    this.showCookieDialog();                }            },            methods: {                getPositionClasses(position) {                    const positionClasses  {                        center: left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 max-w-420px,                        top-center: top-4 left-1/2 -translate-x-1/2 max-w-420px,                        bottom-center: bottom-4 left-1/2 -translate-x-1/2 max-w-420px,                        bottom-right: bottom-4 right-0 sm:max-w-420px,                        bottom-left: bottom-4 left-0 sm:max-w-420px,                        top-right: top-4 right-0 sm:max-w-420px,                        top-left: top-4 left-0 sm:max-w-420px,                    };                    return positionClassesposition || positionClassescenter;                },                createCookie() {                    this.consentWithCookies();                    this.acceptAllConsentWithCookies();                    this.hideCookieDialog();                },                rejectCookie() {                    this.hideCookieDialog();                },                setCookie(name, value, expirationInDays) {                    const date  new Date();                    date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));                    document.cookie  `${name}${value};expires${date.toUTCString()};path/${secureFlag}${sameSiteFlag}`;                },                consentWithCookies() {                    this.setCookie(cookie-consent, 1, 365 * 20);                },                acceptAllConsentWithCookies() {                    this.setCookie(ip_address, this.cookieIp, 365 * 20);                },                cookieExists() {                    return document.cookie.includes(`cookie-consent${1}`);                },                hideCookieDialog() {                    const cookieConsentElement  document.querySelector(.js-cookie-consent);                    if (cookieConsentElement) {                        cookieConsentElement.style.display  none;                    }                },                showCookieDialog() {                    const cookieConsentElement  document.querySelector(.js-cookie-consent);                    if (cookieConsentElement) {                        cookieConsentElement.style.display  block;                    }                },            },        });    /script>    script        typetext/x-template        idv-carousel-template    >        div classrelative m-auto flex w-full overflow-hidden>            !-- Slider -->            div                classinline-flex translate-x-0 cursor-pointer transition-transform duration-700 ease-out will-change-transform                refsliderContainer            >                div                    classmax-h-screen w-screen bg-cover bg-no-repeat                    v-for(image, index) in images                    :keyindex                    @clickvisitLink(image)                    refslide                >                    v-shimmer-image classaspect-2.743/1 max-h-full w-full max-w-full select-none transition-transform duration-300 ease-in-out will-change-transform :lazyindex  0 ? false : true :srcimage.image :srcsetimage.image +  1920w,  + image.image.replace(storage, cache/large) +  1280w, + image.image.replace(storage, cache/medium) +  1024w,  + image.image.replace(storage, cache/small) +  525w :sizes(max-width: 525px) 525px,  +                            (max-width: 1024px) 1024px,  +                            (max-width: 1600px) 1280px,  +                            1920px :altimage?.title || Carousel Image  + (index + 1) tabindex0 :fetchpriorityindex  0 ? high : low :decodingindex  0 ? sync : async>    div classshimmer aspect-2.743/1 max-h-full w-full max-w-full select-none transition-transform duration-300 ease-in-out will-change-transform :lazyindex  0 ? false : true :srcimage.image :srcsetimage.image +  1920w,  + image.image.replace(storage, cache/large) +  1280w, + image.image.replace(storage, cache/medium) +  1024w,  + image.image.replace(storage, cache/small) +  525w :sizes(max-width: 525px) 525px,  +                            (max-width: 1024px) 1024px,  +                            (max-width: 1600px) 1280px,  +                            1920px :altimage?.title || Carousel Image  + (index + 1) tabindex0 :fetchpriorityindex  0 ? high : low :decodingindex  0 ? sync : async>/div>/v-shimmer-image>                /div>            /div>            !-- Navigation -->            span                classicon-arrow-left absolute left-2.5 top-1/2 -mt-22px hidden w-auto rounded-full bg-black/80 p-3 text-2xl font-bold text-white opacity-30 transition-all md:inline-block                :class{                    cursor-not-allowed: direction  ltr && currentIndex  0,                    cursor-pointer hover:opacity-100: direction  ltr ? currentIndex > 0 : currentIndex  0                }                rolebutton                aria-labelshop::components.carousel.previous                tabindex0                v-ifimages?.length > 2                @clicknavigate(prev)            >            /span>            span                classicon-arrow-right absolute right-2.5 top-1/2 -mt-22px hidden w-auto rounded-full bg-black/80 p-3 text-2xl font-bold text-white opacity-30 transition-all md:inline-block                :class{                    cursor-not-allowed: direction  rtl && currentIndex  0,                    cursor-pointer hover:opacity-100: direction  rtl ? currentIndex  0 : currentIndex > 0                }                rolebutton                aria-labelshop::components.carousel.next                tabindex0                v-ifimages?.length > 2                @clicknavigate(next)            >            /span>            !-- Pagination -->            div classabsolute bottom-5 left-0 flex w-full justify-center max-md:bottom-3.5 max-sm:bottom-2.5>                div                    v-for(image, index) in images                    :keyindex                    classsm:p-2.5 mx-1 h-3 w-3 cursor-pointer rounded-full max-md:h-2 max-md:w-2 max-sm:h-1.5 max-sm:w-1.5                    p-2 focus:outline-none                    :class{ bg-navyBlue: index  Math.abs(currentIndex), opacity-30 bg-gray-500: index ! Math.abs(currentIndex) }                    rolebutton                    tabindex0                    :aria-labelGo to slide  + (index + 1)                    @clicknavigateByPagination(index)                    @keydown.enternavigateByPagination(index)                    @keydown.space.preventnavigateByPagination(index)                >                /div>            /div>        /div>    /script>    script typemodule>        app.component(v-carousel, {            template: #v-carousel-template,            props: images,            data() {                return {                    isDragging: false,                    startPos: 0,                    currentTranslate: 0,                    prevTranslate: 0,                    animationID: 0,                    currentIndex: 0,                    slider: ,                    slides: ,                    autoPlayInterval: null,                    direction: ltr,                    startFrom: 1,                };            },            mounted() {                this.slider  this.$refs.sliderContainer;                if (                    this.$refs.slide                    && typeof this.$refs.slideSymbol.iterator  function                ) {                    this.slides  Array.from(this.$refs.slide);                }                // Use requestIdleCallback for non-critical initialization                if (requestIdleCallback in window) {                    requestIdleCallback(() > {                        this.init();                        setTimeout(() > {                            this.play();                        }, 4000);                    });                } else {                    setTimeout(() > {                        this.init();                        setTimeout(() > {                            this.play();                        }, 4000);                    });                }            },            beforeUnmount() {                this.cleanup();            },            methods: {                init() {                    this.direction  document.dir;                    if (this.direction  rtl) {                        this.startFrom  -1;                    }                    this.slides.forEach((slide, index) > {                        slide.querySelector(img)?.addEventListener(dragstart, (e) > e.preventDefault());                        slide.addEventListener(mousedown, this.handleDragStart);                        slide.addEventListener(touchstart, this.handleDragStart, { passive: true });                        slide.addEventListener(mouseup, this.handleDragEnd);                        slide.addEventListener(mouseleave, this.handleDragEnd);                        slide.addEventListener(touchend, this.handleDragEnd, { passive: true });                        slide.addEventListener(mousemove, this.handleDrag);                        slide.addEventListener(touchmove, this.handleDrag, { passive: true });                    });                    window.addEventListener(resize, this.setPositionByIndex);                },                handleDragStart(event) {                    this.startPos  event.type  mousedown ? event.clientX : event.touches0.clientX;                    this.isDragging  true;                    this.animationID  requestAnimationFrame(this.animation);                },                handleDrag(event) {                    if (! this.isDragging) {                        return;                    }                    const currentPosition  event.type  mousemove ? event.clientX : event.touches0.clientX;                    this.currentTranslate  this.prevTranslate + currentPosition - this.startPos;                },                handleDragEnd(event) {                    clearInterval(this.autoPlayInterval);                    cancelAnimationFrame(this.animationID);                    this.isDragging  false;                    const movedBy  this.currentTranslate - this.prevTranslate;                    if (this.direction  ltr) {                        if (                            movedBy  -100                            && this.currentIndex  this.slides.length - 1                        ) {                            this.currentIndex + 1;                        }                        if (                            movedBy > 100                            && this.currentIndex > 0                        ) {                            this.currentIndex - 1;                        }                    } else {                        if (                            movedBy > 100                            && this.currentIndex  this.slides.length - 1                        ) {                            if (Math.abs(this.currentIndex) ! this.slides.length - 1) {                                this.currentIndex - 1;                            }                        }                        if (                            movedBy  -100                            && this.currentIndex  0                        ) {                            this.currentIndex + 1;                        }                    }                    this.setPositionByIndex();                    this.play();                },                animation() {                    this.setSliderPosition();                    if (this.isDragging) {                        requestAnimationFrame(this.animation);                    }                },                setPositionByIndex() {                    this.currentTranslate  this.currentIndex * -window.innerWidth;                    this.prevTranslate  this.currentTranslate;                    this.setSliderPosition();                },                setSliderPosition() {                    if (this.slider) {                        this.slider.style.transform  `translateX(${this.currentTranslate}px)`;                    }                },                visitLink(image) {                    if (image.link) {                        window.location.href  image.link;                    }                },                navigate(type) {                    clearInterval(this.autoPlayInterval);                    if (this.direction  rtl) {                        type  next ? this.prev() : this.next();                    } else {                        type  next ? this.next() : this.prev();                    }                    this.setPositionByIndex();                    this.play();                },                next() {                    this.currentIndex  (this.currentIndex + this.startFrom) % this.images.length;                },                prev() {                    this.currentIndex  this.direction  ltr                        ? this.currentIndex > 0 ? this.currentIndex - 1 : 0                        : this.currentIndex  0 ? this.currentIndex + 1 : 0;                },                navigateByPagination(index) {                    this.direction  rtl ? index  -index : ;                    clearInterval(this.autoPlayInterval);                    this.currentIndex  index;                    this.setPositionByIndex();                    this.play();                },                play() {                    clearInterval(this.autoPlayInterval);                    this.autoPlayInterval  setInterval(() > {                        this.currentIndex  (this.currentIndex + this.startFrom) % this.images.length;                        this.setPositionByIndex();                    }, 5000);                },                cleanup() {                    // Clear intervals and animation frames                    clearInterval(this.autoPlayInterval);                    cancelAnimationFrame(this.animationID);                    // Remove event listeners                    if (this.slides) {                        this.slides.forEach(slide > {                            slide.removeEventListener(mousedown, this.handleDragStart);                            slide.removeEventListener(touchstart, this.handleDragStart);                            slide.removeEventListener(mouseup, this.handleDragEnd);                            slide.removeEventListener(mouseleave, this.handleDragEnd);                            slide.removeEventListener(touchend, this.handleDragEnd);                            slide.removeEventListener(mousemove, this.handleDrag);                            slide.removeEventListener(touchmove, this.handleDrag);                        });                    }                    window.removeEventListener(resize, this.setPositionByIndex);                },            },        });    /script>    script        typetext/x-template        idv-categories-carousel-template    >        div            classcontainer mt-14 max-lg:px-8 max-md:mt-7 max-md:!px-0 max-sm:mt-5            v-if! isLoading && categories?.length        >            div classrelative>                div                    refswiperContainer                    classscrollbar-hide flex gap-10 overflow-auto scroll-smooth max-lg:gap-4                >                    div                        classgrid min-w-120px max-w-120px grid-cols-1 justify-items-center gap-4 font-medium max-md:min-w-20 max-md:max-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5                        v-forcategory in categories                    >                        a                            :hrefcategory.slug                            classh-110px w-110px rounded-full bg-zinc-100 max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px                            :aria-labelcategory.name                        >                            v-shimmer-image :srccategory.logo?.small_image_url || fallback :srcset`                                    ${(category.logo?.small_image_url || fallback)} 60w,                                    ${(category.logo?.medium_image_url || fallback)} 110w,                                    ${(category.logo?.large_image_url || fallback)} 300w                                ` sizes(max-width: 640px) 60px, 110px width110 height110 classw-full rounded-full max-sm:h-60px max-sm:w-60px :altcategory.name>    div classshimmer w-full rounded-full max-sm:h-60px max-sm:w-60px :srccategory.logo?.small_image_url || fallback :srcset`                                    ${(category.logo?.small_image_url || fallback)} 60w,                                    ${(category.logo?.medium_image_url || fallback)} 110w,                                    ${(category.logo?.large_image_url || fallback)} 300w                                ` sizes(max-width: 640px) 60px, 110px width110 height110 :altcategory.name>/div>/v-shimmer-image>                        /a>                        a                            :hrefcategory.slug                            class                        >                            p                                classtext-center text-lg text-black max-md:text-base max-md:font-normal max-sm:text-sm                                v-textcategory.name                            >                            /p>                        /a>                    /div>                /div>                span                    classicon-arrow-left-stylish absolute -left-10 top-9 flex h-50px w-50px cursor-pointer items-center justify-center rounded-full border border-black bg-white text-2xl transition hover:bg-black hover:text-white max-lg:-left-7 max-md:hidden                    rolebutton                    aria-labelshop::components.carousel.previous                    tabindex0                    @clickswipeLeft                >                /span>                span                    classicon-arrow-right-stylish absolute -right-6 top-9 flex h-50px w-50px cursor-pointer items-center justify-center rounded-full border border-black bg-white text-2xl transition hover:bg-black hover:text-white max-lg:-right-7 max-md:hidden                    rolebutton                    aria-labelshop::components.carousel.next                    tabindex0                    @clickswipeRight                >                /span>            /div>        /div>        !-- Category Carousel Shimmer -->        template v-ifisLoading>            div classcontainer mt-14 max-lg:px-8 max-md:mt-7 max-md:!px-0 max-sm:mt-5>    div classrelative>        div classscrollbar-hide flex gap-10 overflow-auto max-lg:gap-4>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                            div classgrid min-w-120px grid-cols-1 justify-items-center gap-4 max-md:min-w-20 max-md:gap-2.5 max-md:first:ml-4 max-sm:min-w-60px max-sm:max-w-60px max-sm:gap-1.5>                    div classshimmer relative h-110px w-110px overflow-hidden rounded-full max-md:h-20 max-md:w-20 max-sm:h-60px max-sm:w-60px>                        img classrounded-sm bg-zinc-100>                    /div>                    p classshimmer h-27px w-90px rounded-2xl max-sm:h-5 max-sm:w-70px>/p>                /div>                    /div>        span            classshimmer absolute -left-10 top-9 flex h-50px w-50px rounded-full max-sm:hidden            rolepresentation        >/span>        span            classshimmer absolute -right-6 top-9 flex h-50px w-50px rounded-full max-sm:hidden            rolepresentation        >/span>    /div>/div>        /template>    /script>    script typemodule>        app.component(v-categories-carousel, {            template: #v-categories-carousel-template,            props:                 src,                title,                navigationLink,            ,            data() {                return {                    isLoading: true,                    categories: ,                    offset: 323,                    fallback: https://chandicraft.com/themes/shop/default/build/assets/small-product-placeholder-CMT26fOX.webp                };            },            mounted() {                this.getCategories();            },            methods: {                getCategories() {                    this.$axios.get(this.src)                        .then(response > {                            this.isLoading  false;                            this.categories  response.data.data;                        }).catch(error > {                            console.log(error);                        });                },                swipeLeft() {                    const container  this.$refs.swiperContainer;                    container.scrollLeft - this.offset;                },                swipeRight() {                    const container  this.$refs.swiperContainer;                    container.scrollLeft + this.offset;                },            },        });    /script>    script        typetext/x-template        idv-products-carousel-template    >        div            classcontainer mt-20 max-lg:px-8 max-md:mt-8 max-sm:mt-7 max-sm:!px-4            v-if! isLoading && products.length        >            div classflex justify-between>                h2 classfont-dmserif text-3xl max-md:text-2xl max-sm:text-xl>                    {{ title }}                /h2>                div classflex items-center justify-between gap-8>                    a                        :hrefnavigationLink                        classhidden max-lg:flex                        v-ifnavigationLink                    >                        p classitems-center text-xl max-md:text-base max-sm:text-sm>                            View All                            span classicon-arrow-right text-2xl max-md:text-lg max-sm:text-sm>/span>                        /p>                    /a>                    template v-ifproducts.length > 3>                        span                            v-ifproducts.length > 4 || (products.length > 3 && isScreenMax2xl)                            classicon-arrow-left-stylish rtl:icon-arrow-right-stylish inline-block cursor-pointer text-2xl max-lg:hidden                            rolebutton                            aria-labelPrevious                            tabindex0                            @clickswipeLeft                        >                        /span>                        span                            v-ifproducts.length > 4 || (products.length > 3 && isScreenMax2xl)                            classicon-arrow-right-stylish rtl:icon-arrow-left-stylish inline-block cursor-pointer text-2xl max-lg:hidden                            rolebutton                            aria-labelNext                            tabindex0                            @clickswipeRight                        >                        /span>                    /template>                /div>            /div>            div                refswiperContainer                classflex gap-8 pb-2.5 &>*:flex-0 mt-10 overflow-auto scroll-smooth scrollbar-hide max-md:gap-7 max-md:mt-5 max-sm:gap-4 max-md:pb-0 max-md:whitespace-nowrap            >                v-product-card    classmin-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px v-forproduct in products    :productproduct>/v-product-card>            /div>            a                :hrefnavigationLink                classsecondary-button mx-auto mt-5 block w-max rounded-2xl px-11 py-3 text-center text-base max-lg:mt-0 max-lg:hidden max-lg:py-3.5 max-md:rounded-lg                :aria-labeltitle                v-ifnavigationLink            >                View All            /a>        /div>        !-- Product Card Listing -->        template v-ifisLoading>            div classcontainer mt-20 max-lg:px-8 max-md:mt-8 max-sm:mt-7 max-sm:!px-4>    div classflex items-center justify-between>        h3 classshimmer h-8 w-200px max-sm:h-7>/h3>        div classflex items-center justify-between gap-8 max-lg:hidden>            span                classshimmer inline-block h-6 w-6                rolepresentation            >/span>            span                classshimmer inline-block h-6 w-6 max-sm:hidden                rolepresentation            >/span>        /div>        div classshimmer h-7 w-24 max-sm:h-5 max-sm:w-68px lg:hidden>/div>    /div>    div classscrollbar-hide mt-10 flex gap-8 overflow-auto pb-2.5 max-md:mt-5 max-sm:gap-4>        div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    div classgrid gap-2.5 relative w-full max-w-291px max-sm:grid-cols-1 min-w-291px max-md:h-fit max-md:min-w-56 max-sm:min-w-192px>        div classshimmer relative w-full rounded max-sm:!rounded-lg>            div classafter:content-  relative after:block after:pb-calc(100%+9px)>/div>        /div>        div classgrid content-start gap-2.5 max-sm:gap-1>            p classshimmer h-4 w-3/4>/p>            p classshimmer h-4 w-55%>/p>            !-- Needs to implement that in future -->            div classmt-3 flex hidden gap-4>                span classshimmer block h-30px w-30px rounded-full>/span>                span classshimmer block h-30px w-30px rounded-full>/span>            /div>        /div>    /div>    /div>            a            classshimmer mx-auto mt-16 block h-12 w-150.172px rounded-2xl max-md:hidden            rolebutton            aria-labelShow more products        >/a>    /div>        /template>    /script>    script typemodule>        app.component(v-products-carousel, {            template: #v-products-carousel-template,            props:                 src,                title,                navigationLink,            ,            data() {                return {                    isLoading: true,                    products: ,                    offset: 323,                    isScreenMax2xl: window.innerWidth  1440,                };            },            mounted() {                this.getProducts();            },            created() {                window.addEventListener(resize, this.updateScreenSize);            },            beforeDestroy() {                window.removeEventListener(resize, this.updateScreenSize);            },            methods: {                getProducts() {                    this.$axios.get(this.src)                        .then(response > {                            this.isLoading  false;                            this.products  response.data.data;                        }).catch(error > {                            console.log(error);                        });                },                updateScreenSize() {                    this.isScreenMax2xl  window.innerWidth  1440;                },                swipeLeft() {                    const container  this.$refs.swiperContainer;                    container.scrollLeft - this.offset;                },                swipeRight() {                    const container  this.$refs.swiperContainer;                    // Check if scroll reaches the end                    if (container.scrollLeft + container.clientWidth > container.scrollWidth) {                        // Reset scroll to the beginning                        container.scrollLeft  0;                    } else {                        // Scroll to the right                        container.scrollLeft + this.offset;                    }                },            },        });    /script>    script        typetext/x-template        idv-product-ratings-template    >        div>            span classtext-sm font-medium text-black max-sm:text-xs>                {{ average }}            /span>                    span                classicon-star-fill -mt-1 text-xl text-amber-500 max-sm:-mt-1 max-sm:text-lg                rolepresentation            >            /span>                        span classborder-l border-zinc-300 text-sm font-medium text-black max-sm:border-zinc-300 max-sm:text-xs ltr:pl-1 rtl:pr-1>                {{ abbreviatedTotal }}                span v-ifrating>Ratings/span>            /span>        /div>    /script>    script typemodule>        app.component(v-product-ratings, {            template: #v-product-ratings-template,            props: {                average: {                    type: String,                    required: true,                },                total: {                    type: String,                    required: true,                },                rating: {                    type: Boolean,                    required: false,                },            },            computed: {                starColorClasses() {                    return {                        text-emerald-600: this.average > 4,                        text-emerald-500: this.average > 4 && this.average  5,                        text-emerald-400: this.average > 3 && this.average  4,                        text-amber-500: this.average > 2 && this.average  3,                        text-red-500: this.average > 1 && this.average  2,                        text-gray-400: this.average  0,                    };                },                abbreviatedTotal() {                    if (this.total > 1000) {                        return `${(this.total / 1000).toFixed(1)}k`;                    }                    return this.total;                },            },        });    /script>    script        typetext/x-template        idv-button-template    >        button            v-if! loading            :classbuttonClass,         >            {{ title }}        /button>        button            v-else            :classbuttonClass,         >            !-- Spinner -->            svg                classtext-blue absolute h-5 w-5 animate-spin                xmlnshttp://www.w3.org/2000/svg                fillnone                 aria-hiddentrue                viewBox0 0 24 24            >                circle                    classopacity-25                    cx12                    cy12                    r10                    strokecurrentColor                    stroke-width4                >                /circle>                path                    classopacity-75                    fillcurrentColor                    dM4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z                >                /path>            /svg>            span classrelative h-full w-full opacity-0>                {{ title }}            /span>        /button>    /script>    script typemodule>        app.component(v-button, {            template: #v-button-template,            props: {                loading: Boolean,                buttonType: String,                title: String,                buttonClass: String,            },        });    /script>    script        typetext/x-template        idv-flash-item-template    >        div            classflex w-max max-w-408px justify-between gap-12 rounded-lg px-5 py-3 max-sm:max-w-80 max-sm:items-center max-sm:gap-2 max-sm:p-3            :styletypeStylesflash.typecontainer        >            p                classflex items-center break-words text-sm                :styletypeStylesflash.typemessage            >                span                    classicon-toast-done text-2xl ltr:mr-2.5 rtl:ml-2.5                    :classiconClassesflash.type                    :styletypeStylesflash.typeicon                >/span>                {{ flash.message }}            /p>			span                classicon-cancel max-h-4 max-w-4 cursor-pointer                :styletypeStylesflash.typeicon                @clickremove            >/span>        /div>    /script>    script typemodule>        app.component(v-flash-item, {            template: #v-flash-item-template,            props: flash,            data() {                return {                    iconClasses: {                        success: icon-toast-done,                        error: icon-toast-error,                        warning: icon-toast-exclamation-mark,                        info: icon-toast-info,                    },                    typeStyles: {                        success: {                            container: background: #D4EDDA,                            message: color: #155721,                            icon: color: #155721                        },                        error: {                            container: background: #F8D7DA,                            message: color: #721C24,                            icon: color: #721C24                        },                        warning: {                            container: background: #FFF3CD,                            message: color: #856404,                            icon: color: #856404                        },                        info: {                            container: background: #E2E3E5,                            message: color: #383D41,                            icon: color: #383D41                        },                    },                };            },            created() {                var self  this;                setTimeout(function() {                    self.remove()                }, 5000)            },            methods: {                remove() {                    this.$emit(onRemove, this.flash)                }            }        });    /script>    script typetext/x-template idv-mobile-drawer-template>        v-drawer    @closeonDrawerClose    is-active    positionleft    width100%>            template v-slot:toggle>            span classicon-hamburger cursor-pointer text-2xl>/span>        /template>                template v-slot:header{ close }>            div classgrid gap-y-2.5 p-6 pb-5 max-md:gap-y-1.5 max-md:border-b max-md:border-zinc-200 max-md:p-4 max-md:gap-y-1 max-md:font-semibold>                div classflex items-center justify-between>                    a hrefhttps://chandicraft.com>                        img                            srchttp://chandicraft.com/storage/channel/1/dKlratyY2F39lamCpGkdNwQSFpssR3jTXuzNinXE.png                            altChandiCraft                            width131                            height29                        >                    /a>                /div>                div classabsolute top-5 max-sm:top-4 ltr:right-5 rtl:left-5>                    span                        classicon-cancel cursor-pointer text-3xl max-md:text-2xl                        @clickclose                    >                    /span>                /div>            /div>        /template>                template v-slot:content>            div classflex-1 overflow-auto px-6 max-md:px-4 !p-0>                !-- Account Profile Hero Section -->                div classborder-b border-zinc-200 p-4>                    div classgrid grid-cols-auto_1fr items-center gap-4 rounded-xl border border-zinc-200 p-2.5>                        div>                            img                                srchttps://chandicraft.com/themes/shop/default/build/assets/user-placeholder-C_FiyGd9.png                                classh-60px w-60px rounded-full max-md:rounded-full                            >                        /div>                                                    a                                hrefhttps://chandicraft.com/customer/login                                classflex text-base font-medium                            >                                Sign up or Login                                i classicon-double-arrow text-2xl ltr:ml-2.5 rtl:mr-2.5>/i>                            /a>                                                                    /div>                /div>                                !-- Mobile category view -->                v-mobile-category refmobileCategory>/v-mobile-category>            /div>        /template>                template v-slot:footer>            div classpb-8 max-md:pb-2>                !-- Localization & Currency Section -->            /div>        /template>    /v-drawer>    /script>    script        typetext/x-template        idv-mobile-category-template    >        !-- Wrapper with transition effects -->        div classrelative h-full overflow-hidden>            !-- Sliding container -->            div                classflex h-full transition-transform duration-300                :class{                    ltr:translate-x-0 rtl:translate-x-0: currentViewLevel ! third,                    ltr:-translate-x-full rtl:translate-x-full: currentViewLevel  third                }            >                !-- First level view -->                div classh-full w-full flex-shrink-0 overflow-auto px-6>                    div classpy-4>                        div                            v-forcategory in categories                            :keycategory.id                            :class{mb-2: category.children && category.children.length}                        >                            div classflex cursor-pointer items-center justify-between py-2 transition-colors duration-200>                                a :hrefcategory.url classtext-base font-medium text-black>                                    {{ category.name }}                                /a>                            /div>                            !-- Second Level Categories -->                            div v-ifcategory.children && category.children.length >                                div                                    v-forsecondLevelCategory in category.children                                    :keysecondLevelCategory.id                                >                                    div                                        classflex cursor-pointer items-center justify-between py-2 transition-colors duration-200                                        @clickshowThirdLevel(secondLevelCategory, category, $event)                                    >                                        a :hrefsecondLevelCategory.url classtext-sm font-normal>                                            {{ secondLevelCategory.name }}                                        /a>                                        span                                            v-ifsecondLevelCategory.children && secondLevelCategory.children.length                                            classicon-arrow-right rtl:icon-arrow-left                                        >/span>                                    /div>                                /div>                            /div>                        /div>                    /div>                /div>                !-- Third level view -->                div                    classh-full w-full flex-shrink-0                    v-ifcurrentViewLevel  third                >                    div classborder-b border-gray-200 px-6 py-4>                        button                            @clickgoBackToMainView                            classflex items-center justify-center gap-2 focus:outline-none                            aria-labelGo back                        >                            span classicon-arrow-left rtl:icon-arrow-right text-lg>/span>                            div classtext-base font-medium text-black>                                Back to Main Menu                            /div>                        /button>                    /div>                    !-- Third Level Content -->                    div classpx-6 py-4>                        div                            v-forthirdLevelCategory in currentSecondLevelCategory?.children                            :keythirdLevelCategory.id                            classmb-2                        >                            a                                :hrefthirdLevelCategory.url                                classblock py-2 text-sm transition-colors duration-200                            >                                {{ thirdLevelCategory.name }}                            /a>                        /div>                    /div>                /div>            /div>        /div>    /script>    script typemodule>        app.component(v-mobile-category, {            template: #v-mobile-category-template,            data() {                return  {                    categories: ,                    currentViewLevel: main,                    currentSecondLevelCategory: null,                    currentParentCategory: null                }            },            mounted() {                this.initCategories();            },            computed: {                getCurrentScreenHeight() {                    return window.innerHeight - (window.innerWidth  920 ? 61 : 0) + px;                },            },            methods: {                initCategories() {                    try {                        const stored  localStorage.getItem(categories);                        if (stored) {                            this.categories  JSON.parse(stored);                            this.isLoading  false;                            return;                        }                    } catch (e) {}                    this.getCategories();                },                getCategories() {                    this.$axios.get(https://chandicraft.com/api/categories/tree)                        .then(response > {                            this.categories  response.data.data;                            localStorage.setItem(categories, JSON.stringify(this.categories));                        })                        .catch(error > {                            console.log(error);                        });                },                showThirdLevel(secondLevelCategory, parentCategory, event) {                    if (secondLevelCategory.children && secondLevelCategory.children.length) {                        this.currentSecondLevelCategory  secondLevelCategory;                        this.currentParentCategory  parentCategory;                        this.currentViewLevel  third;                        if (event) {                            event.preventDefault();                            event.stopPropagation();                        }                    }                },                goBackToMainView() {                    this.currentViewLevel  main;                }            },        });        app.component(v-mobile-drawer, {            template: #v-mobile-drawer-template,            methods: {                onDrawerClose() {                    this.$refs.mobileCategory.currentViewLevel  main;                }            },        });    /script>    script        typetext/x-template        idv-accordion-template    >        div>            slot                nameheader                :toggletoggle                :isOpenisOpen            >                admin::app.components.accordion.default-content            /slot>            slot                namecontent                :isOpenisOpen            >                admin::app.components.accordion.default-content            /slot>        /div>    /script>    script typemodule>        app.component(v-accordion, {            template: #v-accordion-template,            props:                 isActive,            ,            data() {                return {                    isOpen: this.isActive,                };            },            methods: {                toggle() {                    this.isOpen  ! this.isOpen;                    this.$emit(toggle, { isActive: this.isOpen });                },            },        });    /script>    script        typetext/x-template        idv-image-search-template    >        div>            label                classicon-camera absolute top-3 flex items-center text-xl max-sm:top-2.5 ltr:right-3 ltr:pr-3 max-md:ltr:right-1.5 rtl:left-3 rtl:pl-3 max-md:rtl:left-1.5                aria-labelSearch                :forv-image-search- + $.uid                v-if! isSearching            >            /label>            label                classabsolute top-2.5 flex cursor-pointer items-center text-xl ltr:right-3 ltr:pr-3 max-md:ltr:pr-1 rtl:left-3 rtl:pl-3 max-md:rtl:pl-1                v-else            >                !-- Spinner -->                svg                    classh-5 w-5 animate-spin text-black                    xmlnshttp://www.w3.org/2000/svg                    fillnone                    viewBox0 0 24 24                >                    circle                        classopacity-25                        cx12                        cy12                        r10                        strokecurrentColor                        stroke-width4                    >                    /circle>                    path                        classopacity-75                        fillcurrentColor                        dM4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z                    >                    /path>                /svg>            /label>            input                typefile                classhidden                refimageSearchInput                :idv-image-search- + $.uid                @changeloadLibrary()            />            img                iduploaded-image-url                classhidden                :srcuploadedImageUrl                altuploaded image url                width20                height20            />        /div>    /script>    script typemodule>        app.component(v-image-search, {            template: #v-image-search-template,            data() {                return {                    uploadedImageUrl: ,                    isSearching: false,                };            },            methods: {                /**                 * This method will dynamically load the scripts. Because image search library                 * only used when someone clicks or interact with the image button. This will                 * reduce some data usage for mobile user.                 *                  * @return {void}                 */                loadLibrary() {                    this.$shop.loadDynamicScript(                        https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest/dist/tf.min.js, () > {                            this.$shop.loadDynamicScript(                                https://cdn.jsdelivr.net/npm/tensorflow-models-mobilenet-patch@2.1.1/dist/mobilenet.min.js, () > {                                    this.analyzeImage();                                }                            );                        }                    );                },                /**                 * This method will analyze the image and load the sets on the bases of trained model.                 *                  * @return {void}                 */                analyzeImage() {                    this.isSearching  true;                    let imageInput  this.$refs.imageSearchInput;                    if (imageInput.files && imageInput.files0) {                        if (imageInput.files0.type.includes(image/)) {                            if (imageInput.files0.size  2000000) {                                let formData  new FormData();                                formData.append(image, imageInput.files0);                                this.$axios.post(https://chandicraft.com/search/upload, formData, {                                        headers: {                                            Content-Type: multipart/form-data                                        }                                    })                                    .then(response > {                                        let net;                                        let self  this;                                        this.uploadedImageUrl  response.data;                                        async function app() {                                            let analysedResult  ;                                            let queryString  ;                                            net  await mobilenet.load();                                            try {                                                const result  await net.classify(document.getElementById(uploaded-image-url));                                                result.forEach(function(value) {                                                    queryString  value.className.split(,);                                                    if (queryString.length > 1) {                                                        analysedResult  analysedResult.concat(queryString);                                                    } else {                                                        analysedResult.push(queryString0);                                                    }                                                });                                            } catch (error) {                                                this.$emitter.emit(add-flash, { type: error, message: Something went wrong, please try again later.});                                            }                                            localStorage.searchedImageUrl  self.uploadedImageUrl;                                            queryString  localStorage.searchedTerms  analysedResult.join(_);                                            queryString  localStorage.searchedTerms.split(_).map(term > {                                                return term.split( ).join(+);                                            });                                            window.location.href  `${https://chandicraft.com/search}?query${queryString0}&image-search1`;                                        }                                        app();                                    })                                    .catch((error) > {                                        this.$emitter.emit(add-flash, { type: error, message: Something went wrong, please try again later.});                                        this.isSearching  false;                                    });                            } else {                                imageInput.value  ;                                this.$emitter.emit(add-flash, { type: error, message: Size Limit Error});                                this.isSearching  false;                            }                        } else {                            imageInput.value  ;                            this.$emitter.emit(add-flash, { type: error, message: Only images (.jpeg, .jpg, .png, ..) are allowed.});                            this.isSearching  false;                        }                    }                },            },        });    /script>    script        typetext/x-template        idv-mini-cart-template    >                            v-drawer        is-active    positionright    width500px>            template v-slot:toggle>            span classrelative>                        span                            classicon-cart cursor-pointer text-2xl                            rolebutton                            aria-labelShopping Cart                            tabindex0                            @clickgetCart                        >/span>                                                    span                                classabsolute -top-4 rounded-44px bg-navyBlue px-2 py-1.5 text-xs font-semibold leading-9px text-white ltr:left-5 rtl:right-5 max-md:px-2 max-md:py-1.5 max-md:ltr:left-4 max-md:rtl:right-4                                v-ifcart?.items_count                            >                                {{ cart.items_count }}                            /span>                                            /span>        /template>                template v-slot:header{ close }>            div classgrid gap-y-2.5 p-6 pb-5 max-md:gap-y-1.5 max-md:border-b max-md:border-zinc-200 max-md:p-4 max-md:gap-y-1 max-md:font-semibold>                div classflex items-center justify-between>                        p classtext-2xl font-medium max-md:text-xl max-sm:text-xl>                            Shopping Cart                        /p>                    /div>                    p classtext-base max-md:text-zinc-500 max-sm:text-xs>                        Get Up To 30% OFF on your 1st order                    /p>                div classabsolute top-5 max-sm:top-4 ltr:right-5 rtl:left-5>                    span                        classicon-cancel cursor-pointer text-3xl max-md:text-2xl                        @clickclose                    >                    /span>                /div>            /div>        /template>                template v-slot:content>            div classflex-1 overflow-auto px-6 max-md:px-4>                !-- Cart Item Listing -->                    div                        classmt-9 grid gap-12 max-md:mt-2.5 max-md:gap-5                        v-ifcart?.items?.length                    >                        div                            classflex gap-x-5 max-md:gap-x-4                            v-foritem in cart?.items                        >                            !-- Cart Item Image -->                                                        div class>                                a :href`https://chandicraft.com/${item.product_url_key}`>                                    img                                        :srcitem.base_image.small_image_url                                        classmax-w-28 max-h-28 rounded-xl max-md:max-h-20 max-md:max-w-76px                                    />                                /a>                            /div>                                                    !-- Cart Item Information -->                        div classgrid flex-1 place-content-start justify-stretch gap-y-2.5>                            div classflex justify-between gap-2 max-md:gap-0 max-sm:flex-wrap>                                                                        a                                    classmax-w-4/5 max-md:w-full                                    :href`https://chandicraft.com/${item.product_url_key}`                                >                                        p classtext-base font-medium max-md:font-normal max-sm:text-sm>                                            {{ item.name }}                                        /p>                                    /a>                                                                                                            template v-ifdisplayTax.prices  including_tax>                                        p classtext-lg max-md:font-semibold max-sm:text-sm>                                            {{ item.formatted_price_incl_tax }}                                        /p>                                    /template>                                    template v-else-ifdisplayTax.prices  both>                                        p classflex flex-col text-lg max-md:font-semibold max-sm:text-sm>                                            {{ item.formatted_price_incl_tax }}                                            span classtext-xs font-normal text-zinc-500>                                                Excl. Tax:                                                span classfont-medium text-black>{{ item.formatted_price }}/span>                                            /span>                                        /p>                                    /template>                                    template v-else>                                        p classtext-lg max-md:font-semibold max-sm:text-sm>                                            {{ item.formatted_price }}                                        /p>                                    /template>                                                                    /div>                                !-- Cart Item Options Container -->                                div                                    classgrid select-none gap-x-2.5 gap-y-1.5 max-sm:gap-y-0.5                                    v-ifitem.options.length                                >                                                                        !-- Details Toggler -->                                    div class>                                        p                                            classflex cursor-pointer items-center gap-x-4 text-base max-md:gap-x-1.5 max-md:text-sm max-sm:text-xs                                            @clickitem.option_show  ! item.option_show                                        >                                            See Details                                            span                                                classtext-2xl max-md:text-xl max-sm:text-lg                                                :class{icon-arrow-up: item.option_show, icon-arrow-down: ! item.option_show}                                            >/span>                                        /p>                                    /div>                                    !-- Option Details -->                                    div                                        classgrid gap-2                                        v-showitem.option_show                                    >                                        template v-forattribute in item.options>                                            div classmax-md:grid max-md:gap-0.5>                                                p classtext-sm font-medium text-zinc-500 max-md:font-normal max-sm:text-xs>                                                    {{ attribute.attribute_name + : }}                                                /p>                                                p classtext-sm max-sm:text-xs>                                                    template v-ifattribute?.attribute_type  file>                                                        a                                                            :hrefattribute.file_url                                                            classtext-blue-700                                                            target_blank                                                            :downloadattribute.file_name                                                        >                                                            {{ attribute.file_name }}                                                        /a>                                                    /template>                                                    template v-else>                                                        {{ attribute.option_label }}                                                    /template>                                                /p>                                            /div>                                        /template>                                    /div>                                                                    /div>                                div classflex flex-wrap items-center gap-5 max-md:gap-2.5>                                                                    !-- Cart Item Quantity Changer -->                                v-quantity-changer    classflex items-center border border-navyBlue max-h-9 max-w-150px gap-x-2.5 rounded-54px px-3.5 py-1.5 max-md:gap-x-2 max-md:px-1 max-md:py-0.5 v-ifitem.can_change_qty :valueitem?.quantity @changeupdateItem($event, item)    namequantity    value1    min-value1>/v-quantity-changer>                                                                                                    !-- Cart Item Remove Button -->                                button                                    typebutton                                    classtext-blue-700 max-md:text-sm                                    @clickremoveItem(item.id)                                >                                    Remove                                /button>                                                                    /div>                            /div>                        /div>                    /div>                    !-- Empty Cart Section -->                    div                        classmt-32 pb-8 max-md:mt-32                        v-else                    >                        div classb-0 grid place-items-center gap-y-5 max-md:gap-y-0>                            img                                classmax-md:h-100px max-md:w-100px                                srchttps://chandicraft.com/themes/shop/default/build/assets/thank-you-mhMpuEVL.png                                loadinglazy                                decodingasync                            >                            p                                classtext-xl max-md:text-sm                                roleheading                            >                                Your cart is empty                            /p>                        /div>                    /div>            /div>        /template>                template v-slot:footer>            div classpb-8 max-md:pb-2>                div                    v-ifcart?.items?.length                    classgrid-col-1 grid gap-5 max-md:gap-2.5                >                    div                        classmy-8 flex items-center justify-between border-b border-zinc-200 px-6 pb-2 max-md:my-0 max-md:border-t max-md:px-5 max-md:py-2                        :class{!justify-end: isLoading}                    >                                                template v-if! isLoading>                            p classtext-sm font-medium text-zinc-500>                                Subtotal                            /p>                        template v-ifdisplayTax.subtotal  including_tax>                            p classtext-3xl font-semibold max-md:text-base>                                {{ cart.formatted_sub_total_incl_tax }}                            /p>                        /template>                        template v-else-ifdisplayTax.subtotal  both>                            p classflex flex-col text-3xl font-semibold max-md:text-sm max-sm:text-right>                                {{ cart.formatted_sub_total_incl_tax }}                                span classtext-sm font-normal text-zinc-500 max-sm:text-xs>                                    Excl. Tax:                                    span classfont-medium text-black>{{ cart.formatted_sub_total }}/span>                                /span>                            /p>                        /template>                        template v-else>                            p classtext-3xl font-semibold max-md:text-base>                                {{ cart.formatted_sub_total }}                            /p>                        /template>                    /template>                        template v-else>                            !-- Spinner -->                            svg                                classtext-blue h-8 w-8 animate-spin text-5px font-semibold max-md:h-7 max-md:w-7 max-sm:h-4 max-sm:w-4                                xmlnshttp://www.w3.org/2000/svg                                fillnone                                aria-hiddentrue                                viewBox0 0 24 24                            >                                circle                                    classopacity-25                                    cx12                                    cy12                                    r10                                    strokecurrentColor                                    stroke-width4                                >/circle>                                path                                    classopacity-75                                    fillcurrentColor                                    dM4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z                                >/path>                            /svg>                        /template>                                                    /div>                                                !-- Cart Action Container -->                        div classgrid gap-2.5 px-6 max-md:px-4 max-sm:gap-1.5>                                                    a                            hrefhttps://chandicraft.com/checkout/onepage                            classmx-auto block w-full cursor-pointer rounded-2xl bg-navyBlue px-11 py-4 text-center text-base font-medium text-white max-md:rounded-lg max-md:px-5 max-md:py-2                        >                            Continue to Checkout                        /a>                                                        div classblock cursor-pointer text-center text-base font-medium max-md:py-1.5>                                a hrefhttps://chandicraft.com/checkout/cart>                                    View Cart                                /a>                            /div>                        /div>                                            /div>            /div>        /template>    /v-drawer>                    /script>    script typemodule>        app.component(v-mini-cart, {            template: #v-mini-cart-template,            data() {                return  {                    cart: null,                    isLoading:false,                    displayTax: {                        prices: excluding_tax,                        subtotal: excluding_tax,                    },                }            },            mounted() {                if (!this.cart) {                    this.getCart();                }                /**                 * Action.                 */                this.$emitter.on(update-mini-cart, (cart) > {                    this.cart  cart;                });            },            methods: {                getCart() {                    this.$axios.get(https://chandicraft.com/api/checkout/cart)                        .then(response > {                            this.cart  response.data.data;                        })                        .catch(error > {});                },                updateItem(quantity, item) {                    this.isLoading  true;                    let qty  {};                    qtyitem.id  quantity;                    this.$axios.put(https://chandicraft.com/api/checkout/cart, { qty })                        .then(response > {                            if (response.data.message) {                                this.cart  response.data.data;                            } else {                                this.$emitter.emit(add-flash, { type: warning, message: response.data.data.message });                            }                            this.isLoading  false;                        }).catch(error > this.isLoading  false);                },                removeItem(itemId) {                    this.$emitter.emit(open-confirm-modal, {                        agree: () > {                            this.isLoading  true;                            this.$axios.post(https://chandicraft.com/api/checkout/cart, {                                _method: DELETE,                                cart_item_id: itemId,                            })                            .then(response > {                                this.cart  response.data.data;                                this.$emitter.emit(add-flash, { type: success, message: response.data.message });                                this.isLoading  false;                            })                            .catch(error > {                                this.$emitter.emit(add-flash, { type: error, message: response.data.message });                                this.isLoading  false;                            });                        }                    });                },            },        });    /script>    script        typetext/x-template        idv-dropdown-template    >        div>            div                classselect-none                reftoggleBlock                @clicktoggle()            >                slot nametoggle>Toggle/slot>            /div>            transition                tagdiv                namedropdown                enter-active-classtransition duration-100 ease-out                enter-from-classscale-95 transform opacity-0                enter-to-classscale-100 transform opacity-100                leave-active-classtransition duration-75 ease-in                leave-from-classscale-100 transform opacity-100                leave-to-classscale-95 transform opacity-0            >                div                    classabsolute z-20 w-max rounded-20px bg-white shadow-0px_10px_84px_rgba(0,0,0,0.1) max-md:rounded-lg                    :stylepositionStyles                    v-showisActive                >                    slot namecontent>/slot>                    slot namemenu>/slot>                /div>            /transition>        /div>    /script>    script typemodule>        app.component(v-dropdown, {            template: #v-dropdown-template,            props: {                position: String,                closeOnClick: {                    type: Boolean,                    required: false,                    default: true                },            },            data() {                return {                    toggleBlockWidth: 0,                    toggleBlockHeight: 0,                    isActive: false,                };            },            created() {                window.addEventListener(click, this.handleFocusOut);            },            mounted() {                this.toggleBlockWidth  this.$refs.toggleBlock.clientWidth;                this.toggleBlockHeight  this.$refs.toggleBlock.clientHeight;            },            beforeDestroy() {                window.removeEventListener(click, this.handleFocusOut);            },            computed: {                positionStyles() {                    switch (this.position) {                        case bottom-left:                            return                                 `min-width: ${this.toggleBlockWidth}px`,                                `top: ${this.toggleBlockHeight}px`,                                left: 0,                            ;                        case bottom-right:                            return                                 `min-width: ${this.toggleBlockWidth}px`,                                `top: ${this.toggleBlockHeight}px`,                                right: 0,                            ;                        case top-left:                            return                                 `min-width: ${this.toggleBlockWidth}px`,                                `bottom: ${this.toggleBlockHeight}px`,                                left: 0,                            ;                        case top-right:                            return                                 `min-width: ${this.toggleBlockWidth}px`,                                `bottom: ${this.toggleBlockHeight}px`,                                right: 0,                            ;                        default:                            return                                 `min-width: ${this.toggleBlockWidth}px`,                                `top: ${this.toggleBlockHeight}px`,                                left: 0,                            ;                    }                },            },            methods: {                toggle() {                    /**                     * If still somehow width is zero then this will check for width one more time.                     */                    if (this.toggleBlockWidth  0) {                        this.toggleBlockWidth  this.$refs.toggleBlock.clientWidth;                    }                    /**                     * If still somehow height is zero then this will check for height one more time.                     */                    if (this.toggleBlockHeight  0) {                        this.toggleBlockHeight  this.$refs.toggleBlock.clientHeight;                    }                    this.isActive  ! this.isActive;                },                handleFocusOut(e) {                    if (! this.$el.contains(e.target) || (this.closeOnClick && this.$el.children1.contains(e.target))) {                        this.isActive  false;                    }                },            },        });    /script>    script        typetext/x-template        idv-quantity-changer-template    >        div>            span                 classicon-minus cursor-pointer text-2xl                rolebutton                tabindex0                aria-labelDecrease Quantity                @clickdecrease            >            /span>            p classw-2.5 select-none text-center max-sm:text-sm>                {{ quantity }}            /p>                        span                 classicon-plus cursor-pointer text-2xl                rolebutton                tabindex0                aria-labelIncrease Quantity                @clickincrease            >            /span>            v-field                typehidden                :namename                v-modelquantity            >/v-field>        /div>    /script>    script typemodule>        app.component(v-quantity-changer, {            template: #v-quantity-changer-template,            props:name, value, minValue,            data() {                return  {                    quantity: this.value,                }            },            watch: {                value() {                    this.quantity  this.value;                },            },            methods: {                increase() {                    this.$emit(change, ++this.quantity);                },                decrease() {                    if (this.quantity > this.minValue) {                        this.quantity - 1;                        this.$emit(change, this.quantity);                    }                },            }        });    /script>    script        typetext/x-template        idv-drawer-template    >        div>            !-- Toggler -->            div @clickopen>                slot nametoggle>/slot>            /div>            !-- Overlay -->            transition                tagdiv                namedrawer-overlay                enter-classduration-300 ease-out                enter-from-classopacity-0                enter-to-classopacity-100                leave-classduration-200 ease-in                leave-from-classopacity-100                leave-to-classopacity-0            >                div                    classfixed inset-0 z-20 bg-gray-500 bg-opacity-50 transition-opacity                    v-showisOpen                >/div>            /transition>            !-- Content -->            transition                tagdiv                namedrawer                :enter-from-classenterFromLeaveToClasses                enter-active-classtransform transition duration-200 ease-in-out                enter-to-classtranslate-x-0                leave-from-classtranslate-x-0                leave-active-classtransform transition duration-200 ease-in-out                :leave-to-classenterFromLeaveToClasses            >                div                    classfixed z-1000 overflow-hidden bg-white max-md:!w-full                    :class{                        inset-x-0 top-0: position  top,                        inset-x-0 bottom-0 max-sm:max-h-full: position  bottom,                        inset-y-0 ltr:right-0 rtl:left-0: position  right,                        inset-y-0 ltr:left-0 rtl:right-0: position  left                    }                    :stylewidth: + width                    v-showisOpen                >                    div classpointer-events-auto h-full w-full overflow-auto bg-white>                        div classflex h-full w-full flex-col>                            div classmin-h-0 min-w-0 flex-1 overflow-auto>                                div classflex h-full flex-col>                                    slot                                        nameheader                                        :closeclose                                    >                                        Default Header                                    /slot>                                    !-- Content Slot -->                                    slot namecontent>/slot>                                    !-- Footer Slot -->                                    slot namefooter>/slot>                                /div>                            /div>                        /div>                    /div>                /div>            /transition>        /div>    /script>    script typemodule>        app.component(v-drawer, {            template: #v-drawer-template,            props:                 isActive,                position,                width            ,            data() {                return {                    isOpen: this.isActive,                };            },            watch: {                isActive: function(newVal, oldVal) {                    this.isOpen  newVal;                }            },            computed: {                enterFromLeaveToClasses() {                    if (this.position  top) {                        return -translate-y-full;                    } else if (this.position  bottom) {                        return translate-y-full;                    } else if (this.position  left) {                        return ltr:-translate-x-full rtl:translate-x-full;                    } else if (this.position  right) {                        return ltr:translate-x-full rtl:-translate-x-full;                    }                }            },            methods: {                toggle() {                    this.isOpen  ! this.isOpen;                    if (this.isOpen) {                        document.body.style.overflow  hidden;                    } else {                        document.body.style.overflow auto;                    }                    document.body.style.paddingRight  ;                    this.$emit(toggle, { isActive: this.isOpen });                },                open() {                    this.isOpen  true;                    const scrollbarWidth  window.innerWidth - document.documentElement.clientWidth;                    document.body.style.overflow  hidden;                    document.body.style.paddingRight  `${scrollbarWidth}px`;                    this.$emit(open, { isActive: this.isOpen });                },                close() {                    this.isOpen  false;                    document.body.style.overflow  auto;                    document.body.style.paddingRight  ;                    this.$emit(close, { isActive: this.isOpen });                }            },        });    /script>    script        typetext/x-template        idv-desktop-category-template    >        !-- Loading State -->        div            classflex items-center gap-5            v-ifisLoading        >            span                classshimmer h-6 w-20 rounded                rolepresentation            >/span>            span                classshimmer h-6 w-20 rounded                rolepresentation            >/span>            span                classshimmer h-6 w-20 rounded                rolepresentation            >/span>        /div>        !-- Default category layout -->        div            classflex items-center            v-else-ifdefault ! sidebar        >            div                classgroup relative flex h-77px items-center border-b-4 border-transparent hover:border-b-4 hover:border-navyBlue                v-forcategory in categories            >                span>                    a                        :hrefcategory.url                        classinline-block px-5 uppercase                    >                        {{ category.name }}                    /a>                /span>                div                    classpointer-events-none absolute top-78px z-1 max-h-580px w-max max-w-1260px translate-y-1 overflow-auto overflow-x-auto border border-b-0 border-l-0 border-r-0 border-t border-#F3F3F3 bg-white p-9 opacity-0 shadow-0_6px_6px_1px_rgba(0,0,0,.3) transition duration-300 ease-out group-hover:pointer-events-auto group-hover:translate-y-0 group-hover:opacity-100 group-hover:duration-200 group-hover:ease-in ltr:-left-9 rtl:-right-9                    v-ifcategory.children && category.children.length                >                    div classflex justify-between gap-x-70px>                        div                            classgrid w-full min-w-max max-w-150px flex-auto grid-cols-1fr content-start gap-5                            v-forpairCategoryChildren in pairCategoryChildren(category)                        >                            template v-forsecondLevelCategory in pairCategoryChildren>                                p classfont-medium text-navyBlue>                                    a :hrefsecondLevelCategory.url>                                        {{ secondLevelCategory.name }}                                    /a>                                /p>                                ul                                    classgrid grid-cols-1fr gap-3                                    v-ifsecondLevelCategory.children && secondLevelCategory.children.length                                >                                    li                                        classtext-sm font-medium text-zinc-500                                        v-forthirdLevelCategory in secondLevelCategory.children                                    >                                        a :hrefthirdLevelCategory.url>                                            {{ thirdLevelCategory.name }}                                        /a>                                    /li>                                /ul>                            /template>                        /div>                    /div>                /div>            /div>        /div>        !-- Sidebar category layout -->        div v-else>            !-- Categories Navigation -->            div classflex items-center>                !-- All button for opening the category drawer -->                div                    classflex h-77px cursor-pointer items-center border-b-4 border-transparent hover:border-b-4 hover:border-navyBlue                    @clicktoggleCategoryDrawer                >                    span classflex items-center gap-1 px-5 uppercase>                        span classicon-hamburger text-xl>/span>                        All                    /span>                /div>                !-- Show only first 4 categories in main navigation -->                div                    classgroup relative flex h-77px items-center border-b-4 border-transparent hover:border-b-4 hover:border-navyBlue                    v-forcategory in categories.slice(0, 4)                >                    span>                        a                            :hrefcategory.url                            classinline-block px-5 uppercase                        >                            {{ category.name }}                        /a>                    /span>                    !-- Dropdown for each category -->                    div                        classpointer-events-none absolute top-78px z-1 max-h-580px w-max max-w-1260px translate-y-1 overflow-auto overflow-x-auto border border-b-0 border-l-0 border-r-0 border-t border-#F3F3F3 bg-white p-9 opacity-0 shadow-0_6px_6px_1px_rgba(0,0,0,.3) transition duration-300 ease-out group-hover:pointer-events-auto group-hover:translate-y-0 group-hover:opacity-100 group-hover:duration-200 group-hover:ease-in ltr:-left-9 rtl:-right-9                        v-ifcategory.children && category.children.length                    >                        div classflex justify-between gap-x-70px>                            div                                classgrid w-full min-w-max max-w-150px flex-auto grid-cols-1fr content-start gap-5                                v-forpairCategoryChildren in pairCategoryChildren(category)                            >                                template v-forsecondLevelCategory in pairCategoryChildren>                                    p classfont-medium text-navyBlue>                                        a :hrefsecondLevelCategory.url>                                            {{ secondLevelCategory.name }}                                        /a>                                    /p>                                    ul                                        classgrid grid-cols-1fr gap-3                                        v-ifsecondLevelCategory.children && secondLevelCategory.children.length                                    >                                        li                                            classtext-sm font-medium text-zinc-500                                            v-forthirdLevelCategory in secondLevelCategory.children                                        >                                            a :hrefthirdLevelCategory.url>                                                {{ thirdLevelCategory.name }}                                            /a>                                        /li>                                    /ul>                                /template>                            /div>                        /div>                    /div>                /div>            /div>            !-- Bagisto Drawer Integration -->            v-drawer    :is-activeisDrawerActive @toggleonDrawerToggle @closeonDrawerClose    is-active    positionleft    width400px>            template v-slot:toggle>                    /template>                template v-slot:header{ close }>            div classgrid gap-y-2.5 p-6 pb-5 max-md:gap-y-1.5 max-md:border-b max-md:border-zinc-200 max-md:p-4 max-md:gap-y-1 max-md:font-semibold border-b border-gray-200>                div classflex w-full items-center justify-between>                        p classtext-xl font-medium>                            Categories                        /p>                    /div>                div classabsolute top-5 max-sm:top-4 ltr:right-5 rtl:left-5>                    span                        classicon-cancel cursor-pointer text-3xl max-md:text-2xl                        @clickclose                    >                    /span>                /div>            /div>        /template>                template v-slot:content>            div classflex-1 overflow-auto px-6 max-md:px-4 !px-0>                !-- Wrapper with transition effects -->                    div classrelative h-full overflow-hidden>                        !-- Sliding container -->                        div                            classflex h-full transition-transform duration-300                            :class{                                ltr:translate-x-0 rtl:translate-x-0: currentViewLevel ! third,                                ltr:-translate-x-full rtl:translate-x-full: currentViewLevel  third                            }                        >                            !-- First level view -->                            div classh-calc(100vh-74px) w-full flex-shrink-0 overflow-auto>                                div classpy-4>                                    div                                        v-forcategory in categories                                        :keycategory.id                                        :class{mb-2: category.children && category.children.length}                                    >                                        div classflex cursor-pointer items-center justify-between px-6 py-2 transition-colors duration-200 hover:bg-gray-100>                                            a                                                :hrefcategory.url                                                classtext-base font-medium text-black                                            >                                                {{ category.name }}                                            /a>                                        /div>                                        !-- Second Level Categories -->                                        div v-ifcategory.children && category.children.length >                                            div                                                v-forsecondLevelCategory in category.children                                                :keysecondLevelCategory.id                                            >                                                div                                                    classflex cursor-pointer items-center justify-between px-6 py-2 transition-colors duration-200 hover:bg-gray-100                                                    @clickshowThirdLevel(secondLevelCategory, category, $event)                                                >                                                    a                                                        :hrefsecondLevelCategory.url                                                        classtext-sm font-normal                                                    >                                                        {{ secondLevelCategory.name }}                                                    /a>                                                    span                                                        v-ifsecondLevelCategory.children && secondLevelCategory.children.length                                                        classicon-arrow-right rtl:icon-arrow-left                                                    >/span>                                                /div>                                            /div>                                        /div>                                    /div>                                /div>                            /div>                            !-- Third level view -->                            div                                classh-full w-full flex-shrink-0                                v-ifcurrentViewLevel  third                            >                                div classborder-b border-gray-200 px-6 py-4>                                    button                                        @clickgoBackToMainView                                        classflex items-center justify-center gap-2 focus:outline-none                                        aria-labelGo back                                    >                                        span classicon-arrow-left rtl:icon-arrow-right text-lg>/span>                                        p classtext-base font-medium text-black>                                            Back to Main Menu                                        /p>                                    /button>                                /div>                                !-- Third Level Content -->                                div classpy-4>                                    div                                        v-forthirdLevelCategory in currentSecondLevelCategory?.children                                        :keythirdLevelCategory.id                                        classmb-2                                    >                                        a                                            :hrefthirdLevelCategory.url                                            classblock px-6 py-2 text-sm transition-colors duration-200 hover:bg-gray-100                                        >                                            {{ thirdLevelCategory.name }}                                        /a>                                    /div>                                /div>                            /div>                        /div>                    /div>            /div>        /template>        /v-drawer>        /div>    /script>    script typemodule>        app.component(v-desktop-category, {            template: #v-desktop-category-template,            data() {                return {                    isLoading: true,                    categories: ,                    isDrawerActive: false,                    currentViewLevel: main,                    currentSecondLevelCategory: null,                    currentParentCategory: null                }            },            mounted() {                this.initCategories();            },            methods: {                initCategories() {                    try {                        const stored  localStorage.getItem(categories);                        if (stored) {                            this.categories  JSON.parse(stored);                            this.isLoading  false;                            return;                        }                    } catch (e) {}                    this.getCategories();                },                getCategories() {                    this.$axios.get(https://chandicraft.com/api/categories/tree)                        .then(response > {                            this.isLoading  false;                            this.categories  response.data.data;                            localStorage.setItem(categories, JSON.stringify(this.categories));                        })                        .catch(error > {                            console.log(error);                        });                },                pairCategoryChildren(category) {                    if (! category.children) return ;                    return category.children.reduce((result, value, index, array) > {                        if (index % 2  0) {                            result.push(array.slice(index, index + 2));                        }                        return result;                    }, );                },                toggleCategoryDrawer() {                    this.isDrawerActive  !this.isDrawerActive;                    if (this.isDrawerActive) {                        this.currentViewLevel  main;                    }                },                onDrawerToggle(event) {                    this.isDrawerActive  event.isActive;                },                onDrawerClose(event) {                    this.isDrawerActive  false;                },                showThirdLevel(secondLevelCategory, parentCategory, event) {                    if (secondLevelCategory.children && secondLevelCategory.children.length) {                        this.currentSecondLevelCategory  secondLevelCategory;                        this.currentParentCategory  parentCategory;                        this.currentViewLevel  third;                        if (event) {                            event.preventDefault();                            event.stopPropagation();                        }                    }                },                goBackToMainView() {                    this.currentViewLevel  main;                }            },        });    /script>                script>            /**             * Load event, the purpose of using the event is to mount the application             * after all of our `Vue` components which is present in blade file have             * been registered in the app. No matter what `app.mount()` should be             * called in the last.             */            window.addEventListener(load, function (event) {                app.mount(#app);            });        /script>                script typetext/javascript>                    /script>    /body>/html>

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > chandicraft.com

Is this malicious?

Whois

DNS Resolutions

Port 80

Port 443