1<!DOCTYPE html><!--neAxrkZ83MK3cnK_H5GLD--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/1b99372b3eaef0c8-s.p.758e15a8.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-2.webp"/><link rel="preload" href="https://materialdepot-images-hbh2cjbvbtfmanhx.z02.azurefd.net/application_image/3d-visualization-banner-web.webp?width=500" as="image"/><link rel="preload" href="https://materialdepot-images-hbh2cjbvbtfmanhx.z02.azurefd.net/application_image/home-page-see-on-video-call.webp?width=500" as="image"/><link rel="preload" as="image" href="https://img.freepik.com/free-vector/modern-style-big-sale-banner-template_1017-23977.jpg"/><link rel="preload" as="image" href="https://t3.ftcdn.net/jpg/05/11/91/00/360_F_511910008_TG3PEdmTWbaJkzYnkDwHl7da18ik0xd2.jpg"/><link rel="preload" as="image" href="https://www.shutterstock.com/image-vector/megaphone-combo-offer-banner-design-600nw-2184252437.jpg"/><link rel="preload" as="image" href="https://png.pngtree.com/png-vector/20220617/ourmid/pngtree-stock-clearance-bannerflyer-or-poster-red-pricetag-promotion-vector-png-image_31722056.jpg"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=256&q=80"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=256&q=80"/><link rel="preload" as="image" href="https://img.freepik.com/free-photo/cheerful-indian-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-129417.jpg"/><link rel="stylesheet" href="/_next/static/chunks/18bb3ef2cb47a7f6.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/16d83f30af843ccc.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/a1e5fa1e2c51ff5d.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/163f657a16afbe5e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/30718e32e17299a4.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/f1b4d49aa9e249c5.js"/>
1<script src="/_next/static/chunks/6b7a6efd969cea7c.js" async=""></script>
1<script src="/_next/static/chunks/aee6c7720838f8a2.js" async=""></script>
1<script src="/_next/static/chunks/7d6514a90169e63d.js" async=""></script>
1<script src="/_next/static/chunks/82abf2d65f5428ae.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-d0d55d6928bbf857.js" async=""></script>
1<script src="/_next/static/chunks/13aa20fce732421f.js" async=""></script>
1<script src="/_next/static/chunks/353968e4d31a538d.js" async=""></script>
1<script src="/_next/static/chunks/d5ff169b59a87a4c.js" async=""></script>
1<script src="/_next/static/chunks/975f21e13acb3340.js" async=""></script>
1<script src="/_next/static/chunks/30b56149aa38cf0a.js" async=""></script>
1<script src="/_next/static/chunks/b55491d4d000d818.js" async=""></script>
1<script src="/_next/static/chunks/f4d623b17b02c37b.js" async=""></script>
1<script src="/_next/static/chunks/6718f07bd2beb420.js" async=""></script>
1<script src="/_next/static/chunks/d90686d9a6cffaca.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/d2be314c3ece3fbe.js" async=""></script>
1<link rel="preload" as="image" href="https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=256&q=80"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=256&q=80"/><link rel="preload" as="image" href="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-7.webp"/><meta name="next-size-adjust" content=""/><title>Arclay | | The art of surfaces</title><meta name="description" content="Explore premium vitrified tiles, engineered wood flooring, and interior surface solutions. Expertly crafted for modern living and architectural excellence."/><link rel="icon" href="/favicon.ico?favicon.60691206.ico" sizes="32x31" type="image/x-icon"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="outfit_1fb462b0-module__6gx7aG__variable antialiased"><div hidden=""><!--$--><!--/$--></div><div><div class="sticky top-0 left-0 right-0 z-100 bg-white text-gray-800 shadow-sm"><div class="hidden sm:block"><div class="h-18.5 px-4 md:px-6 flex items-center gap-4"><div class="shrink-0 flex items-center"><a href="/"><div class="h-auto w-40"><img alt="Website Logo" loading="lazy" width="220" height="100" decoding="async" data-nimg="1" class="h-full w-full object-contain" style="color:transparent" srcSet="/_next/image?url=%2Flogo%2Farclay-logo.webp&w=256&q=75 1x, /_next/image?url=%2Flogo%2Farclay-logo.webp&w=640&q=75 2x" src="/_next/image?url=%2Flogo%2Farclay-logo.webp&w=640&q=75"/></div></a></div><div class="hidden lg:flex items-center gap-4 shrink-0"><a href="/visit-store" class="text-xs font-medium text-gray-700 hover:text-(--primary) transition">VISIT STORE</a><div class="relative tools-container"><button type="button" class="text-xs py-2 font-medium text-gray-700 hover:text-(--primary) transition flex items-center cursor-pointer">TOOLS <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="flex-1 flex justify-center"><div class="w-full max-w-190 relative search-container"><div class="h-11 flex items-center bg-white border border-gray-300 rounded-[10px] overflow-hidden"><input type="text" class="outline-none w-full text-sm px-4 placeholder-gray-400" placeholder="Search products..." value=""/><button type="button" class="h-11 px-3 flex items-center justify-center text-gray-500 hover:text-(--primary) transition cursor-pointer" aria-label="Search by image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-5 h-5" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg></button><button type="button" class="h-11 w-13 flex items-center justify-center bg-(--primary) text-white cursor-pointer" aria-label="Search"><img alt="Search" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/Search.973f4e1a.svg"/></button></div></div></div><div class="shrink-0 flex items-center gap-3"><a href="tel:+917615919579"><button type="button" class="btn-17 primary-btn hidden! md:flex! items-center gap-1"><span class="text-container"><span class="text hidden! md:flex! items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-5 h-5" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><p>Shop on call</p></span></span></button></a><div class="relative"><button id="profile-btn-desktop" class="relative h-7 w-7 rounded-full flex items-center justify-center hover:bg-gray-100 transition cursor-pointer" aria-label="Profile" aria-expanded="false"><img alt="Profile" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/ProfileLogoShein.cf15ddda.svg"/></button></div><button type="button" class="h-10 w-10 rounded-full hover:bg-gray-100 lg:hidden flex items-center justify-center cursor-pointer" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-7 h-7" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div><div class="bg-(--primary)"><div class="px-4 md:px-8 flex justify-center items-center md:gap-12 gap-6 h-12 text-[15px] text-white"></div></div><hr class="border-gray-200"/></div><div class="sm:hidden"><div class="h-14 px-1 flex items-center justify-between gap-2"><div class="flex items-center gap-2"><button type="button" class="h-10 w-10 rounded-full hover:bg-gray-100 flex items-center justify-center cursor-pointer" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button><a href="/"><div class="w-24 min-[360px]:w-30"><img alt="Website Logo" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="w-full h-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Flogo%2Farclay-logo.webp&w=256&q=75 1x, /_next/image?url=%2Flogo%2Farclay-logo.webp&w=384&q=75 2x" src="/_next/image?url=%2Flogo%2Farclay-logo.webp&w=384&q=75"/></div></a></div><div class="flex items-center gap-1.5 min-[360px]:gap-2"><button type="button" class="py-1.5 px-2 min-[360px]:px-3 rounded-xl border border-gray-200 bg-white text-sm font-medium flex items-center gap-1.5 min-[360px]:gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-store w-5 h-5" aria-hidden="true"><path d="M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5"></path><path d="M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244"></path><path d="M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05"></path></svg><span class="max-[340px]:hidden">Store</span></button><button type="button" class="h-7 w-7 p-1 rounded-full border border-gray-200 bg-white flex items-center justify-center" aria-label="Call"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-5 h-5 text-(--primary)" aria-hidden="true">
1<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></button><div class="relative"><button id="profile-btn-mobile" type="button" class="relative h-7 w-7 p-1 rounded-full border border-gray-200 bg-white flex items-center justify-center cursor-pointer" aria-label="Profile" aria-expanded="false"><img alt="Profile" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/ProfileLogoShein.cf15ddda.svg"/></button></div></div></div><div class="px-3 pb-3 relative search-container"><div class="h-11 flex items-center bg-white border border-gray-300 rounded-xl overflow-hidden"><input type="text" class="outline-none w-full text-sm px-4 placeholder-gray-400" placeholder="Search products..." value=""/><button type="button" class="h-11 px-3 flex items-center justify-center text-gray-500 hover:text-(--primary) transition cursor-pointer" aria-label="Search by image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-5 h-5" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg></button><button type="button" class="h-11 w-13 flex items-center justify-center bg-(--primary) text-white cursor-pointer" aria-label="Search"><img alt="Search" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/Search.973f4e1a.svg"/></button></div></div></div><div class="lg:hidden fixed inset-0 z-50 transition pointer-events-none" aria-hidden="true"><div class="absolute inset-0 bg-black/40 transition-opacity opacity-0"></div><div class="absolute left-0 top-0 h-full w-[86%] max-w-90 bg-white shadow-xl transition-transform duration-200 -translate-x-full"><div class="h-15 px-4 flex items-center justify-between border-b border-gray-200"><div class="flex items-center gap-2"><div class="w-30"><img alt="Website Logo" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="w-full h-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Flogo%2Farclay-logo.webp&w=256&q=75 1x, /_next/image?url=%2Flogo%2Farclay-logo.webp&w=384&q=75 2x" src="/_next/image?url=%2Flogo%2Farclay-logo.webp&w=384&q=75"/></div></div><div class="flex items-center gap-2"><button class="py-1.5 px-4 rounded-md bg-(--primary) text-white text-sm font-semibold hover:opacity-90 transition cursor-pointer">Sign In</button><button class="h-10 w-10 rounded-full hover:bg-gray-100 flex items-center justify-center cursor-pointer" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div><div class="h-[calc(100%-60px)] overflow-y-auto"><div class="p-4"><div class="flex items-start gap-6 mb-8"><a href="/visit-store" class="flex flex-col items-center gap-2"><div class="h-12 w-12 rounded-full bg-gray-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-store w-6 h-6 text-gray-700" aria-hidden="true"><path d="M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5"></path><path d="M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244"></path><path d="M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05"></path></svg></div><span class="text-xs text-gray-700">Visit Store</span></a><a href="tel:+917615919579" class="flex flex-col items-center gap-2"><div class="h-12 w-12 rounded-full bg-gray-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-6 h-6 text-(--primary)" aria-hidden="true">
1<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><span class="text-xs text-gray-700">Shop on Call</span></a></div><div class="grid grid-cols-2 gap-3"></div><div class="my-4"><button type="button" class="w-full rounded-xl bg-gray-100 border border-gray-200 p-3 flex items-center justify-between gap-2 cursor-pointer hover:bg-gray-200/50 transition-colors"><span class="text-sm font-semibold text-gray-800">Tools</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-gray-600 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="grid grid-cols-1 gap-2 p-1"><a class="px-3 py-2 rounded-lg border border-gray-200 text-sm hover:bg-gray-50 bg-white transition-colors" href="/inspiration-gallery">Inspiration</a><a href="#" class="px-3 py-2 rounded-lg border border-gray-200 text-sm hover:bg-gray-50 bg-white transition-colors">3D Visualizer</a></div></div></div></div></div></div></div></div><div class="hidden sm:block"><hr class="border-gray-200"/></div></div><div class="min-h-screen"><section class="w-full relative"><button type="button" aria-label="Previous slide" class="absolute z-20 top-1/2 -translate-y-1/2 left-2 md:left-3 h-10 w-10 md:h-12 md:w-12 rounded-full transition-all duration-300 cursor-pointer flex items-center justify-center group/btn 2 bg-white/40 hover:bg-white/60 backdrop-blur-md border border-white/50 hover:border-white/80 3 shadow-lg hover:shadow-xl hover:scale-110 active:scale-95 4 hero-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-5 h-5 md:w-6 md:h-6 text-white drop-shadow-md transition-transform group-hover/btn:scale-110" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button type="button" aria-label="Next slide" class="absolute z-20 top-1/2 -translate-y-1/2 right-2 md:right-3 h-10 w-10 md:h-12 md:w-12 rounded-full transition-all duration-300 cursor-pointer flex items-center justify-center group/btn 5 bg-white/40 hover:bg-white/60 backdrop-blur-md border border-white/50 hover:border-white/80 6 shadow-lg hover:shadow-xl hover:scale-110 active:scale-95 7 hero-next"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5 md:w-6 md:h-6 text-white drop-shadow-md transition-transform group-hover/btn:scale-110" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button><div class="swiper hero-swiper"><div class="swiper-wrapper"><div class="swiper-slide"><div class="relative w-full h-70 md:h-80 lg:h-100 overflow-hidden"><img src="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-2.webp" alt="Hero banner 1" class="h-full w-full object-cover" loading="eager"/></div></div><div class="swiper-slide"><div class="relative w-full h-70 md:h-80 lg:h-100 overflow-hidden"><img src="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-1.webp" alt="Hero banner 2" class="h-full w-full object-cover" loading="lazy"/></div></div><div class="swiper-slide"><div class="relative w-full h-70 md:h-80 lg:h-100 overflow-hidden"><img src="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-4.webp" alt="Hero banner 3" class="h-full w-full object-cover" loading="lazy"/></div></div><div class="swiper-slide"><div class="relative w-full h-70 md:h-80 lg:h-100 overflow-hidden"><img src="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-3.webp" alt="Hero banner 4" class="h-full w-full object-cover" loading="lazy"/></div></div><div class="swiper-slide"><div class="relative w-full h-70 md:h-80 lg:h-100 overflow-hidden"><img src="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-5.webp" alt="Hero banner 5" class="h-full w-full object-cover" loading="lazy"/></div></div><div class="swiper-slide"><div class="relative w-full h-70 md:h-80 lg:h-100 overflow-hidden"><img src="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-6.webp" alt="Hero banner 6" class="h-full w-full object-cover" loading="lazy"/></div></div></div><div class="swiper-pagination"></div></div></section><section class="w-full"><div class="container md:py-10 py-6"><h2 class="section-heading center">Start With A room end with a masterpiece!</h2><div class="mt-6 flex items-center justify-center gap-3 sm:gap-6 flex-wrap"></div><div class="mt-10"><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 ga
7p-4 md:gap-6"><div class="mp-skeleton"><div class="mp-sk-img mp-shimmer"></div><div class="mp-sk-body"><div class="mp-sk-line mp-shimmer" style="width:75%"></div><div class="mp-sk-line mp-shimmer" style="width:50%;height:10px"></div></div></div><div class="mp-skeleton"><div class="mp-sk-img mp-shimmer"></div><div class="mp-sk-body"><div class="mp-sk-line mp-shimmer" style="width:75%"></div><div class="mp-sk-line mp-shimmer" style="width:50%;height:10px"></div></div></div><div class="mp-skeleton"><div class="mp-sk-img mp-shimmer"></div><div class="mp-sk-body"><div class="mp-sk-line mp-shimmer" style="width:75%"></div><div class="mp-sk-line mp-shimmer" style="width:50%;height:10px"></div></div></div><div class="mp-skeleton"><div class="mp-sk-img mp-shimmer"></div><div class="mp-sk-body"><div class="mp-sk-line mp-shimmer" style="width:75%"></div><div class="mp-sk-line mp-shimmer" style="width:50%;height:10px"></div></div></div><div class="mp-skeleton"><div class="mp-sk-img mp-shimmer"></div><div class="mp-sk-body"><div class="mp-sk-line mp-shimmer" style="width:75%"></div><div class="mp-sk-line mp-shimmer" style="width:50%;height:10px"></div></div></div></div></div><style> 8 @keyframes mpShimmer { 9 0% { background-position: -200% 0; } 10 100% { background-position: 200% 0; } 11 } 12 .mp-shimmer { 13 background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%); 14 background-size: 200% 100%; 15 animation: mpShimmer 1.4s infinite linear; 16 } 17 .mp-skeleton { 18 border-radius: 12px; 19 overflow: hidden; 20 border: 1px solid rgba(0,0,0,.06); 21 background: #fff; 22 } 23 .mp-sk-img { 24 width: 100%; 25 aspect-ratio: 1 / 1; 26 } 27 .mp-sk-body { 28 padding: 12px; 29 display: flex; 30 flex-direction: column; 31 gap: 8px; 32 } 33 .mp-sk-line { 34 height: 14px; 35 border-radius: 6px; 36 } 37 </style></div></section><section class="w-full"><div class="container md:py-10 py-6"><h2 class="section-heading center">Explore Our Categories</h2><div class="mt-6 flex items-center justify-center gap-3 sm:gap-6 flex-wrap"></div><div class="mt-10"><div class="grid grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4 md:gap-6"><div class="cl-skeleton"><div class="cl-sk-img cl-shimmer"></div><div class="cl-sk-body"><div class="cl-sk-line cl-shimmer" style="width:70%"></div></div></div><div class="cl-skeleton"><div class="cl-sk-img cl-shimmer"></div><div class="cl-sk-body"><div class="cl-sk-line cl-shimmer" style="width:70%"></div></div></div><div class="cl-skeleton"><div class="cl-sk-img cl-shimmer"></div><div class="cl-sk-body"><div class="cl-sk-line cl-shimmer" style="width:70%"></div></div></div><div class="cl-skeleton"><div class="cl-sk-img cl-shimmer"></div><div class="cl-sk-body"><div class="cl-sk-line cl-shimmer" style="width:70%"></div></div></div><div class="cl-skeleton"><div class="cl-sk-img cl-shimmer"></div><div class="cl-sk-body"><div class="cl-sk-line cl-shimmer" style="width:70%"></div></div></div><div class="cl-skeleton"><div class="cl-sk-img cl-shimmer"></div><div class="cl-sk-body"><div class="cl-sk-line cl-shimmer" style="width:70%"></div></div></div></div></div><style> 38 @keyframes clShimmer { 39 0% { background-position: -200% 0; } 40 100% { background-position: 200% 0; } 41 } 42 .cl-shimmer { 43 background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%); 44 background-size: 200% 100%; 45 animation: clShimmer 1.4s infinite linear; 46 } 47 .cl-skeleton { 48 border-radius: 12px; 49 overflow: hidden; 50 border: 1px solid rgba(0,0,0,.06); 51 background: #fff; 52 } 53 .cl-sk-img { 54 width: 100%; 55 aspect-ratio: 3 / 4; 56 } 57 .cl-sk-body { 58 padding: 10px; 59 } 60 .cl-sk-line { 61 height: 14px; 62 border-radius: 6px; 63 } 64 </style></div></section><section class="w-full bg-(--background)"><div class="container md:py-10 py-6"><div class="flex items-end justify-center gap-5 flex-wrap"><div><h2 class="section-heading center">Product Gallery / Lookbook</h2><p class="text-sm text-gray-600 text-center">Explore a complete look - browse the design image and instantly see the products used inside it.</p></div></div><div class="mt-6 flex items-center md:justify-center justify-start gap-3 sm:gap-5 overflow-x-scroll no-scrollbar"><button type="button" class="px-3 sm:px-4 py-2 rounded-full border md:text-sm text-xs transition whitespace-nowrap cursor-pointer bg-(--primary-light) text-white border-(--primary-light)">All</button></div><div class="mt-8 grid gap-6 items-start lg:grid-cols-[minmax(0,1.8fr)_minmax(0,1.2fr)
64]"><div class="relative min-w-0"><div class="lb-hero lb-shimmer"></div></div><div class="min-w-0"><div class="lb-panel"><div class="lb-panelHead"><div><p class="lb-panelLabel">Products used in this look</p><p class="lb-panelHint">Click any product to view details</p></div></div><div class="lb-panelBody"><div class="lb-cardWrap"><div class="lb-productSkeleton"><div class="lb-skImg lb-shimmer"></div><div class="lb-skInfo"><div class="lb-skLine lb-shimmer" style="width:80%"></div><div class="lb-skLine lb-shimmer" style="width:50%;height:10px"></div></div></div></div><div class="lb-cardWrap"><div class="lb-productSkeleton"><div class="lb-skImg lb-shimmer"></div><div class="lb-skInfo"><div class="lb-skLine lb-shimmer" style="width:80%"></div><div class="lb-skLine lb-shimmer" style="width:50%;height:10px"></div></div></div></div><div class="lb-cardWrap"><div class="lb-productSkeleton"><div class="lb-skImg lb-shimmer"></div><div class="lb-skInfo"><div class="lb-skLine lb-shimmer" style="width:80%"></div><div class="lb-skLine lb-shimmer" style="width:50%;height:10px"></div></div></div></div><div class="lb-cardWrap"><div class="lb-productSkeleton"><div class="lb-skImg lb-shimmer"></div><div class="lb-skInfo"><div class="lb-skLine lb-shimmer" style="width:80%"></div><div class="lb-skLine lb-shimmer" style="width:50%;height:10px"></div></div></div></div></div><div class="lb-panelMobile"><div class="lb-mRow"><div class="lb-mItem"><div class="lb-productSkeleton"><div class="lb-skImg lb-shimmer"></div><div class="lb-skInfo"><div class="lb-skLine lb-shimmer" style="width:80%"></div><div class="lb-skLine lb-shimmer" style="width:50%;height:10px"></div></div></div></div><div class="lb-mItem"><div class="lb-productSkeleton"><div class="lb-skImg lb-shimmer"></div><div class="lb-skInfo"><div class="lb-skLine lb-shimmer" style="width:80%"></div><div class="lb-skLine lb-shimmer" style="width:50%;height:10px"></div></div></div></div></div></div></div></div></div><style> 65 @keyframes lb-shimmerAnim { 66 0% { background-position: -200% 0; } 67 100% { background-position: 200% 0; } 68 } 69 .lb-shimmer { 70 background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%); 71 background-size: 200% 100%; 72 animation: lb-shimmerAnim 1.4s infinite linear; 73 } 74 75 .lookbook-swiper{ 76 width: 100%; 77 max-width: 100%; 78 } 79 80 .lb-hero{ 81 position: relative; 82 overflow: hidden; 83 border-radius: 20px; 84 border: 1px solid rgba(0,0,0,.10); 85 background: #fff; 86 height: 520px; 87 } 88 89 .lb-heroImg{ 90 width: 100%; 91 height: 100%; 92 object-fit: contain; 93 transform: scale(1.01); 94 } 95 96 .lb-heroOverlay{ 97 position: absolute; 98 inset: 0; 99 display: flex; 100 flex-direction: column; 101 justify-content: flex-end; 102 padding: 20px; 103 color: #fff; 104 background: linear-gradient(180deg, rgba(0,0,0,0.00) 45%, rgba(0,0,0,0.65) 100%); 105 } 106 107 .lb-chip{ 108 width: fit-content; 109 font-size: 12px; 110 font-weight: 600; 111 padding: 6px 10px; 112 border-radius: 999px; 113 background: rgba(255,255,255,.16); 114 border: 1px solid rgba(255,255,255,.18); 115 backdrop-filter: blur(6px); 116 } 117 118 .lb-title{ 119 margin-top: 10px; 120 font-size: 26px; 121 line-height: 1.15; 122 font-weight: 650; 123 max-width: 90%; 124 } 125 126 .lb-panel{ 127 border-radius: 18px; 128 border: 1px solid rgba(0,0,0,.10); 129 background: #fff; 130 overflow: hidden; 131 } 132 133 .lb-panelHead{ 134 padding: 14px 14px 10px; 135 display: flex; 136 align-items: flex-start; 137 justify-content: space-between; 138 gap: 10px; 139 border-bottom: 1px solid rgba(0,0,0,.06); 140 background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0)); 141 } 142 143 .lb-panelLabel{ 144 font-weight: 650; 145 color: #111827; 146 font-size: 14px; 147 } 148 149 .lb-panelHint{ 150 margin-top: 2px; 151 color: #6b7280; 152 font-size: 12px; 153 } 154 155 .lb-viewAll{ 156 font-size: 12px; 157 color: var(--primary-light); 158 text-decoration: none; 159 white-space: nowrap; 160 font-weight: 600; 161 } 162 .lb-viewAll:hover{ text-decoration: underline; } 163 164 .lb-panelBody{ 165 padding: 12px; 166 display: grid; 167 grid-template-columns: repeat(2,1fr); 168 gap: 30px 12px; 169 max-height: 460px; 170 overflow: auto; 171 } 172 173 .lb-cardWrap{ 174 border-radius: 14px; 175 overflow: hidden; 176 border: 1px solid rgba(0,0,0,.06); 177 transition: transform .18s ease, border-color .18s ease; 178 } 179 .lb-cardWrap:hover{ 180 transform: translateY(-1px); 181 border-color: rgba(0,0,0,.14); 182 } 183 184 .lb-empty{ 185 padding: 16px; 186 border-radius: 14px; 187 color: #6b7280; 188 font-size: 16px; 189 } 190 191 /* Product skeleton */ 192 .lb-productSkeleton{ 193 display: flex; 194 flex-direction: column; 195 } 196 .lb-skImg{ 197 width: 100%; 198 aspect-ratio: 1 / 1; 199 border-radius: 0; 200 } 201 .lb-skInfo{ 202 padding: 10px; 203 display: flex; 204 flex-direction: column; 205 gap: 8px; 206 } 207 .lb-skLine{ 208 height: 12px; 209 border-radius: 6px; 210 } 211 212 /* hide mobile row on desktop */ 213 .lb-panelMobile{ display:none; } 214 215 /* Responsive */ 216 @media (max-width: 1023px){ 217 .lb-hero{ height: 460px; } 218 .lb-panelBody{ 219 max-height: 100%; 220 grid-template-columns: repeat(3,1fr); 221 } 222 } 223 224 @media (max-width: 520px) { 225 .lb-panelBody{ 226 grid-template-columns: repeat(2,1fr); 227 } 228 } 229 230 @media (max-width: 768px){ 231 .lb-hero{ height: 320px; border-radius: 16px; } 232 .lb-title{ font-size: 18px; } 233 .lb-mRow{ 234 display:flex; 235 gap: 12px; 236 overflow-x: auto; 237 padding-bottom: 6px; 238 -webkit-overflow-scrolling: touch; 239 } 240 .lb-mRow::-webkit-scrollbar{ display:none; } 241 .lb-mItem{ 242 flex: 0 0 78%; 243 } 244 } 245 </style></div></section><section class="w-full"><div class="container md:py-10 py-6"><h2 class="section-heading center">Trending Collections</h2><div class="mt-10"><div class="grid grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4 md:gap-6"><div class="tc-skeleton"><div class="tc-sk-img tc-shimmer"></div><div class="tc-sk-body"><div class="tc-sk-line tc-shimmer" style="width:70%"></div></div></div><div class="tc-skeleton"><div class="tc-sk-img tc-shimmer"></div><div class="tc-sk-body"><div class="tc-sk-line tc-shimmer" style="width:70%"></div></div></div><div class="tc-skeleton"><div class="tc-sk-img tc-shimmer"></div><div class="tc-sk-body"><div class="tc-sk-line tc-shimmer" style="width:70%"></div></div></div><div class="tc-skeleton"><div class="tc-sk-img tc-shimmer"></div><div class="tc-sk-body"><div class="tc-sk-line tc-shimmer" style="width:70%"></div></div></div><div class="tc-skeleton"><div class="tc-sk-img tc-shimmer"></div><div class="tc-sk-body"><div class="tc-sk-line tc-shimmer" style="width:70%"></div></div></div><div class="tc-skeleton"><div class="tc-sk-img tc-shimmer"></div><div class="tc-sk-body"><div class="tc-sk-line tc-shimmer" style="width:70%"></div></div></div></div></div><style> 246 @keyframes tcShimmer { 247 0% { background-position: -200% 0; } 248 100% { background-position: 200% 0; } 249 } 250 .tc-shimmer { 251 background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%); 252 background-size: 200% 100%; 253 animation: tcShimmer 1.4s infinite linear; 254 } 255 .tc-skeleton { 256 border-radius: 12px; 257 overflow: hidden; 258 border: 1px solid rgba(0,0,0,.06); 259 background: #fff; 260 } 261 .tc-sk-img { 262 width: 100%; 263 aspect-ratio: 3 / 4; 264 } 265 .tc-sk-body { 266 padding: 10px; 267 } 268 .tc-sk-line { 269 height: 14px; 270 border-radius: 6px; 271 } 272 </style></div></section><div class="md:py-10 py-6 w-full"><img src="https://materialdepot-images-hbh2cjbvbtfmanhx.z02.azurefd.net/application_image/3d-visualization-banner-web.webp?width=500" alt="Banner Image" class="h-full w-full object-cover"/>
272</div><section class="mlm-root w-full bg-(--background)"><div class="container mlm-section md:py-10 py-6"><div class="mlm-left mlm-sticky"><div><h2 class="section-heading">Our Most Loved Materials</h2><p class="mt-2 text-sm text-gray-600">Click a category to jump to its products.</p><ul class="mlm-menu"></ul></div></div><div class="mlm-right"><div class="mlm-group"><div class="mlm-group-head"><div class="h-5 w-36 rounded bg-gray-200 animate-pulse"></div><div class="h-4 w-20 rounded bg-gray-200 animate-pulse"></div></div><div class="mlm-grid"><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div></div></div><div class="mlm-group"><div class="mlm-group-head"><div class="h-5 w-36 rounded bg-gray-200 animate-pulse"></div><div class="h-4 w-20 rounded bg-gray-200 animate-pulse"></div></div><div class="mlm-grid"><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div></div></div><div class="mlm-group"><div class="mlm-group-head"><div class="h-5 w-36 rounded bg-gray-200 animate-pulse"></div><div class="h-4 w-20 rounded bg-gray-200 animate-pulse"></div></div><div class="mlm-grid"><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div></div></div><div class="mlm-group"><div class="mlm-group-head"><div class="h-5 w-36 rounded bg-gray-200 animate-pulse"></div><div class="h-4 w-20 rounded bg-gray-200 animate-pulse"></div></div><div class="mlm-grid"><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div><div class="mlm-card shimmer-card"></div></div></div></div><div class="mlm-mobile-swiper"><div class="swiper"><div class="swiper-wrapper"></div></div></div><style> 273 .mlm-root { 274 background: var(--background); 275 } 276 277 .mlm-section { 278 display: flex; 279 gap: 2.5rem; 280 align-items: flex-start; 281 } 282 283 .mlm-left { 284 width: 42%; 285 } 286 287 .mlm-right { 288 width: 58%; 289 display: flex; 290 flex-direction: column; 291 gap: 2.2rem; 292 } 293 294 .mlm-sticky { 295 position: sticky; 296 top: 40%; 297 } 298 299 .mlm-menu { 300 list-style: none; 301 padding: 0 0 0 0.8rem; 302 margin-top: 1.25rem; 303 border-left: 2px solid rgba(0, 0, 0, 0.08); 304 display: flex; 305 flex-direction: column; 306 gap: 0.9rem; 307 } 308 309 .mlm-menu-item { 310 color: #6b7280; 311 text-decoration: none; 312 display: inline-block; 313 position: relative; 314 transition: color 0.25s ease; 315 font-size: 16px; 316 } 317 318 .mlm-menu-item:hover { 319 color: #111827; 320 } 321 322 .mlm-menu-item.active { 323 color: #111827; 324 font-weight: 600; 325 } 326 327 .mlm-menu-item.active::before { 328 content: ""; 329 position: absolute; 330 left: -14px; 331 top: 50%; 332 transform: translateY(-50%); 333 width: 3px; 334 height: 100%; 335 background: var(--primary); 336 border-radius: 999px; 337 } 338 339 .mlm-group { 340 scroll-margin-top: 110px; 341 } 342 343 .mlm-group-head { 344 display: flex; 345 align-items: center; 346 justify-content: space-between; 347 margin-bottom: 0.9rem; 348 } 349 350 .mlm-group-title { 351 font-weight: 600; 352 color: #111827; 353 font-size: 18px; 354 } 355 356 .mlm-viewmore { 357 font-size: 13px; 358 color: var(--primary); 359 text-decoration: none; 360 } 361 362 .mlm-viewmore:hover { 363 text-decoration: underline; 364 } 365 366 .mlm-grid { 367 display: grid; 368 grid-template-columns: 1fr 1fr; 369 gap: 1.1rem; 370 } 371 372 .mlm-card { 373 position: relative; 374 overflow: hidden; 375 border-radius: 10px; 376 border: 1px solid rgba(0, 0, 0, 0.12); 377 background: #fff; 378 min-height: 280px; 379 isolation: isolate; 380 transition: 381 transform 0.25s ease, 382 border-color 0.25s ease; 383 } 384 385 .mlm-card:hover { 386 transform: translateY(-2px); 387 border-color: rgba(0, 0, 0, 0.2); 388 } 389 390 .mlm-media { 391 position: absolute; 392 inset: 0; 393 opacity: 1; 394 transform: scale(1); 395 transition: 396 opacity 0.28s ease, 397 transform 0.35s ease; 398 z-index: 1; 399 } 400 401 .mlm-media img { 402 width: 100%; 403 height: 100%; 404 object-fit: cover; 405 display: block; 406 } 407 408 .mlm-media::after { 409 content: ""; 410 position: absolute; 411 inset: 0; 412 background: rgba(0, 0, 0, 0.2); 413 opacity: 1; 414 transition: opacity 0.25s ease; 415 } 416 417 .mlm-content { 418 position: relative; 419 z-index: 2; 420 opacity: 0; 421 transform: translateY(10px); 422 transition: 423 opacity 0.28s ease, 424 transform 0.35s ease; 425 padding: 12px; 426 } 427 428 .mlm-card:hover .mlm-content, 429 .mlm-card:focus-visible .mlm-content { 430 opacity: 1; 431 transform: translateY(0); 432 } 433 434 .mlm-card:hover .mlm-media, 435 .mlm-card:focus-visible .mlm-media { 436 opacity: 0.12; 437 transform: scale(1.02); 438 } 439 440 .mlm-card:hover .mlm-media::after, 441 .mlm-card:focus-visible .mlm-media::after { 442 opacity: 0.1; 443 } 444 445 .mlm-mobile-swiper { 446 display: none; 447 width: 100%; 448 margin-top: 1.25rem; 449 } 450 451 .shimmer-card { 452 min-height: 280px; 453 background: linear-gradient( 454 90deg, 455 #f3f4f6 25%,
456 #e5e7eb 37%, 457 #f3f4f6 63% 458 ); 459 background-size: 400% 100%; 460 animation: shimmer 1.4s ease infinite; 461 } 462 463 .mlm-empty { 464 grid-column: 1 / -1; 465 padding: 18px; 466 border: 1px dashed rgba(0, 0, 0, 0.12); 467 border-radius: 10px; 468 color: #6b7280; 469 font-size: 14px; 470 text-align: center; 471 } 472 473 @keyframes shimmer { 474 0% { 475 background-position: 100% 0; 476 } 477 100% { 478 background-position: -100% 0; 479 } 480 } 481 482 @media (max-width: 768px) { 483 .mlm-section { 484 flex-direction: column; 485 gap: 0.5rem; 486 } 487 488 .mlm-left, 489 .mlm-right { 490 width: 100%; 491 } 492 493 .mlm-sticky { 494 position: static; 495 text-align: center; 496 } 497 498 .mlm-menu { 499 display: none; 500 } 501 502 .mlm-right { 503 display: none; 504 } 505 506 .mlm-mobile-swiper { 507 display: block; 508 } 509 510 .mlm-card { 511 min-height: 150px; 512 border: none; 513 } 514 515 .mlm-card .mlm-content { 516 opacity: 1; 517 transform: none; 518 padding: 0; 519 } 520 521 .mlm-card .mlm-media { 522 opacity: 1; 523 } 524 } 525 </style></div></section><div class="md:py-10 py-6 w-full"><img src="https://materialdepot-images-hbh2cjbvbtfmanhx.z02.azurefd.net/application_image/home-page-see-on-video-call.webp?width=500" alt="Banner Image" class="h-full w-full object-cover"/></div><section class="w-full bg-(--background)"><div class="container md:py-10 py-6"><div class="flex items-end justify-between gap-6 flex-wrap"><div><h2 class="section-heading">Latest Offers,<br/>Best Deals at Arclay</h2><p class="mt-2 text-sm text-gray-600 max-w-xl">Explore ongoing discounts on tiles, sanitaryware & complete project combos â updated regularly.</p></div></div><div class="mt-8 hidden md:grid grid-cols-[1.8fr_1.2fr] gap-6"><div class=""><div class="ss-spotlight" style="background-color:#18336c" role="region" aria-label="Offer spotlight"><div class="ss-spotlight-media"><img src="https://img.freepik.com/free-vector/modern-style-big-sale-banner-template_1017-23977.jpg" alt="Flat 20% OFF On Premium Tiles"/></div><div class="ss-spotlight-overlay"><div class="ss-pill"><span class="ss-dot"></span>Limited Time</div><h3 class="ss-title whitespace-pre-line">Flat 20% OFF 526On Premium Tiles</h3><p class="ss-subtitle">Limited time offer ⢠Best sellers included</p><div class="ss-actions"><a class="ss-primary" aria-label="Explore offer details" href="/offers">Get Offer Details</a><button type="button" class="ss-secondary">Next Offer â</button></div></div></div><div class="ss-progress mt-3"><button type="button" class="ss-dotBtn is-active" aria-label="Show offer 1"></button><button type="button" class="ss-dotBtn " aria-label="Show offer 2"></button><button type="button" class="ss-dotBtn " aria-label="Show offer 3"></button><button type="button" class="ss-dotBtn " aria-label="Show offer 4"></button></div></div><div class=""><div class="ss-list"><button type="button" class="ss-item is-active"><div class="ss-thumb" style="background-color:#18336c" aria-hidden="true"><img src="https://img.freepik.com/free-vector/modern-style-big-sale-banner-template_1017-23977.jpg" alt=""/></div><div class="ss-itemText"><div class="ss-itemKicker">Limited Time</div><div class="ss-itemTitle whitespace-pre-line">Flat 20% OFF 527On Premium Tiles</div></div><span class="ss-chevron" aria-hidden="true">â</span></button><button type="button" class="ss-item "><div class="ss-thumb" style="background-color:#0f2b5f" aria-hidden="true"><img src="https://t3.ftcdn.net/jpg/05/11/91/00/360_F_511910008_TG3PEdmTWbaJkzYnkDwHl7da18ik0xd2.jpg" alt=""/></div><div class="ss-itemText"><div class="ss-itemKicker">Bulk Deal</div><div class="ss-itemTitle whitespace-pre-line">Extra 10% OFF 528On Bulk Orders</div></div><span class="ss-chevron" aria-hidden="true">â</span></button><button type="button" class="ss-item "><div class="ss-thumb" style="background-color:#1b3b7a" aria-hidden="true"><img src="https://www.shutterstock.com/image-vector/megaphone-combo-offer-banner-design-600nw-2184252437.jpg" alt=""/></div><div class="ss-itemText"><div class="ss-itemKicker">Combo</div><div class="ss-itemTitle whitespace-pre-line">Combo Deal
529Tiles + Sanitaryware</div></div><span class="ss-chevron" aria-hidden="true">â</span></button><button type="button" class="ss-item "><div class="ss-thumb" style="background-color:#132e63" aria-hidden="true"><img src="https://png.pngtree.com/png-vector/20220617/ourmid/pngtree-stock-clearance-bannerflyer-or-poster-red-pricetag-promotion-vector-png-image_31722056.jpg" alt=""/></div><div class="ss-itemText"><div class="ss-itemKicker">Clearance</div><div class="ss-itemTitle whitespace-pre-line">Clearance Sale 530Best Prices On Stock</div></div><span class="ss-chevron" aria-hidden="true">â</span></button></div></div></div><div class="md:hidden mt-6"><div class="swiper"><div class="swiper-wrapper"><div class="swiper-slide"><a class="ss-mCard w-full" style="background-color:#18336c" href="/offers"><div class="ss-mMedia"><img src="https://img.freepik.com/free-vector/modern-style-big-sale-banner-template_1017-23977.jpg" alt="Flat 20% OFF On Premium Tiles"/></div><div class="ss-mOverlay"><div class="ss-pill"><span class="ss-dot"></span>Limited Time</div><div class="ss-mTitle whitespace-pre-line">Flat 20% OFF 531On Premium Tiles</div><div class="ss-mSub">Limited time offer ⢠Best sellers included</div><div class="ss-mCta">Get Offer Details<!-- --> â</div></div></a></div><div class="swiper-slide"><a class="ss-mCard w-full" style="background-color:#0f2b5f" href="/contact"><div class="ss-mMedia"><img src="https://t3.ftcdn.net/jpg/05/11/91/00/360_F_511910008_TG3PEdmTWbaJkzYnkDwHl7da18ik0xd2.jpg" alt="Extra 10% OFF On Bulk Orders"/></div><div class="ss-mOverlay"><div class="ss-pill"><span class="ss-dot"></span>Bulk Deal</div><div class="ss-mTitle whitespace-pre-line">Extra 10% OFF 532On Bulk Orders</div><div class="ss-mSub">Perfect for builders ⢠contractors ⢠projects</div><div class="ss-mCta">Request Bulk Quote<!-- --> â</div></div></a></div><div class="swiper-slide"><a class="ss-mCard w-full" style="background-color:#1b3b7a" href="/offers"><div class="ss-mMedia"><img src="https://www.shutterstock.com/image-vector/megaphone-combo-offer-banner-design-600nw-2184252437.jpg" alt="Combo Deal Tiles + Sanitaryware"/></div><div class="ss-mOverlay"><div class="ss-pill"><span class="ss-dot"></span>Combo</div><div class="ss-mTitle whitespace-pre-line">Combo Deal 533Tiles + Sanitaryware</div><div class="ss-mSub">Save more on complete bathroom setup</div><div class="ss-mCta">Get Combo Price<!-- --> â</div></div></a></div><div class="swiper-slide"><a class="ss-mCard w-full" style="background-color:#132e63" href="/products"><div class="ss-mMedia"><img src="https://png.pngtree.com/png-vector/20220617/ourmid/pngtree-stock-clearance-bannerflyer-or-poster-red-pricetag-promotion-vector-png-image_31722056.jpg" alt="Clearance Sale Best Prices On Stock"/></div><div class="ss-mOverlay"><div class="ss-pill"><span class="ss-dot"></span>Clearance</div><div class="ss-mTitle whitespace-pre-line">Clearance Sale 534Best Prices On Stock</div><div class="ss-mSub">Last pieces ⢠fast moving ⢠while stock lasts</div><div class="ss-mCta">View Clearance<!-- --> â</div></div></a></div></div></div><div class="ss-progress mt-3 justify-center"><button type="button" class="ss-dotBtn is-active"></button><button type="button" class="ss-dotBtn "></button><button type="button" class="ss-dotBtn "></button><button type="button" class="ss-dotBtn "></button></div></div><style> 535 /* Spotlight */ 536 .ss-spotlight{ 537 position: relative; 538 border-radius: 20px; 539 overflow: hidden; 540 min-height: 420px; 541 border: 1px solid rgba(0,0,0,.10); 542 isolation: isolate; 543 } 544 545 .ss-spotlight-media{ 546 position: absolute; 547 inset: 0; 548 } 549 .ss-spotlight-media img{ 550 width: 100%; 551 height: 100%; 552 object-fit: cover; 553 transform: scale(1.02); 554 filter: saturate(1.05); 555 } 556 557 .ss-spotlight-media::after{ 558 content:""; 559 position:absolute; 560 inset:0; 561 background: radial-gradient(80% 80% at 80% 80%, rgba(255,255,255,.18) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.68) 100%); 562 } 563 564 .ss-spotlight-overlay{ 565 position: relative; 566 z-index: 2; 567 padding: 28px; 568 height: 100%; 569 display:flex; 570 flex-direction:column; 571 justify-content:flex-end; 572 gap: 12px; 573 color: #fff; 574 } 575 576 .ss-pill{ 577 width: fit-content; 578 display:inline-flex; 579 align-items:center; 580 gap: 10px; 581 padding: 8px 12px; 582 border-radius: 999px; 583 background: rgba(255,255,255,.14); 584 border: 1px solid rgba(255,255,255,.18); 585 backdrop-filter: blur(6px); 586 font-size: 10px; 587 letter-spacing: .2px; 588 } 589 590 .ss-dot{ 591 width: 8px; 592 height: 8px; 593 border-radius: 999px; 594 background: var(--primary); 595 box-shadow: 0 0 0 4px rgba(255,255,255,.12); 596 } 597 598 .ss-title{ 599 font-size: 28px; 600 line-height: 1.12; 601 font-weight: 650; 602 max-width: 560px; 603 } 604 605 .ss-subtitle{ 606 max-width: 560px; 607 font-size: 13px; 608 line-height: 1.4; 609 color: rgba(255,255,255,.88); 610 } 611 612 .ss-actions{ 613 display:flex; 614 gap: 12px; 615 align-items:center; 616 flex-wrap: wrap; 617 margin-top: 6px; 618 } 619 620 .ss-primary{ 621 display:inline-flex; 622 align-items:center; 623 justify-content:center; 624 height: 40px; 625 padding: 0 16px; 626 border-radius: 999px; 627 background: var(--primary); 628 color: #fff; 629 font-weight: 650; 630 font-size: 14px; 631 text-decoration: none; 632 box-shadow: 0 12px 30px rgba(0,0,0,.22); 633 } 634 635 .ss-secondary{ 636 display:inline-flex; 637 align-items:center; 638 justify-content:center; 639 height: 40px; 640 padding: 0 16px; 641 border-radius: 999px; 642 background: rgba(255,255,255,.14); 643 border: 1px solid rgba(255,255,255,.18); 644 color: #fff; 645 font-weight: 650; 646 font-size: 14px; 647 cursor: pointer; 648 } 649 650 /* Right list */ 651 .ss-list{ 652 display:flex; 653 flex-direction:column; 654 gap: 12px; 655 } 656 657 .ss-item{ 658 width: 100%; 659 text-align: left; 660 display:flex; 661 gap: 12px; 662 align-items:center; 663 padding: 12px; 664 border-radius: 16px; 665 border: 1px solid rgba(0,0,0,.10); 666 background: #fff; 667 cursor: pointer; 668 transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; 669 } 670 .ss-item:hover{ 671 transform: translateY(-1px); 672 border-color: rgba(0,0,0,.18); 673 box-shadow: 0 12px 28px rgba(0,0,0,.08); 674 } 675 676 .ss-item.is-active{ 677 border-color: rgba(0,0,0,.22); 678 box-shadow: 0 14px 32px rgba(0,0,0,.10); 679 } 680 681 .ss-thumb{ 682 width: 56px; 683 height: 56px; 684 border-radius: 14px; 685 overflow:hidden; 686 flex: 0 0 auto; 687 border: 1px solid rgba(0,0,0,.10); 688 } 689 .ss-thumb img{ 690 width:100%; 691 height:100%; 692 object-fit: cover; 693 display:block; 694 opacity: .95; 695 } 696 697 .ss-itemText{ 698 flex: 1; 699 min-width: 0; 700 } 701 702 .ss-itemKicker{ 703 font-size: 11px; 704 color: var(--primary); 705 font-weight: 700; 706 margin-bottom: 4px; 707 } 708 709 .ss-itemTitle{ 710 font-weight: 650; 711 color: #111827; 712 font-size: 14px; 713 line-height: 1.2; 714 } 715 716 .ss-chevron{ 717 color: var(--primary); 718 font-weight: 800; 719 flex: 0 0 auto; 720 } 721 722 /* Progress dots */ 723 .ss-progress{ 724 display:flex; 725 gap: 10px; 726 align-items:center; 727 } 728 .ss-dotBtn{ 729 width: 10px; 730 height: 10px; 731 border-radius: 999px; 732 border: 1px solid rgba(0,0,0,.18); 733 background: rgba(0,0,0,.08); 734 cursor:pointer; 735 transition: transform .18s ease, background .18s ease, border-color .18s ease, width .18s ease; 736 } 737 .ss-dotBtn.is-active{ 738 width: 26px; 739 background: var(--primary); 740 border-color: var(--primary); 741 } 742 743 /* Mobile card */ 744 .ss-mCard{ 745 border-radius: 18px; 746 overflow:hidden; 747 position: relative; 748 border: 1px solid rgba(0,0,0,.10); 749 min-height: 320px; 750 background: #111; 751 text-align:left; 752 display:block; 753 text-decoration:none; 754 } 755 756 .ss-mMedia{ 757 position:absolute; 758 inset:0; 759 } 760 .ss-mMedia img{ 761 width:100%; 762 height:100%; 763 object-fit: cover; 764 display:block; 765 } 766 .ss-mMedia::after{ 767 content:""; 768 position:absolute; 769 inset:0; 770 background: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.70)); 771 } 772 773 .ss-mOverlay{ 774 position: relative; 775 z-index: 2; 776 padding: 16px; 777 height: 100%; 778 display:flex; 779 flex-direction:column; 780 justify-content:flex-end; 781 gap: 10px; 782 color:#fff; 783 } 784 785 .ss-mTitle{ 786 font-size: 16px; 787 line-height: 1.15; 788 font-weight: 650; 789 } 790 791 .ss-mSub{ 792 font-size: 12px; 793 color: rgba(255,255,255,.88); 794 line-height: 1.35; 795 } 796 797 .ss-mCta{ 798 margin-top: 4px; 799 font-size: 13px; 800 font-weight: 700; 801 color: #fff; 802 opacity: .95; 803 } 804 805 @media (max-width: 1024px){ 806 .ss-title{ font-size: 30px; } 807 .ss-spotlight{ min-height: 390px; } 808 } 809 </style></div></section><section class="w-full bg-(--background)"><div class="container md:py-12 py-8"><h2 class="section-heading center">What our Clients say!</h2><div class="relative"><div class="relative mx-auto md:w-[70%] w-[90%] h-105 overflow-hidden rounded-xl border border-black/10 px-4 py-7 sm:px-6 bg-cover bg-center" style="background-image:url(https://5.imimg.com/data5/SELLER/Default/2024/3/399014472/LU/OX/JO/69172600/tiles-work-service-500x500.jpeg)"><div class="absolute inset-0 bg-linear-to-b from-black/20 via-black/30 to-black/20"></div><div class="pointer-events-none absolute left-4 top-1 select-none text-[120px] font-black leading-none text-white/55 sm:text-[140px]">â</div><div class="relative z-10 mt-10 flex items-center justify-center gap-3 transition-all duration-500 ease-out"><div class="h-13 w-13 overflow-hidden rounded-full border-[3px] border-white/95 bg-white shadow-[0_10px_25px_rgba(24,51,108,.12)]"><img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=256&q=80" alt="Rohit Mehta" class="h-full w-full object-cover"/>
809</div><div class="text-left"><div class="text-[14px] font-extrabold text-white/80 leading-tight">Rohit Mehta</div><div class="mt-0.5 text-[12px] font-semibold text-white/70">Homeowner ⢠Udaipur</div></div></div></div><div class="group absolute bottom-5 left-0 right-0 z-10 overflow-hidden py-2"><div class="" aria-label="Client testimonials marquee"><div class="twx-track flex w-max gap-3 will-change-transform"><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out border-(--primary)/30 shadow-[0_14px_35px_rgba(2,6,23,.10)] -translate-y-1.5 scale-[1.06]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Rohit Mehta</div><div class="mt-0.5 text-[11px] font-semibold text-white">Homeowner ⢠Udaipur</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Tiles quality is excellent and the finish looks very premium. The team helped us choose the right size and design. Delivery was on time and the final look is amazing.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Neha Sharma</div><div class="mt-0.5 text-[11px] font-semibold text-white">Homeowner ⢠Jaipur</div></div></div><div class="text-[12.5px] leading-relaxed text-white">We upgraded sanitaryware and tiles together. The combo suggestion saved our budget and the bathroom looks super clean and modern now. Great support throughout.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://img.freepik.com/free-photo/cheerful-indian-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-129417.jpg" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Aman Singh</div><div class="mt-0.5 text-[11px] font-semibold text-white">Contractor ⢠Ahmedabad</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Huge variety in laminates and tiles. Got quick guidance on WhatsApp and shortlisted the best options. Final result looks classy in our living area.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/>
809</div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Pooja Verma</div><div class="mt-0.5 text-[11px] font-semibold text-white">Homeowner ⢠Jodhpur</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Pricing was transparent and the quality is really good. We were confused between two designs but your team made it easy. Highly recommended.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Rahul Jain</div><div class="mt-0.5 text-[11px] font-semibold text-white">Builder ⢠Kota</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Best thing is their guidance. They suggested correct tile size and finish for our project. Strong service and quick delivery.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Rohit Mehta</div><div class="mt-0.5 text-[11px] font-semibold text-white">Homeowner ⢠Udaipur</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Tiles quality is excellent and the finish looks very premium. The team helped us choose the right size and design. Delivery was on time and the final look is amazing.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Neha Sharma</div><div class="mt-0.5 text-[11px] font-semibold text-white">Homeowner ⢠Jaipur</div></div></div><div class="text-[12.5px] leading-relaxed text-white">We upgraded sanitaryware and tiles together. The combo suggestion saved our budget and the bathroom looks super clean and modern now. Great support throughout.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://img.freepik.com/free-photo/cheerful-indian-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-129417.jpg" alt="" class="h-full w-full object-cover"/>
809</div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Aman Singh</div><div class="mt-0.5 text-[11px] font-semibold text-white">Contractor ⢠Ahmedabad</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Huge variety in laminates and tiles. Got quick guidance on WhatsApp and shortlisted the best options. Final result looks classy in our living area.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Pooja Verma</div><div class="mt-0.5 text-[11px] font-semibold text-white">Homeowner ⢠Jodhpur</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Pricing was transparent and the quality is really good. We were confused between two designs but your team made it easy. Highly recommended.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Rahul Jain</div><div class="mt-0.5 text-[11px] font-semibold text-white">Builder ⢠Kota</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Best thing is their guidance. They suggested correct tile size and finish for our project. Strong service and quick delivery.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Rohit Mehta</div><div class="mt-0.5 text-[11px] font-semibold text-white">Homeowner ⢠Udaipur</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Tiles quality is excellent and the finish looks very premium. The team helped us choose the right size and design. Delivery was on time and the final look is amazing.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/>
809</div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Neha Sharma</div><div class="mt-0.5 text-[11px] font-semibold text-white">Homeowner ⢠Jaipur</div></div></div><div class="text-[12.5px] leading-relaxed text-white">We upgraded sanitaryware and tiles together. The combo suggestion saved our budget and the bathroom looks super clean and modern now. Great support throughout.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://img.freepik.com/free-photo/cheerful-indian-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-129417.jpg" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Aman Singh</div><div class="mt-0.5 text-[11px] font-semibold text-white">Contractor ⢠Ahmedabad</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Huge variety in laminates and tiles. Got quick guidance on WhatsApp and shortlisted the best options. Final result looks classy in our living area.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Pooja Verma</div><div class="mt-0.5 text-[11px] font-semibold text-white">Homeowner ⢠Jodhpur</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Pricing was transparent and the quality is really good. We were confused between two designs but your team made it easy. Highly recommended.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div><div class="relative md:w-90 w-65 min-h-42.5 rounded-xl border border-black/10 bg-(--primary)/30 backdrop-blur-md p-4 text-left transition-all duration-500 ease-out scale-[.96] opacity-[.92]"><div class="mb-2.5 flex items-center gap-2.5"><div class="h-8.5 w-8.5 overflow-hidden rounded-full border-2 border-(--primary)/10 bg-white"><img src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=256&q=80" alt="" class="h-full w-full object-cover"/></div><div class="min-w-0"><div class="text-[13px] font-extrabold text-white leading-tight">Rahul Jain</div><div class="mt-0.5 text-[11px] font-semibold text-white">Builder ⢠Kota</div></div></div><div class="text-[12.5px] leading-relaxed text-white">Best thing is their guidance. They suggested correct tile size and finish for our project. Strong service and quick delivery.</div><div class="pointer-events-none absolute bottom-1.5 right-3 text-[48px] font-black leading-none text-white/55">â</div></div></div></div></div></div><style> 810 .twx-track{ 811 animation: twx-marq 21s linear infinite; 812 } 813 @keyframes twx-marq{ 814 0%{ transform: translateX(0); } 815 100%{ transform: translateX(-33.333%); } 816 } 817 @media (max-width: 768px){ 818 .twx-track{ animation-duration: 18s; } 819 } 820 </style></div></section><div class="py-4 md:py-6"></div><section class="w-full relative"><button type="button" aria-label="Previous slide" class="absolute z-20 top-1/2 -translate-y-1/2 left-2 md:left-3 h-10 w-10 md:h-12 md:w-12 rounded-full transition-all duration-300 cursor-pointer flex items-center justify-center group/btn 821 bg-white/40 hover:bg-white/60 backdrop-blur-md border border-white/50 hover:border-white/80 822 shadow-lg hover:shadow-xl hover:scale-110 active:scale-95 823 hero-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-5 h-5 md:w-6 md:h-6 text-white drop-shadow-md transition-transform group-hover/btn:scale-110" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button type="button" aria-label="Next slide" class="absolute z-20 top-1/2 -translate-y-1/2 right-2 md:right-3 h-10 w-10 md:h-12 md:w-12 rounded-full transition-all duration-300 cursor-pointer flex items-center justify-center group/btn 824 bg-white/40 hover:bg-white/60 backdrop-blur-md border border-white/50 hover:border-white/80 825 shadow-lg hover:shadow-xl hover:scale-110 active:scale-95 826 hero-next"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5 md:w-6 md:h-6 text-white drop-shadow-md transition-transform group-hover/btn:scale-110" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button><div class="swiper hero-swiper"><div class="swiper-wrapper"><div class="swiper-slide"><div class="relative w-full h-70 md:h-80 lg:h-100 overflow-hidden"><img src="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-7.webp" alt="Hero banner 1" class="h-full w-full object-cover" loading="eager"/></div></div><div class="swiper-slide"><div class="relative w-full h-70 md:h-80 lg:h-100 overflow-hidden"><img src="https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-3.webp" alt="Hero banner 2" class="h-full w-full object-cover" loading="lazy"/></div></div></div><div class="swiper-pagination"></div></div></section><div class="py-4 md:py-6"></div><section class="w-full"><div class="container md:py-10 py-6"><div class="grid grid-cols-1 lg:grid-cols-[1.2fr_.8fr] gap-6 lg:gap-8"><div class="relative rounded-xl overflow-hidden bg-gray-100"><img src="https://content.jdmagicbox.com/comp/udaipur-rajasthan/f8/9999px294.x294.240102134823.a7f8/catalogue/05excww4d01ln9h-hzswxbmsrb.jpg" alt="Store" class="w-full h-100 sm:h-137.5 lg:h-130 object-cover" loading="lazy"/><div class="absolute left-0 right-0 bottom-0 bg-white/75 backdrop-blur-sm border-t border-black/10"><div class="grid grid-cols-3 place-items-start sm:gap-3 gap-1 sm:p-3 p-1"><button type="button" class="text-left rounded-lg sm:p-3 p-1 transition border bg-white border-gray-900/30"><div class="flex items-start sm:gap-2 gap-1"><span class="mt-1.5 sm:h-3 sm:w-3 h-1.5 w-1.5 rounded-full border shrink-0 border-gray-900 bg-gray-900"></span><div class="min-w-0"><div class="sm:text-sm text-xs font-semibold text-gray-900">Arclay (Head Branch)</div><div class="mt-1 sm:text-xs text-[10px] text-gray-700 leading-snug line-clamp-3">Behind DPS, New RTO Road, Udaipur, Rajasthan - 313001, India</div></div></div></button><button type="button" class="text-left rounded-lg sm:p-3 p-1 transition border bg-white/70 border-transparent hover:border-gray-300"><div class="flex items-start sm:gap-2 gap-1"><span class="mt-1.5 sm:h-3 sm:w-3 h-1.5 w-1.5 rounded-full border shrink-0 border-gray-500 bg-transparent"></span><div class="min-w-0"><div class="sm:text-sm text-xs font-semibold text-gray-900">Arclay Sanitary (Head Branch)</div><div class="mt-1 sm:text-xs text-[10px] text-gray-700 leading-snug line-clamp-3">In front of Royal Garden, Rampura, Udaipur, Rajasthan - 313001, India</div></div></div></button><button type="button" class="text-left rounded-lg sm:p-3 p-1 transition border bg-white/70 border-transparent hover:border-gray-300"><div class="flex items-start sm:gap-2 gap-1"><span class="mt-1.5 sm:h-3 sm:w-3 h-1.5 w-1.5 rounded-full border shrink-0 border-gray-500 bg-transparent"></span><div class="min-w-0"><div class="sm:text-sm text-xs font-semibold text-gray-900">Arclay - Bhuwana</div><div class="mt-1 sm:text-xs text-[10px] text-gray-700 leading-snug line-clamp-3">Bhuwana Circle, Udaipur, Rajasthan - 313001, India</div></div></div></button></div></div></div><div class="rounded-xl bg-(--primary)/20 p-4 sm:p-6 lg:p-7"><h2 class="section-heading">Experience Awaits!</h2><form class="mt-6 space-y-6"><div class="w-full"><div class="relative rounded-xl bg-white/25 px-4 pt-3 pb-2 border border-black/10 transition-all duration-200 focus-within:border-(--primary)/40 focu
826s-within:bg-white/35"><input type="text" id="_R_1lpbqbb_" class="peer w-full bg-transparent outline-none text-sm text-gray-900 placeholder-transparent border-b border-black/20 focus:border-(--primary) transition-colors duration-200 pl-0 pr-0 py-3" placeholder=" " value=""/><label for="_R_1lpbqbb_" class="absolute left-4 left-4 top-1/2 -translate-y-1/2 text-sm text-gray-700 transition-all duration-200 pointer-events-none peer-focus:top-3 peer-focus:translate-y-0 peer-focus:text-[11px] peer-focus:text-(--primary) peer-not-placeholder-shown:top-3 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-[11px] peer-not-placeholder-shown:text-gray-700">Full Name<!-- --> </label><span class="pointer-events-none absolute left-4 right-4 bottom-2 h-0.5 rounded-full bg-(--primary) scale-x-0 origin-left transition-transform duration-300 peer-focus:scale-x-100"></span></div></div><div class="w-full"><div class="relative rounded-xl bg-white/25 px-4 pt-3 pb-2 border border-black/10 transition-all duration-200 focus-within:border-(--primary)/40 focus-within:bg-white/35"><div class="absolute left-4 top-1/2 -translate-y-1/2 text-sm text-gray-700"><span>+91</span></div><input type="tel" inputMode="numeric" maxLength="10" id="_R_2lpbqbb_" class="peer w-full bg-transparent outline-none text-sm text-gray-900 placeholder-transparent border-b border-black/20 focus:border-(--primary) transition-colors duration-200 pl-10 pr-0 py-3" placeholder=" " value=""/><label for="_R_2lpbqbb_" class="absolute left-4 left-10 top-1/2 -translate-y-1/2 text-sm text-gray-700 transition-all duration-200 pointer-events-none peer-focus:top-3 peer-focus:translate-y-0 peer-focus:text-[11px] peer-focus:text-(--primary) peer-not-placeholder-shown:top-3 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-[11px] peer-not-placeholder-shown:text-gray-700">Mobile Number<!-- --> <span class="text-red-500">*</span></label><span class="pointer-events-none absolute left-4 right-4 bottom-2 h-0.5 rounded-full bg-(--primary) scale-x-0 origin-left transition-transform duration-300 peer-focus:scale-x-100"></span></div></div><div class="w-full space-y-1"><label class="block text-[11px] font-medium text-gray-500">Experience Centre <span class="text-red-500">*</span></label><div class="relative "><button type="button" class="w-full flex items-center justify-between gap-2 rounded-xl border bg-white px-4 py-2.5 text-sm text-left transition-all duration-200 outline-none cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed border-black/15 hover:border-black/25"><span class="truncate text-gray-900 font-medium">Arclay (Head Branch)</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-gray-400 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-6"><div class="w-full"><div class="relative rounded-xl bg-white/25 px-4 pt-3 pb-2 border border-black/10 transition-all duration-200 focus-within:border-(--primary)/40 focus-within:bg-white/35"><input type="date" min="2026-07-18" id="_R_klpbqbb_" class="peer w-full bg-transparent outline-none text-sm text-gray-900 placeholder-transparent border-b border-black/20 focus:border-(--primary) transition-colors duration-200 pl-0 pr-10 py-3" placeholder=" " value=""/><label for="_R_klpbqbb_" class="absolute left-4 left-4 top-1/2 -translate-y-1/2 text-sm text-gray-700 transition-all duration-200 pointer-events-none peer-focus:top-3 peer-focus:translate-y-0 peer-focus:text-[11px] peer-focus:text-(--primary) peer-not-placeholder-shown:top-3 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-[11px] peer-not-placeholder-shown:text-gray-700">Preferred Date<!-- --> <span class="text-red-500">*</span></label><div class="absolute right-4 top-1/2 -translate-y-1/2 text-gray-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-days h-4 w-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg></div><span class="pointer-events-none absolute left-4 right-4 bottom-2 h-0.5 rounded-full bg-(--primary) scale-x-0 origin-left transition-transform duration-300 peer-focus:scale-x-100"></span></div></div><div class="w-full"><div class="relative rounded-xl bg-white/25 px-4 pt-3 pb-2 border border-black/10 transition-all duration-200 focus-within:border-(--primary)/40 focu
826s-within:bg-white/35"><input type="time" id="_R_14lpbqbb_" class="peer w-full bg-transparent outline-none text-sm text-gray-900 placeholder-transparent border-b border-black/20 focus:border-(--primary) transition-colors duration-200 pl-0 pr-10 py-3" placeholder=" " value=""/><label for="_R_14lpbqbb_" class="absolute left-4 left-4 top-1/2 -translate-y-1/2 text-sm text-gray-700 transition-all duration-200 pointer-events-none peer-focus:top-3 peer-focus:translate-y-0 peer-focus:text-[11px] peer-focus:text-(--primary) peer-not-placeholder-shown:top-3 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-[11px] peer-not-placeholder-shown:text-gray-700">Preferred Time<!-- --> <span class="text-red-500">*</span></label><div class="absolute right-4 top-1/2 -translate-y-1/2 text-gray-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-4 w-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg></div><span class="pointer-events-none absolute left-4 right-4 bottom-2 h-0.5 rounded-full bg-(--primary) scale-x-0 origin-left transition-transform duration-300 peer-focus:scale-x-100"></span></div></div></div><label class="flex items-start gap-3 text-xs text-gray-700 leading-relaxed"><input type="checkbox" class="mt-1"/><span>I authorise Arclay and its associates to contact me with updates & notifications via SMS, WhatsApp, and voice call. This consent will override any registration for DNC / NDNC.</span></label><button type="submit" class="btn-17 primary-btn w-full h-12 flex! items-center! justify-center! gap-2! text-sm!"><span class="text-container"><span class="text w-full h-12 flex! items-center! justify-center! gap-2! text-sm!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-days h-4 w-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg>Schedule Now</span></span></button><div class="pt-2 text-xs text-gray-700"><span class="font-semibold text-gray-900">Selected:</span> <!-- -->Arclay (Head Branch)</div></form></div></div></div></section><!--$--><!--/$--></div><footer class="bg-gray-50 text-gray-800 border-t border-gray-200"><div class="container py-6 md:py-10"><div class="grid grid-cols-1 md:grid-cols-6 gap-8"><div class="md:col-span-2"><div class="flex items-center gap-3"><div class="w-44 sm:w-[220px]"><img alt="Arclay" loading="lazy" width="220" height="80" decoding="async" data-nimg="1" class="w-full h-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Flogo%2Farclay-logo.webp&w=256&q=75 1x, /_next/image?url=%2Flogo%2Farclay-logo.webp&w=640&q=75 2x" src="/_next/image?url=%2Flogo%2Farclay-logo.webp&w=640&q=75"/></div></div><p class="mt-4 text-sm text-gray-600 leading-relaxed">Premium tiles, laminates, flooring & interior solutions â curated for modern homes and commercial spaces.</p><div class="mt-5 space-y-3"><a href="tel:+917615919579" class="group flex items-center gap-3 text-sm text-gray-700 transition mb-1"><span class="h-9 w-9 rounded-full bg-(--primary)/10 border border-(--primary)/20 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-4 h-4 text-(--primary)" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></span><span class="font-medium leading-snug">+91 7615919579, +91 9829666015</span></a><a href="mailto:[email protected]" class="group flex items-center gap-3 text-sm text-gray-700 transition mb-1"><span class="h-9 w-9 rounded-full bg-(--primary)/10 border border-(--primary)/20 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4 text-(--primary)" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></span><span class="font-medium">[email protected]</span></a><a class="flex items-center gap-3 text-sm text-gray-700" target="_blank" rel="noopener noreferrer" href="https://www.google.com/maps/place/Arclay+LLP/@24.6270426,73.709088,203m/data=!3m1!1e3!4m6!3m5!1s0x3967e50e543dbd2b:0x18d5eb8952ef0e17!8m2!3d24.6268239!4d73.709616!16s%2Fg%2F11njs_9c7g!18m1!1e1?entry=ttu&g_ep=EgoyMDI2MDYxNi4wIKXMDSoASAFQAw%3D%3D"><span class="h-9 w-9 rounded-full bg-(--primary)/10 border border-(--primary)/20 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-4 h-4 text-(--primary)" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></span><span class="text-gray-600">Arclay LLP, New Navratan Rd, near bhuvana circle, Udaipur, Rajasthan 313001</span></a></div><div class="mt-4 flex items-center gap-3"><a href="#" class="group h-10 w-10 rounded-full bg-white border border-gray-200 flex items-center justify-center transition hover:border-(--primary)/40 hover:bg-(--primary)/10 hover:-translate-y-0.5 hover:shadow-[0_10px_25px_rgba(0,0,0,.08)]" aria-label="Instagram"><span class="text-gray-700 group-hover:text-(--primary) transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram w-5 h-5" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></span></a><a href="#" class="group h-10 w-10 rounded-full bg-white border border-gray-200 flex items-center justify-center transition hover:border-(--primary)/40 hover:bg-(--primary)/10 hover:-translate-y-0.5 hover:shadow-[0_10px_25px_rgba(0,0,0,.08)]" aria-label="Facebook"><span class="text-gray-700 group-hover:text-(--primary) transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook w-
8265 h-5" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></span></a><a href="#" class="group h-10 w-10 rounded-full bg-white border border-gray-200 flex items-center justify-center transition hover:border-(--primary)/40 hover:bg-(--primary)/10 hover:-translate-y-0.5 hover:shadow-[0_10px_25px_rgba(0,0,0,.08)]" aria-label="YouTube"><span class="text-gray-700 group-hover:text-(--primary) transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube w-5 h-5" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></span></a><a href="#" class="group h-10 w-10 rounded-full bg-white border border-gray-200 flex items-center justify-center transition hover:border-(--primary)/40 hover:bg-(--primary)/10 hover:-translate-y-0.5 hover:shadow-[0_10px_25px_rgba(0,0,0,.08)]" aria-label="LinkedIn"><span class="text-gray-700 group-hover:text-(--primary) transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-5 h-5" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></span></a></div></div><div class="md:col-span-4"><div class="grid grid-cols-2 gap-6 md:grid-cols-3"><div><h4 class="text-sm md:text-lg font-semibold text-gray-900">Shop</h4><ul class="mt-4 space-y-2 text-sm text-gray-600"></ul></div><div><h4 class="text-sm md:text-lg font-semibold text-gray-900">Company</h4><ul class="mt-4 space-y-2 text-sm text-gray-600"><li><a class="footerLink" href="/about-us">About Us</a></li><li><a class="footerLink" href="/visit-store">Visit Store</a></li><li><a class="footerLink" href="/contact-us">Contact</a></li><li><a class="footerLink" href="/faqs">FAQs</a></li></ul></div><div><h4 class="text-sm md:text-lg font-semibold text-gray-900">Support</h4><ul class="mt-4 space-y-2 text-sm text-gray-600"><li><a class="footerLink" href="/shipping-delivery">Shipping & Delivery</a></li><li><a class="footerLink" href="/returns">Returns</a></li><li><a class="footerLink" href="/privacy-policy">Privacy Policy</a></li><li><a class="footerLink" href="/terms-conditions">Terms & Conditions</a></li></ul></div><div class="md:block hidden"></div><div class="col-span-2 md:col-span-2"><h4 class="text-sm md:text-lg font-semibold text-gray-900">Get Updates</h4><p class="mt-4 text-sm text-gray-600">New arrivals, offers, and inspiration - straight to your inbox.</p><div class="mt-4 flex w-full min-w-0"><input type="email" placeholder="Enter your email" class="min-w-0 flex-1 border px-3 sm:px-4 h-11 w-full rounded-l-lg outline-none" value=""/><button class="h-11 w-14 shrink-0 bg-(--primary) text-white rounded-r-lg flex items-center justify-center disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div><p class="mt-2 text-[11px] text-gray-500">By subscribing you agree to receive updates from Arclay.</p></div></div></div><style> 827 .footerLink{ 828 position: relative; 829 display:inline-block; 830 color:#4b5563; 831 text-decoration:none; 832 transition:color .2s, transform .2s; 833 } 834 835 .footerLink:hover{ 836 color:var(--primary); 837 transform:translateX(3px); 838 } 839 840 .footerSocial{ 841 height:40px; 842 width:40px; 843 border-radius:50%; 844 background:white; 845 border:1px solid #e5e7eb; 846 display:flex; 847 align-items:center; 848 justify-content:center; 849 transition:.2s; 850 } 851 852 .footerSocial:hover{ 853 background:var(--primary); 854 color:white; 855 } 856 </style></div></div><div class="border-t border-gray-200 bg-white"><div class="container py-4 flex flex-col md:flex-row items-center justify-between gap-2"><p class="text-xs text-gray-500"><strong>Arclay</strong>© <!-- -->2026<!-- -->. Designed & Developed by<!-- --> <strong><a href="https://warrgyizmorsch.com/" target="_blank" rel="noopener noreferrer">Warrgyizmorsch Pvt Ltd.</a></strong></p><div class="flex items-center gap-4 text-xs text-gray-600"><a class="footerLink" href="/privacy-policy">Privacy</a><a class="footerLink" href="/terms-conditions">Terms</a><a class="footerLink" href="/returns">Returns</a></div></div></div></footer><div class="fixed inset-0 z-150 bg-black/55 transition-opacity duration-300 ease-in-out opacity-0 pointer-events-none"></div><div class="fixed right-0 top-0 bottom-0 z-160 w-full max-w-md bg-white shadow-2xl flex flex-col transition-transform duration-300 ease-in-out transform will-change-transform translate-x-full"><div class="flex items-center justify-between border-b border-black/10 px-6 py-5 bg-gray-50"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5 text-(--primary)" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><h3 class="text-lg font-semibold text-gray-900">Project Lists</h3><span class="rounded-full bg-(--primary)/10 text-(--primary) px-2 py-0.5 text-xs font-semibold">0</span></div><button type="button" class="h-8 w-8 rounded-full border border-black/10 bg-white hover:bg-gray-100 flex items-center justify-center cursor-pointer transition shrink-0" aria-label="Close drawer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-4 w-4 text-gray-600" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div><div class="flex-1 overflow-y-auto p-6 space-y-6 no-scrollbar"><div class="h-full flex flex-col items-center justify-center text-center px-4"><div class="flex h-16 w-16 items-center justify-center rounded-full bg-gray-100 border border-gray-200 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-8 w-8 text-gray-400" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div><h4 class="text-base font-semibold text-gray-900">Your wishlists are empty</h4><p class="mt-2 text-xs text-gray-500 max-w-xs leading-relaxed">Add premium tiles and surface designs to your project lists while browsing.</p><button type="button" class="mt-6 flex items-center gap-1.5 px-5 py-2 text-xs font-semibold text-white bg-(--primary) hover:bg-(--primary)/90 rounded-lg transition cursor-pointer">Browse Products<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="border-t border-black/10 p-6 bg-gray-50 space-y-3 flex flex-col gap-2 "><div class="flex justify-between text-sm font-semibold text-gray-900"><span>Total Products</span><span>0</span></div><button type="button" class="btn-17 primary-btn w-full"><span class="text-container"><span class="text w-full">Create Quotation</span></span></button></div></div><a href="https://wa.me/917615919579" target="_blank" rel="noopener noreferrer" class="fixed bottom-6 right-6 z-50 w-12 h-12 sm:w-14 sm:h-14 bg-[#25D366] rounded-full flex items-center justify-center shadow-2xl text-white hover:scale-110 active:scale-95 transition-transform duration-200 cursor-pointer" aria-label="Chat on WhatsApp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="w-6 h-6 sm:w-7 sm:h-7" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg></a></div><div class="fixed top-6 right-6 w-auto pointer-events-none z-[10000] flex flex-col gap-3 items-end"></div>
856<script src="/_next/static/chunks/f1b4d49aa9e249c5.js" id="_R_" async=""></script>
856<script>(self.__next_f=self.__next_f||[]).push([0])</script>
856<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[21137,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\",\"/_next/static/chunks/f4d623b17b02c37b.js\",\"/_next/static/chunks/6718f07bd2beb420.js\",\"/_next/static/chunks/d90686d9a6cffaca.js\"],\"default\"]\n4:I[48603,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\",\"/_next/static/chunks/f4d623b17b02c37b.js\",\"/_next/static/chunks/6718f07bd2beb420.js\",\"/_next/static/chunks/d90686d9a6cffaca.js\"],\"default\"]\n5:I[5674,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\",\"/_next/static/chunks/f4d623b17b02c37b.js\",\"/_next/static/chunks/6718f07bd2beb420.js\",\"/_next/static/chunks/d90686d9a6cffaca.js\"],\"default\"]\n6:I[61755,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\",\"/_next/static/chunks/f4d623b17b02c37b.js\",\"/_next/static/chunks/6718f07bd2beb420.js\",\"/_next/static/chunks/d90686d9a6cffaca.js\"],\"default\"]\n7:I[78981,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\",\"/_next/static/chunks/f4d623b17b02c37b.js\",\"/_next/static/chunks/6718f07bd2beb420.js\",\"/_next/static/chunks/d90686d9a6cffaca.js\"],\"default\"]\n8:I[46478,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\",\"/_next/static/chunks/f4d623b17b02c37b.js\",\"/_next/static/chunks/6718f07bd2beb420.js\",\"/_next/static/chunks/d90686d9a6cffaca.js\"],\"default\"]\n9:I[43461,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\",\"/_next/static/chunks/f4d623b17b02c37b.js\",\"/_next/static/chunks/6718f07bd2beb420.js\",\"/_next/static/chunks/d90686d9a6cffaca.js\"],\"default\"]\na:I[195,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\",\"/_next/static/chunks/f4d623b17b02c37b.js\",\"/_next/static/chunks/6718f07bd2beb420.js\",\"/_next/static/chunks/d90686d9a6cffaca.js\"],\"default\"]\nb:I[80784,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\",\"/_next/static/chunks/f4d623b17b02c37b.js\",\"/_next/static/chunks/6718f07bd2beb420.js\",\"/_next/static/chunks/d90686d9a6cffaca.js\"],\"default\"]\nc:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"OutletBoundary\"]\nd:\"$Sreact.suspense\"\nf:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3e
856ce3fbe.js\"],\"ViewportBoundary\"]\n11:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"MetadataBoundary\"]\n13:I[68027,[],"])</script>
856<script>self.__next_f.push([1,"\"default\"]\n:HL[\"/_next/static/chunks/18bb3ef2cb47a7f6.css\",\"style\"]\n:HL[\"/_next/static/chunks/16d83f30af843ccc.css\",\"style\"]\n:HL[\"/_next/static/media/1b99372b3eaef0c8-s.p.758e15a8.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/a1e5fa1e2c51ff5d.css\",\"style\"]\n:HL[\"/_next/static/chunks/163f657a16afbe5e.css\",\"style\"]\n:HL[\"/_next/static/chunks/30718e32e17299a4.css\",\"style\"]\n:HL[\"https://materialdepot-images-hbh2cjbvbtfmanhx.z02.azurefd.net/application_image/3d-visualization-banner-web.webp?width=500\",\"image\"]\n:HL[\"https://materialdepot-images-hbh2cjbvbtfmanhx.z02.azurefd.net/application_image/home-page-see-on-video-call.webp?width=500\",\"image\"]\n"])</script>
856<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"neAxrkZ83MK3cnK-H5GLD\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/18bb3ef2cb47a7f6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/16d83f30af843ccc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/13aa20fce732421f.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/353968e4d31a538d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/975f21e13acb3340.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/30b56149aa38cf0a.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/b55491d4d000d818.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$L3\",null,{\"slides\":[\"https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-2.webp\",\"https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-1.webp\",\"https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-4.webp\",\"https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-3.webp\",\"https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-5.webp\",\"https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-6.webp\"]}],[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"div\",null,{\"className\":\"md:py-10 py-6 w-full\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://materialdepot-images-hbh2cjbvbtfmanhx.z02.azurefd.net/application_image/3d-visualization-banner-web.webp?width=500\",\"alt\":\"Banner Image\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"$L8\",null,{}],[\"$\",\"div\",null,{\"className\":\"md:py-10 py-6 w-full\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://materialdepot-images-hbh2cjbvbtfmanhx.z02.azurefd.net/application_image/home-page-see-on-video-call.webp?width=500\",\"alt\":\"Banner Image\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"div\",null,{\"className\":\"py-4 md:py-6\"}],[\"$\",\"$L3\",null,{\"slides\":[\"https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-7.webp\",\"https://villeroy-boch-tiles.com/wp-content/uploads/2024/08/MARBLE-WOOD-SELECTION-header-3.webp\"]}],[\"$\",\"div\",null,{\"className\":\"py-4 md:py-6\"}],[\"$\",\"$Lb\",null,{}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/a1e5fa1e2c51ff5d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/163f657a16afbe5e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/30718e32e17299a4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/f4d623b17b02c37b.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/6718f07bd2beb420.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/d90686d9a6cffaca.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@e\"}]}]]}],{}
856,null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L12\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$13\",[]],\"S\":true}\n"])</script>
856<script>self.__next_f.push([1,"14:I[35716,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\"],\"AuthProvider\"]\n15:I[1397,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\"],\"MastersProvider\"]\n16:I[19486,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\"],\"ToastProvider\"]\n17:I[82764,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\"],\"WishlistProvider\"]\n18:I[57055,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\"],\"default\"]\n19:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n1a:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n1b:I[5083,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\"],\"default\"]\n1c:I[47621,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\"],\"default\"]\n1d:I[63592,[\"/_next/static/chunks/13aa20fce732421f.js\",\"/_next/static/chunks/353968e4d31a538d.js\",\"/_next/static/chunks/d5ff169b59a87a4c.js\",\"/_next/static/chunks/975f21e13acb3340.js\",\"/_next/static/chunks/30b56149aa38cf0a.js\",\"/_next/static/chunks/b55491d4d000d818.js\"],\"default\"]\n"])</script>
856<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"outfit_1fb462b0-module__6gx7aG__variable antialiased\",\"children\":[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$L17\",null,{\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"$L18\",null,{}],[\"$\",\"div\",null,{\"className\":\"min-h-screen\",\"children\":[\"$\",\"$L19\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1a\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L1b\",null,{}],[\"$\",\"$L1c\",null,{}],[\"$\",\"$L1d\",null,{}],[\"$\",\"a\",null,{\"href\":\"https://wa.me/917615919579\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"fixed bottom-6 right-6 z-50 w-12 h-12 sm:w-14 sm:h-14 bg-[#25D366] rounded-full flex items-center justify-center shadow-2xl text-white hover:scale-110 active:scale-95 transition-transform duration-200 cursor-pointer\",\"aria-label\":\"Chat on WhatsApp\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"className\":\"w-6 h-6 sm:w-7 sm:h-7\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]]}]}]}]}]}]}]}]\n"])</script>
856<script>self.__next_f.push([1,"10:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
856<script>self.__next_f.push([1,"1e:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"IconMark\"]\ne:null\n12:[[\"$\",\"title\",\"0\",{\"children\":\"Arclay | | The art of surfaces\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Explore premium vitrified tiles, engineered wood flooring, and interior surface solutions. Expertly crafted for modern living and architectural excellence.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.60691206.ico\",\"sizes\":\"32x31\",\"type\":\"image/x-icon\"}],[\"$\",\"$L1e\",\"3\",{}]]\n"])</script>
856</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.