PageSourceSearch

https://bharat-ceramic.vercel.app/

html bharat-ceramic.vercel.app collected 2026-10-03 06:16:11 UTC 119,160 bytes, 856 lines download raw bytes

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&amp;fit=crop&amp;w=256&amp;q=80"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;q=80"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&amp;fit=crop&amp;w=256&amp;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&amp;w=256&amp;q=75 1x, /_next/image?url=%2Flogo%2Farclay-logo.webp&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Flogo%2Farclay-logo.webp&amp;w=640&amp;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&amp;w=256&amp;q=75 1x, /_next/image?url=%2Flogo%2Farclay-logo.webp&amp;w=384&amp;q=75 2x" src="/_next/image?url=%2Flogo%2Farclay-logo.webp&amp;w=384&amp;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&amp;w=256&amp;q=75 1x, /_next/image?url=%2Flogo%2Farclay-logo.webp&amp;w=384&amp;q=75 2x" src="/_next/image?url=%2Flogo%2Farclay-logo.webp&amp;w=384&amp;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 &amp; 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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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&amp;fit=crop&amp;w=256&amp;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 &amp; 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&amp;w=256&amp;q=75 1x, /_next/image?url=%2Flogo%2Farclay-logo.webp&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Flogo%2Farclay-logo.webp&amp;w=640&amp;q=75"/></div></div><p class="mt-4 text-sm text-gray-600 leading-relaxed">Premium tiles, laminates, flooring &amp; 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&amp;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 &amp; 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 &amp; 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 &amp; 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.