Tiles & Home Essentials | Search. Order. Deliver.<\/title>\n <meta name=\"description\" content=\"Search tiles, panels, bathroom essentials, doors and finishing materials. Product-first ordering portal with delivery coverage, COD-only checkout and staff confirmation before fulfillment.\">\n <meta name=\"robots\" content=\"index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1\">\n <link rel=\"canonical\" href=\"https:\/\/tilesandhomeessentials.com\/\">\n\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:locale\" content=\"en_PH\">\n <meta property=\"og:site_name\" content=\"Tiles & Home Essentials\">\n <meta property=\"og:title\" content=\"Find the material. Place the order.\">\n <meta property=\"og:description\" content=\"Search products, confirm delivery and submit COD orders through a clean, product-first portal.\">\n <meta property=\"og:url\" content=\"https:\/\/tilesandhomeessentials.com\/\">\n <meta property=\"og:image\" content=\"https:\/\/tilesandhomeessentials.com\/wp-content\/uploads\/2026\/07\/Tiles-and-Home-Essentials-1920-x-1080-px.pdf-1.png\">\n\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"theme-color\" content=\"#111111\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": [\"Organization\", \"HomeAndConstructionBusiness\"],\n \"@id\": \"https:\/\/tilesandhomeessentials.com\/#organization\",\n \"name\": \"Tiles & Home Essentials\",\n \"url\": \"https:\/\/tilesandhomeessentials.com\/\",\n \"telephone\": \"+63-976-665-6159\",\n \"description\": \"Product-first ordering portal for tiles, panels, bathroom essentials, doors and finishing materials with confirmed delivery and COD-only fulfillment.\",\n \"areaServed\": [\n {\"@type\": \"AdministrativeArea\", \"name\": \"Cavite\"},\n {\"@type\": \"AdministrativeArea\", \"name\": \"Metro Manila\"},\n {\"@type\": \"AdministrativeArea\", \"name\": \"Laguna\"},\n {\"@type\": \"AdministrativeArea\", \"name\": \"Rizal\"},\n {\"@type\": \"AdministrativeArea\", \"name\": \"Batangas\"}\n ]\n },\n {\n \"@type\": \"WebSite\",\n \"@id\": \"https:\/\/tilesandhomeessentials.com\/#website\",\n \"url\": \"https:\/\/tilesandhomeessentials.com\/\",\n \"name\": \"Tiles & Home Essentials\",\n \"publisher\": {\"@id\": \"https:\/\/tilesandhomeessentials.com\/#organization\"},\n \"inLanguage\": \"en-PH\",\n \"potentialAction\": {\n \"@type\": \"SearchAction\",\n \"target\": {\n \"@type\": \"EntryPoint\",\n \"urlTemplate\": \"https:\/\/tilesandhomeessentials.com\/?s={search_term_string}&post_type=product\"\n },\n \"query-input\": \"required name=search_term_string\"\n }\n },\n {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\/\/tilesandhomeessentials.com\/#webpage\",\n \"url\": \"https:\/\/tilesandhomeessentials.com\/\",\n \"name\": \"Tiles & Home Essentials | Search. Order. Deliver.\",\n \"isPartOf\": {\"@id\": \"https:\/\/tilesandhomeessentials.com\/#website\"},\n \"about\": {\"@id\": \"https:\/\/tilesandhomeessentials.com\/#organization\"},\n \"description\": \"Search products, review delivery and COD policies, and submit orders for confirmation.\",\n \"inLanguage\": \"en-PH\"\n }\n ]\n }\n <\/script>\n\n <style>\n :root {\n --ink: #111111;\n --paper: #f3f1ec;\n --white: #ffffff;\n --muted: #6d6a64;\n --line: rgba(17,17,17,.14);\n --accent: #b9ff35;\n --max: 1440px;\n --pad: clamp(20px, 4vw, 64px);\n --section: clamp(72px, 8vw, 108px);\n --display: \"Cormorant Garamond\", Georgia, serif;\n --body: \"Manrope\", Arial, sans-serif;\n }\n\n * { box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n margin: 0;\n background: var(--paper);\n color: var(--ink);\n font-family: var(--body);\n font-size: 16px;\n line-height: 1.55;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n }\n\n img { display: block; width: 100%; }\n a { color: inherit; text-decoration: none; }\n\n .shell {\n width: min(100%, var(--max));\n margin-inline: auto;\n padding-inline: var(--pad);\n }\n\n .eyebrow {\n margin: 0 0 14px;\n font-size: 11px;\n font-weight: 400;\n letter-spacing: .10em;\n text-transform: uppercase;\n }\n\n h1, h2, h3, p { margin-top: 0; }\n h1, h2, h3 {\n font-family: var(--display);\n font-weight: 400;\n line-height: .94;\n letter-spacing: -.03em;\n margin-bottom: 18px;\n }\n\n h1 {\n max-width: 860px;\n font-size: clamp(52px, 5.9vw, 92px);\n margin-bottom: 18px;\n }\n\n h2 {\n font-size: clamp(36px, 4vw, 64px);\n margin-bottom: 18px;\n }\n\n h3 {\n font-size: clamp(22px, 2vw, 32px);\n margin-bottom: 8px;\n }\n\n .lead {\n max-width: 650px;\n font-size: clamp(17px, 1.4vw, 20px);\n color: rgba(255,255,255,.84);\n }\n\n .section { padding-block: var(--section); }\n .section--white { background: var(--white); }\n .section--dark { background: var(--ink); color: var(--white); }\n\n .btn-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 24px;\n }\n\n .btn {\n min-height: 50px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 13px 20px;\n border: 1px solid currentColor;\n font-size: 12px;\n font-weight: 400;\n letter-spacing: .07em;\n text-transform: uppercase;\n transition: transform .2s ease, background .2s ease, color .2s ease;\n }\n .btn:hover { transform: translateY(-2px); }\n .btn--light { background: var(--white); color: var(--ink); border-color: var(--white); }\n .btn--accent { background: var(--accent); color: var(--ink); border-color: var(--accent); }\n .btn--dark { background: var(--ink); color: var(--white); border-color: var(--ink); }\n\n .site-header {\n position: absolute;\n inset: 0 0 auto;\n z-index: 50;\n color: var(--white);\n border-bottom: 1px solid rgba(255,255,255,.20);\n }\n\n .header-inner {\n min-height: 78px;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n gap: 30px;\n }\n\n .brand-logo {\n width: clamp(170px, 16vw, 250px);\n max-height: 72px;\n object-fit: contain;\n }\n\n .desktop-nav {\n display: flex;\n justify-content: center;\n gap: clamp(18px, 2vw, 36px);\n }\n\n .desktop-nav a,\n .header-actions a,\n .menu-toggle {\n font-size: 11px;\n font-weight: 400;\n letter-spacing: .07em;\n text-transform: uppercase;\n }\n\n .header-actions {\n display: flex;\n align-items: center;\n gap: 18px;\n }\n\n .cart-count {\n min-width: 18px;\n height: 18px;\n display: inline-grid;\n place-items: center;\n margin-left: 5px;\n border: 1px solid currentColor;\n border-radius: 999px;\n font-size: 9px;\n }\n\n .menu-toggle {\n display: none;\n padding: 0;\n border: 0;\n background: none;\n color: inherit;\n cursor: pointer;\n }\n\n .mobile-menu {\n display: none;\n background: var(--ink);\n color: var(--white);\n border-top: 1px solid rgba(255,255,255,.16);\n }\n\n .mobile-menu.is-open { display: block; }\n .mobile-menu a {\n display: block;\n padding: 16px var(--pad);\n border-bottom: 1px solid rgba(255,255,255,.12);\n font-size: 13px;\n font-weight: 400;\n letter-spacing: .1em;\n text-transform: uppercase;\n }\n\n .hero {\n min-height: 740px;\n position: relative;\n display: grid;\n align-items: end;\n color: var(--white);\n overflow: hidden;\n background: #181818;\n }\n\n .hero-media {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.44) 46%, rgba(0,0,0,.10) 78%),\n linear-gradient(0deg, rgba(0,0,0,.42), rgba(0,0,0,.18)),\n url(\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2200&q=88\") center\/cover no-repeat;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n padding-top: 148px;\n padding-bottom: 60px;\n }\n\n .hero-copy { max-width: 900px; }\n\n .hero-search {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 10px;\n max-width: 760px;\n margin-top: 24px;\n }\n\n .hero-search input {\n min-height: 56px;\n padding: 0 18px;\n border: 1px solid rgba(255,255,255,.24);\n background: rgba(255,255,255,.12);\n color: var(--white);\n font-size: 15px;\n outline: none;\n backdrop-filter: blur(6px);\n }\n\n .hero-search input::placeholder { color: rgba(255,255,255,.76); }\n\n .hero-note {\n margin-top: 16px;\n color: rgba(255,255,255,.74);\n font-size: 12px;\n font-weight: 400;\n letter-spacing: .04em;\n text-transform: uppercase;\n }\n\n .category-strip {\n background: var(--ink);\n color: var(--white);\n }\n\n .category-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n }\n\n .category-card {\n min-height: 138px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 22px;\n border-right: 1px solid rgba(255,255,255,.16);\n }\n\n .category-card:first-child { border-left: 1px solid rgba(255,255,255,.16); }\n .category-card:hover { background: var(--accent); color: var(--ink); }\n\n .category-index {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: .10em;\n }\n\n .category-name {\n font-family: var(--display);\n font-size: clamp(24px, 2vw, 34px);\n line-height: 1;\n }\n\n .split-head {\n display: grid;\n grid-template-columns: .9fr 1.1fr;\n gap: clamp(28px, 6vw, 80px);\n align-items: start;\n }\n\n .split-head p:last-child {\n max-width: 660px;\n color: #5d5a55;\n font-size: 18px;\n line-height: 1.5;\n }\n\n .process-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: 38px;\n border: 1px solid var(--line);\n border-right: 0;\n }\n\n .process-step {\n min-height: 208px;\n padding: 22px;\n border-right: 1px solid var(--line);\n }\n\n .process-number {\n display: inline-block;\n margin-bottom: 36px;\n color: var(--accent);\n font-family: var(--display);\n font-size: 34px;\n line-height: 1;\n }\n\n .process-step p {\n margin: 0;\n color: #66615a;\n font-size: 15px;\n }\n\n .portal-layout {\n display: grid;\n grid-template-columns: 1.08fr .92fr;\n gap: clamp(24px, 4vw, 44px);\n align-items: stretch;\n }\n\n .portal-panel, .policy-panel {\n padding: clamp(28px, 3vw, 40px);\n background: var(--white);\n }\n\n .mini-list {\n list-style: none;\n margin: 26px 0 0;\n padding: 0;\n border-top: 1px solid var(--line);\n }\n\n .mini-list li {\n display: flex;\n justify-content: space-between;\n gap: 18px;\n padding: 15px 0;\n border-bottom: 1px solid var(--line);\n font-size: 13px;\n font-weight: 400;\n letter-spacing: .04em;\n text-transform: uppercase;\n }\n\n .mini-list li span:last-child {\n color: #6d6a64;\n font-weight: 400;\n letter-spacing: normal;\n text-transform: none;\n text-align: right;\n }\n\n .policy-card {\n padding: 20px 0;\n border-top: 1px solid var(--line);\n }\n\n .policy-card:first-of-type { border-top: 0; padding-top: 0; }\n .policy-card p {\n margin: 0;\n color: #6d6a64;\n }\n\n .featured-head {\n display: flex;\n align-items: end;\n justify-content: space-between;\n gap: 24px;\n margin-bottom: 28px;\n }\n\n .product-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n\n .product-card {\n background: var(--white);\n overflow: hidden;\n }\n\n .product-image {\n aspect-ratio: 1 \/ 1.05;\n overflow: hidden;\n background: #ddd;\n }\n\n .product-image img {\n height: 100%;\n object-fit: cover;\n transition: transform .55s cubic-bezier(.2,.7,.2,1);\n }\n\n .product-card:hover img { transform: scale(1.04); }\n\n .product-info { padding: 18px; }\n\n .product-code {\n margin-bottom: 6px;\n font-size: 10px;\n font-weight: 400;\n letter-spacing: .10em;\n text-transform: uppercase;\n }\n\n .product-title {\n margin: 0 0 20px;\n font-size: 30px;\n line-height: .98;\n }\n\n .product-meta {\n display: flex;\n justify-content: space-between;\n gap: 15px;\n color: #6d6a64;\n font-size: 11px;\n font-weight: 400;\n letter-spacing: .04em;\n text-transform: uppercase;\n }\n\n .final-cta {\n min-height: 420px;\n display: grid;\n place-items: center;\n text-align: center;\n color: var(--white);\n background:\n linear-gradient(rgba(0,0,0,.66), rgba(0,0,0,.66)),\n url(\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=2200&q=88\") center\/cover no-repeat;\n }\n\n .final-cta h2 {\n max-width: 860px;\n margin-inline: auto;\n }\n\n .final-cta p {\n max-width: 620px;\n margin-inline: auto;\n color: rgba(255,255,255,.80);\n font-size: 18px;\n }\n\n .final-cta .btn-row { justify-content: center; }\n\n .site-footer {\n background: #090909;\n color: var(--white);\n padding: 56px 0 24px;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 46px;\n }\n\n .footer-logo {\n width: min(100%, 260px);\n margin-bottom: 18px;\n object-fit: contain;\n }\n\n .footer-brand p {\n max-width: 380px;\n color: #ffffff;\n margin-bottom: 0;\n }\n\n .footer-col h3 {\n margin: 0 0 16px;\n font-family: var(--body);\n font-size: 11px;\n font-weight: 400;\n letter-spacing: .10em;\n text-transform: uppercase;\n }\n\n .footer-col a {\n display: block;\n width: fit-content;\n margin: 10px 0;\n color: #ffffff;\n font-size: 13px;\n }\n\n .footer-bottom {\n display: flex;\n justify-content: space-between;\n gap: 24px;\n margin-top: 50px;\n padding-top: 22px;\n border-top: 1px solid rgba(255,255,255,.14);\n color: #ffffff;\n font-size: 11px;\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity .6s ease, transform .6s ease;\n }\n\n .reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .hero,\n .hero h1,\n .hero h2,\n .hero h3,\n .hero .eyebrow,\n .section--dark,\n .section--dark h1,\n .section--dark h2,\n .section--dark h3,\n .section--dark .eyebrow,\n .final-cta,\n .final-cta h1,\n .final-cta h2,\n .final-cta h3,\n .final-cta .eyebrow {\n color: #ffffff !important;\n }\n\n .hero .lead,\n .section--dark p,\n .final-cta p {\n color: rgba(255,255,255,.80) !important;\n }\n\n @media (max-width: 1100px) {\n .desktop-nav { display: none; }\n .menu-toggle { display: block; }\n .header-inner { grid-template-columns: 1fr auto; }\n .header-actions > a:not(.cart-link) { display: none; }\n\n .category-grid,\n .process-grid,\n .product-grid { grid-template-columns: repeat(2, 1fr); }\n\n .portal-layout,\n .split-head { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 760px) {\n .header-inner { min-height: 66px; gap: 12px; }\n .brand-logo { width: 160px; max-height: 54px; }\n .cart-link { font-size: 0 !important; }\n\n .hero {\n min-height: 680px;\n }\n\n .hero-content {\n padding-top: 124px;\n padding-bottom: 52px;\n }\n\n h1 { font-size: clamp(44px, 14vw, 68px); }\n h2 { font-size: clamp(34px, 11vw, 54px); }\n .btn { width: 100%; }\n .hero-search { grid-template-columns: 1fr; }\n\n .category-grid,\n .process-grid,\n .product-grid,\n .footer-grid { grid-template-columns: 1fr; }\n\n .category-card,\n .category-card:first-child {\n border-left: 0;\n border-right: 0;\n border-bottom: 1px solid rgba(255,255,255,.16);\n }\n\n .process-grid { border-right: 1px solid var(--line); }\n .process-step {\n min-height: auto;\n border-bottom: 1px solid var(--line);\n }\n\n .featured-head,\n .footer-bottom { display: block; }\n .featured-head .btn,\n .footer-bottom span + span { margin-top: 16px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n html { scroll-behavior: auto; }\n *, *::before, *::after {\n animation-duration: .01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: .01ms !important;\n }\n .reveal { opacity: 1; transform: none; }\n }\n\n .site-footer,\n .site-footer p,\n .site-footer a,\n .site-footer span,\n .site-footer li,\n .site-footer .footer-brand p,\n .site-footer .footer-col a,\n .site-footer .footer-bottom {\n color: #ffffff !important;\n }\n\n \n \/* Final typography rule: no bold text anywhere on this page *\/\n .site-header *,\n main *,\n .site-footer *,\n .btn,\n h1, h2, h3, h4, h5, h6,\n p, a, span, strong, b, label, button,\n input, textarea, select {\n font-weight: 400 !important;\n }\n\n strong,\n b {\n font-weight: 400 !important;\n }\n\n <\/style>\n<\/head>\n\n<body>\n \n <header class=\"site-header\">\n <div class=\"shell header-inner\">\n <a href=\"\/\" aria-label=\"Tiles and Home Essentials home\">\n <img decoding=\"async\" class=\"brand-logo lazyload\" data-src=\"https:\/\/tilesandhomeessentials.com\/wp-content\/uploads\/2026\/07\/Tiles-and-Home-Essentials-1920-x-1080-px.pdf-1.png\" alt=\"Tiles and Home Essentials\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1080;\">\n <\/a>\n\n <nav class=\"desktop-nav\" aria-label=\"Primary navigation\">\n <a href=\"\/shop\/\">Products<\/a>\n <a href=\"#how-it-works\">How It Works<\/a>\n <a href=\"\/delivery\/\">Delivery<\/a>\n <a href=\"\/cod-policy\/\">COD Policy<\/a>\n <a href=\"\/contact\/\">Contact<\/a>\n <\/nav>\n\n <div class=\"header-actions\">\n <a href=\"\/?s=&post_type=product\">Search<\/a>\n <a href=\"\/request-a-quote\/\">Request Order<\/a>\n <a class=\"cart-link\" href=\"\/cart\/\">Cart <span class=\"cart-count\" aria-label=\"0 items in cart\">0<\/span><\/a>\n <button class=\"menu-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"mobile-menu\">Menu<\/button>\n <\/div>\n <\/div>\n\n <nav id=\"mobile-menu\" class=\"mobile-menu\" aria-label=\"Mobile navigation\">\n <a href=\"\/shop\/\">Products<\/a>\n <a href=\"#how-it-works\">How It Works<\/a>\n <a href=\"\/delivery\/\">Delivery<\/a>\n <a href=\"\/cod-policy\/\">COD Policy<\/a>\n <a href=\"\/contact\/\">Contact<\/a>\n <a href=\"\/request-a-quote\/\">Request Order<\/a>\n <\/nav>\n <\/header>\n\n <main id=\"main\">\n <section class=\"hero\" aria-labelledby=\"hero-title\">\n <div class=\"hero-media\" role=\"img\" aria-label=\"Modern interior finished with architectural materials\"><\/div>\n <div class=\"shell hero-content\">\n <div class=\"hero-copy\">\n <p class=\"eyebrow\">Search-first ordering portal<\/p>\n <h1 id=\"hero-title\">Find the material. Place the order.<\/h1>\n <p class=\"lead\">Tiles, panels, bathroom essentials, doors and finishing materials for retailers, contractors, architects and project buyers.<\/p>\n\n <form class=\"hero-search\" action=\"\/\" method=\"get\" role=\"search\">\n <input type=\"search\" name=\"s\" placeholder=\"Search by product, SKU, size or application\" aria-label=\"Search products\">\n <input type=\"hidden\" name=\"post_type\" value=\"product\">\n <button class=\"btn btn--accent\" type=\"submit\">Search Products \u2197<\/button>\n <\/form>\n\n <div class=\"btn-row\">\n <a class=\"btn btn--light\" href=\"\/shop\/\">Browse Categories \u2197<\/a>\n <a class=\"btn\" href=\"\/request-a-quote\/\">Submit COD Order \u2197<\/a>\n <\/div>\n\n <p class=\"hero-note\">Based in Cavite \u00b7 Delivery confirmed before fulfillment \u00b7 Cash on delivery only<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"category-strip\" aria-label=\"Product categories\">\n <div class=\"shell category-grid\">\n <a class=\"category-card\" href=\"\/?product_cat=all-tiles\">\n <span class=\"category-index\">01<\/span>\n <span class=\"category-name\">Tiles \u2197<\/span>\n <\/a>\n <a class=\"category-card\" href=\"\/?product_cat=wall-ceiling-panel\">\n <span class=\"category-index\">02<\/span>\n <span class=\"category-name\">Panels \u2197<\/span>\n <\/a>\n <a class=\"category-card\" href=\"\/bathroom-essentials\/\">\n <span class=\"category-index\">03<\/span>\n <span class=\"category-name\">Bathroom \u2197<\/span>\n <\/a>\n <a class=\"category-card\" href=\"\/?product_cat=doors\">\n <span class=\"category-index\">04<\/span>\n <span class=\"category-name\">Doors \u2197<\/span>\n <\/a>\n <a class=\"category-card\" href=\"\/?product_cat=wall-cladding\">\n <span class=\"category-index\">05<\/span>\n <span class=\"category-name\">Cladding \u2197<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n <section id=\"how-it-works\" class=\"section section--white\">\n <div class=\"shell\">\n <div class=\"split-head\">\n <div>\n <p class=\"eyebrow\">How it works<\/p>\n <h2>Search. Confirm. Receive.<\/h2>\n <\/div>\n <p>Use the portal to find products, check the category, and submit an order. We verify stock, delivery coverage, and total COD amount by phone before fulfillment. This version trims the rabbit hole and lands faster.<\/p>\n <\/div>\n\n <div class=\"process-grid\">\n <article class=\"process-step\">\n <span class=\"process-number\">01<\/span>\n <h3>Search<\/h3>\n <p>Find the product by SKU, size, finish, material or application.<\/p>\n <\/article>\n <article class=\"process-step\">\n <span class=\"process-number\">02<\/span>\n <h3>Submit<\/h3>\n <p>Add the item, enter the delivery details, and send the COD order.<\/p>\n <\/article>\n <article class=\"process-step\">\n <span class=\"process-number\">03<\/span>\n <h3>Confirm<\/h3>\n <p>Our team calls to verify stock, total amount and delivery coverage.<\/p>\n <\/article>\n <article class=\"process-step\">\n <span class=\"process-number\">04<\/span>\n <h3>Receive<\/h3>\n <p>Orders are fulfilled after confirmation and paid in cash upon delivery.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <div class=\"shell portal-layout\">\n <div class=\"portal-panel\">\n <p class=\"eyebrow\">Ordering portal<\/p>\n <h2>What this website is for.<\/h2>\n <p>This website is a tool for agents, contractors, architects and project buyers to search products and place orders quickly. Less talk. More ordering.<\/p>\n\n <ul class=\"mini-list\">\n <li><span>Primary use<\/span><span>Search + order portal<\/span><\/li>\n <li><span>Ordering model<\/span><span>COD only<\/span><\/li>\n <li><span>Verification<\/span><span>Phone confirmation required<\/span><\/li>\n <li><span>Delivery<\/span><span>Coverage confirmed per order<\/span><\/li>\n <li><span>Public access<\/span><span>No public showroom<\/span><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"policy-panel\">\n <p class=\"eyebrow\">Delivery + payment<\/p>\n <h2>Clear before checkout.<\/h2>\n\n <div class=\"policy-card\">\n <h3>Cash on delivery only<\/h3>\n <p>Checks, credit terms and deferred payment are not accepted through the website. Orders proceed only after the COD amount has been confirmed by phone.<\/p>\n <\/div>\n\n <div class=\"policy-card\">\n <h3>Delivery confirmed first<\/h3>\n <p>The team confirms location, access, schedule and total delivery amount before fulfillment. Orders are not treated as final the moment they are submitted.<\/p>\n <\/div>\n\n <div class=\"policy-card\">\n <h3>Human verification<\/h3>\n <p>A real team member confirms stock, quantity, receiver and delivery details before the order is prepared. That keeps the system clean and reduces failed COD trips.<\/p>\n <\/div>\n\n <div class=\"btn-row\">\n <a class=\"btn btn--dark\" href=\"\/delivery\/\">View Delivery<\/a>\n <a class=\"btn\" href=\"\/cod-policy\/\">View COD Policy<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section--white\">\n <div class=\"shell\">\n <div class=\"featured-head\">\n <div>\n <p class=\"eyebrow\">Quick access<\/p>\n <h2>Start from a product.<\/h2>\n <\/div>\n <a class=\"btn btn--dark\" href=\"\/shop\/\">View All Products<\/a>\n <\/div>\n\n <div class=\"product-grid\">\n <a class=\"product-card\" href=\"\/?product_cat=all-tiles\">\n <div class=\"product-image\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=900&q=85\" alt=\"Architectural tile surface\">\n <\/div>\n <div class=\"product-info\">\n <p class=\"product-code\">Category \/ Tile<\/p>\n <h3 class=\"product-title\">Porcelain tiles<\/h3>\n <div class=\"product-meta\"><span>Floor + Wall<\/span><span>View \u2197<\/span><\/div>\n <\/div>\n <\/a>\n\n <a class=\"product-card\" href=\"\/?product_cat=wall-ceiling-panel\">\n <div class=\"product-image\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1600566753051-f0b89df2dd90?auto=format&fit=crop&w=900&q=85\" alt=\"Architectural panel surface\">\n <\/div>\n <div class=\"product-info\">\n <p class=\"product-code\">Category \/ Panel<\/p>\n <h3 class=\"product-title\">Wall panels<\/h3>\n <div class=\"product-meta\"><span>Wall + Ceiling<\/span><span>View \u2197<\/span><\/div>\n <\/div>\n <\/a>\n\n <a class=\"product-card\" href=\"\/bathroom-essentials\/\">\n <div class=\"product-image\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1620626011761-996317b8d101?auto=format&fit=crop&w=900&q=85\" alt=\"Bathroom vanity and fixtures\">\n <\/div>\n <div class=\"product-info\">\n <p class=\"product-code\">Category \/ Bath<\/p>\n <h3 class=\"product-title\">Bathroom essentials<\/h3>\n <div class=\"product-meta\"><span>Fixtures + Vanities<\/span><span>View \u2197<\/span><\/div>\n <\/div>\n <\/a>\n\n <a class=\"product-card\" href=\"\/?product_cat=doors\">\n <div class=\"product-image\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=900&q=85\" alt=\"Architectural door\">\n <\/div>\n <div class=\"product-info\">\n <p class=\"product-code\">Category \/ Door<\/p>\n <h3 class=\"product-title\">Doors<\/h3>\n <div class=\"product-meta\"><span>Interior + Utility<\/span><span>View \u2197<\/span><\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"final-cta\">\n <div class=\"shell\">\n <p class=\"eyebrow\">Tiles & Home Essentials<\/p>\n <h2>Search the material. Submit the order. We confirm the rest.<\/h2>\n <p>Cleaner flow, smaller hero headline, fewer repeated sections, and a faster path into the product catalog.<\/p>\n <div class=\"btn-row\">\n <a class=\"btn btn--accent\" href=\"\/shop\/\">Browse Products<\/a>\n <a class=\"btn\" href=\"\/request-a-quote\/\">Submit COD Order<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"site-footer\">\n <div class=\"shell\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" class=\"footer-logo lazyload\" data-src=\"https:\/\/tilesandhomeessentials.com\/wp-content\/uploads\/2026\/07\/Tiles-and-Home-Essentials-1920-x-1080-px.pdf-1.png\" alt=\"Tiles and Home Essentials\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1080;\">\n <p>Product-first ordering portal for tiles, panels, bathroom essentials, doors and finishing materials.<\/p>\n <\/div>\n\n <div class=\"footer-col\">\n <h3>Products<\/h3>\n <a href=\"\/shop\/\">All Products<\/a>\n <a href=\"\/?product_cat=all-tiles\">Tiles<\/a>\n <a href=\"\/?product_cat=wall-ceiling-panel\">Panels<\/a>\n <a href=\"\/bathroom-essentials\/\">Bathroom<\/a>\n <\/div>\n\n <div class=\"footer-col\">\n <h3>Policies<\/h3>\n <a href=\"\/delivery\/\">Delivery<\/a>\n <a href=\"\/cod-policy\/\">COD Policy<\/a>\n <a href=\"\/terms-and-conditions\/\">Terms<\/a>\n <a href=\"\/privacy-policy\/\">Privacy<\/a>\n <\/div>\n\n <div class=\"footer-col\">\n <h3>Contact<\/h3>\n <a href=\"tel:+639766656159\">+63 976 665 6159<\/a>\n <a href=\"\/contact\/\">Based in Cavite<br>Serving selected regions<\/a>\n <a href=\"\/contact\/\">No public showroom<br>Confirmation required<\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Tiles & Home Essentials.<\/span>\n <span>Orders are subject to stock, delivery and COD confirmation.<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n (() => {\n const menuButton = document.querySelector(\".menu-toggle\");\n const mobileMenu = document.querySelector(\"#mobile-menu\");\n\n if (menuButton && mobileMenu) {\n menuButton.addEventListener(\"click\", () => {\n const isOpen = mobileMenu.classList.toggle(\"is-open\");\n menuButton.setAttribute(\"aria-expanded\", String(isOpen));\n menuButton.textContent = isOpen ? \"Close\" : \"Menu\";\n });\n\n mobileMenu.querySelectorAll(\"a\").forEach((link) => {\n link.addEventListener(\"click\", () => {\n mobileMenu.classList.remove(\"is-open\");\n menuButton.setAttribute(\"aria-expanded\", \"false\");\n menuButton.textContent = \"Menu\";\n });\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tiles & Home Essentials | Search. Order. Deliver. Products How It Works Delivery COD Policy Contact Search Request Order Cart 0 Menu Products How It Works Delivery COD Policy Contact Request Order Search-first ordering portal Find the material. Place the order. Tiles, panels, bathroom essentials, doors and finishing materials for retailers, contractors, architects and project […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7022","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/pages\/7022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7022"}],"version-history":[{"count":5,"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/pages\/7022\/revisions"}],"predecessor-version":[{"id":7203,"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/pages\/7022\/revisions\/7203"}],"wp:attachment":[{"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\n\n\n \n \n Tiles & Home Essentials | Search. Order. Deliver.<\/title>\n <meta name=\"description\" content=\"Search tiles, panels, bathroom essentials, doors and finishing materials. Product-first ordering portal with delivery coverage, COD-only checkout and staff confirmation before fulfillment.\">\n <meta name=\"robots\" content=\"index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1\">\n <link rel=\"canonical\" href=\"https:\/\/tilesandhomeessentials.com\/\">\n\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:locale\" content=\"en_PH\">\n <meta property=\"og:site_name\" content=\"Tiles & Home Essentials\">\n <meta property=\"og:title\" content=\"Find the material. Place the order.\">\n <meta property=\"og:description\" content=\"Search products, confirm delivery and submit COD orders through a clean, product-first portal.\">\n <meta property=\"og:url\" content=\"https:\/\/tilesandhomeessentials.com\/\">\n <meta property=\"og:image\" content=\"https:\/\/tilesandhomeessentials.com\/wp-content\/uploads\/2026\/07\/Tiles-and-Home-Essentials-1920-x-1080-px.pdf-1.png\">\n\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"theme-color\" content=\"#111111\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": [\"Organization\", \"HomeAndConstructionBusiness\"],\n \"@id\": \"https:\/\/tilesandhomeessentials.com\/#organization\",\n \"name\": \"Tiles & Home Essentials\",\n \"url\": \"https:\/\/tilesandhomeessentials.com\/\",\n \"telephone\": \"+63-976-665-6159\",\n \"description\": \"Product-first ordering portal for tiles, panels, bathroom essentials, doors and finishing materials with confirmed delivery and COD-only fulfillment.\",\n \"areaServed\": [\n {\"@type\": \"AdministrativeArea\", \"name\": \"Cavite\"},\n {\"@type\": \"AdministrativeArea\", \"name\": \"Metro Manila\"},\n {\"@type\": \"AdministrativeArea\", \"name\": \"Laguna\"},\n {\"@type\": \"AdministrativeArea\", \"name\": \"Rizal\"},\n {\"@type\": \"AdministrativeArea\", \"name\": \"Batangas\"}\n ]\n },\n {\n \"@type\": \"WebSite\",\n \"@id\": \"https:\/\/tilesandhomeessentials.com\/#website\",\n \"url\": \"https:\/\/tilesandhomeessentials.com\/\",\n \"name\": \"Tiles & Home Essentials\",\n \"publisher\": {\"@id\": \"https:\/\/tilesandhomeessentials.com\/#organization\"},\n \"inLanguage\": \"en-PH\",\n \"potentialAction\": {\n \"@type\": \"SearchAction\",\n \"target\": {\n \"@type\": \"EntryPoint\",\n \"urlTemplate\": \"https:\/\/tilesandhomeessentials.com\/?s={search_term_string}&post_type=product\"\n },\n \"query-input\": \"required name=search_term_string\"\n }\n },\n {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\/\/tilesandhomeessentials.com\/#webpage\",\n \"url\": \"https:\/\/tilesandhomeessentials.com\/\",\n \"name\": \"Tiles & Home Essentials | Search. Order. Deliver.\",\n \"isPartOf\": {\"@id\": \"https:\/\/tilesandhomeessentials.com\/#website\"},\n \"about\": {\"@id\": \"https:\/\/tilesandhomeessentials.com\/#organization\"},\n \"description\": \"Search products, review delivery and COD policies, and submit orders for confirmation.\",\n \"inLanguage\": \"en-PH\"\n }\n ]\n }\n <\/script>\n\n <style>\n :root {\n --ink: #111111;\n --paper: #f3f1ec;\n --white: #ffffff;\n --muted: #6d6a64;\n --line: rgba(17,17,17,.14);\n --accent: #b9ff35;\n --max: 1440px;\n --pad: clamp(20px, 4vw, 64px);\n --section: clamp(72px, 8vw, 108px);\n --display: \"Cormorant Garamond\", Georgia, serif;\n --body: \"Manrope\", Arial, sans-serif;\n }\n\n * { box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n margin: 0;\n background: var(--paper);\n color: var(--ink);\n font-family: var(--body);\n font-size: 16px;\n line-height: 1.55;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n }\n\n img { display: block; width: 100%; }\n a { color: inherit; text-decoration: none; }\n\n .shell {\n width: min(100%, var(--max));\n margin-inline: auto;\n padding-inline: var(--pad);\n }\n\n .eyebrow {\n margin: 0 0 14px;\n font-size: 11px;\n font-weight: 400;\n letter-spacing: .10em;\n text-transform: uppercase;\n }\n\n h1, h2, h3, p { margin-top: 0; }\n h1, h2, h3 {\n font-family: var(--display);\n font-weight: 400;\n line-height: .94;\n letter-spacing: -.03em;\n margin-bottom: 18px;\n }\n\n h1 {\n max-width: 860px;\n font-size: clamp(52px, 5.9vw, 92px);\n margin-bottom: 18px;\n }\n\n h2 {\n font-size: clamp(36px, 4vw, 64px);\n margin-bottom: 18px;\n }\n\n h3 {\n font-size: clamp(22px, 2vw, 32px);\n margin-bottom: 8px;\n }\n\n .lead {\n max-width: 650px;\n font-size: clamp(17px, 1.4vw, 20px);\n color: rgba(255,255,255,.84);\n }\n\n .section { padding-block: var(--section); }\n .section--white { background: var(--white); }\n .section--dark { background: var(--ink); color: var(--white); }\n\n .btn-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 24px;\n }\n\n .btn {\n min-height: 50px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 13px 20px;\n border: 1px solid currentColor;\n font-size: 12px;\n font-weight: 400;\n letter-spacing: .07em;\n text-transform: uppercase;\n transition: transform .2s ease, background .2s ease, color .2s ease;\n }\n .btn:hover { transform: translateY(-2px); }\n .btn--light { background: var(--white); color: var(--ink); border-color: var(--white); }\n .btn--accent { background: var(--accent); color: var(--ink); border-color: var(--accent); }\n .btn--dark { background: var(--ink); color: var(--white); border-color: var(--ink); }\n\n .site-header {\n position: absolute;\n inset: 0 0 auto;\n z-index: 50;\n color: var(--white);\n border-bottom: 1px solid rgba(255,255,255,.20);\n }\n\n .header-inner {\n min-height: 78px;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n gap: 30px;\n }\n\n .brand-logo {\n width: clamp(170px, 16vw, 250px);\n max-height: 72px;\n object-fit: contain;\n }\n\n .desktop-nav {\n display: flex;\n justify-content: center;\n gap: clamp(18px, 2vw, 36px);\n }\n\n .desktop-nav a,\n .header-actions a,\n .menu-toggle {\n font-size: 11px;\n font-weight: 400;\n letter-spacing: .07em;\n text-transform: uppercase;\n }\n\n .header-actions {\n display: flex;\n align-items: center;\n gap: 18px;\n }\n\n .cart-count {\n min-width: 18px;\n height: 18px;\n display: inline-grid;\n place-items: center;\n margin-left: 5px;\n border: 1px solid currentColor;\n border-radius: 999px;\n font-size: 9px;\n }\n\n .menu-toggle {\n display: none;\n padding: 0;\n border: 0;\n background: none;\n color: inherit;\n cursor: pointer;\n }\n\n .mobile-menu {\n display: none;\n background: var(--ink);\n color: var(--white);\n border-top: 1px solid rgba(255,255,255,.16);\n }\n\n .mobile-menu.is-open { display: block; }\n .mobile-menu a {\n display: block;\n padding: 16px var(--pad);\n border-bottom: 1px solid rgba(255,255,255,.12);\n font-size: 13px;\n font-weight: 400;\n letter-spacing: .1em;\n text-transform: uppercase;\n }\n\n .hero {\n min-height: 740px;\n position: relative;\n display: grid;\n align-items: end;\n color: var(--white);\n overflow: hidden;\n background: #181818;\n }\n\n .hero-media {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.44) 46%, rgba(0,0,0,.10) 78%),\n linear-gradient(0deg, rgba(0,0,0,.42), rgba(0,0,0,.18)),\n url(\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2200&q=88\") center\/cover no-repeat;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n padding-top: 148px;\n padding-bottom: 60px;\n }\n\n .hero-copy { max-width: 900px; }\n\n .hero-search {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 10px;\n max-width: 760px;\n margin-top: 24px;\n }\n\n .hero-search input {\n min-height: 56px;\n padding: 0 18px;\n border: 1px solid rgba(255,255,255,.24);\n background: rgba(255,255,255,.12);\n color: var(--white);\n font-size: 15px;\n outline: none;\n backdrop-filter: blur(6px);\n }\n\n .hero-search input::placeholder { color: rgba(255,255,255,.76); }\n\n .hero-note {\n margin-top: 16px;\n color: rgba(255,255,255,.74);\n font-size: 12px;\n font-weight: 400;\n letter-spacing: .04em;\n text-transform: uppercase;\n }\n\n .category-strip {\n background: var(--ink);\n color: var(--white);\n }\n\n .category-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n }\n\n .category-card {\n min-height: 138px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 22px;\n border-right: 1px solid rgba(255,255,255,.16);\n }\n\n .category-card:first-child { border-left: 1px solid rgba(255,255,255,.16); }\n .category-card:hover { background: var(--accent); color: var(--ink); }\n\n .category-index {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: .10em;\n }\n\n .category-name {\n font-family: var(--display);\n font-size: clamp(24px, 2vw, 34px);\n line-height: 1;\n }\n\n .split-head {\n display: grid;\n grid-template-columns: .9fr 1.1fr;\n gap: clamp(28px, 6vw, 80px);\n align-items: start;\n }\n\n .split-head p:last-child {\n max-width: 660px;\n color: #5d5a55;\n font-size: 18px;\n line-height: 1.5;\n }\n\n .process-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: 38px;\n border: 1px solid var(--line);\n border-right: 0;\n }\n\n .process-step {\n min-height: 208px;\n padding: 22px;\n border-right: 1px solid var(--line);\n }\n\n .process-number {\n display: inline-block;\n margin-bottom: 36px;\n color: var(--accent);\n font-family: var(--display);\n font-size: 34px;\n line-height: 1;\n }\n\n .process-step p {\n margin: 0;\n color: #66615a;\n font-size: 15px;\n }\n\n .portal-layout {\n display: grid;\n grid-template-columns: 1.08fr .92fr;\n gap: clamp(24px, 4vw, 44px);\n align-items: stretch;\n }\n\n .portal-panel, .policy-panel {\n padding: clamp(28px, 3vw, 40px);\n background: var(--white);\n }\n\n .mini-list {\n list-style: none;\n margin: 26px 0 0;\n padding: 0;\n border-top: 1px solid var(--line);\n }\n\n .mini-list li {\n display: flex;\n justify-content: space-between;\n gap: 18px;\n padding: 15px 0;\n border-bottom: 1px solid var(--line);\n font-size: 13px;\n font-weight: 400;\n letter-spacing: .04em;\n text-transform: uppercase;\n }\n\n .mini-list li span:last-child {\n color: #6d6a64;\n font-weight: 400;\n letter-spacing: normal;\n text-transform: none;\n text-align: right;\n }\n\n .policy-card {\n padding: 20px 0;\n border-top: 1px solid var(--line);\n }\n\n .policy-card:first-of-type { border-top: 0; padding-top: 0; }\n .policy-card p {\n margin: 0;\n color: #6d6a64;\n }\n\n .featured-head {\n display: flex;\n align-items: end;\n justify-content: space-between;\n gap: 24px;\n margin-bottom: 28px;\n }\n\n .product-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n\n .product-card {\n background: var(--white);\n overflow: hidden;\n }\n\n .product-image {\n aspect-ratio: 1 \/ 1.05;\n overflow: hidden;\n background: #ddd;\n }\n\n .product-image img {\n height: 100%;\n object-fit: cover;\n transition: transform .55s cubic-bezier(.2,.7,.2,1);\n }\n\n .product-card:hover img { transform: scale(1.04); }\n\n .product-info { padding: 18px; }\n\n .product-code {\n margin-bottom: 6px;\n font-size: 10px;\n font-weight: 400;\n letter-spacing: .10em;\n text-transform: uppercase;\n }\n\n .product-title {\n margin: 0 0 20px;\n font-size: 30px;\n line-height: .98;\n }\n\n .product-meta {\n display: flex;\n justify-content: space-between;\n gap: 15px;\n color: #6d6a64;\n font-size: 11px;\n font-weight: 400;\n letter-spacing: .04em;\n text-transform: uppercase;\n }\n\n .final-cta {\n min-height: 420px;\n display: grid;\n place-items: center;\n text-align: center;\n color: var(--white);\n background:\n linear-gradient(rgba(0,0,0,.66), rgba(0,0,0,.66)),\n url(\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=2200&q=88\") center\/cover no-repeat;\n }\n\n .final-cta h2 {\n max-width: 860px;\n margin-inline: auto;\n }\n\n .final-cta p {\n max-width: 620px;\n margin-inline: auto;\n color: rgba(255,255,255,.80);\n font-size: 18px;\n }\n\n .final-cta .btn-row { justify-content: center; }\n\n .site-footer {\n background: #090909;\n color: var(--white);\n padding: 56px 0 24px;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 46px;\n }\n\n .footer-logo {\n width: min(100%, 260px);\n margin-bottom: 18px;\n object-fit: contain;\n }\n\n .footer-brand p {\n max-width: 380px;\n color: #ffffff;\n margin-bottom: 0;\n }\n\n .footer-col h3 {\n margin: 0 0 16px;\n font-family: var(--body);\n font-size: 11px;\n font-weight: 400;\n letter-spacing: .10em;\n text-transform: uppercase;\n }\n\n .footer-col a {\n display: block;\n width: fit-content;\n margin: 10px 0;\n color: #ffffff;\n font-size: 13px;\n }\n\n .footer-bottom {\n display: flex;\n justify-content: space-between;\n gap: 24px;\n margin-top: 50px;\n padding-top: 22px;\n border-top: 1px solid rgba(255,255,255,.14);\n color: #ffffff;\n font-size: 11px;\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity .6s ease, transform .6s ease;\n }\n\n .reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .hero,\n .hero h1,\n .hero h2,\n .hero h3,\n .hero .eyebrow,\n .section--dark,\n .section--dark h1,\n .section--dark h2,\n .section--dark h3,\n .section--dark .eyebrow,\n .final-cta,\n .final-cta h1,\n .final-cta h2,\n .final-cta h3,\n .final-cta .eyebrow {\n color: #ffffff !important;\n }\n\n .hero .lead,\n .section--dark p,\n .final-cta p {\n color: rgba(255,255,255,.80) !important;\n }\n\n @media (max-width: 1100px) {\n .desktop-nav { display: none; }\n .menu-toggle { display: block; }\n .header-inner { grid-template-columns: 1fr auto; }\n .header-actions > a:not(.cart-link) { display: none; }\n\n .category-grid,\n .process-grid,\n .product-grid { grid-template-columns: repeat(2, 1fr); }\n\n .portal-layout,\n .split-head { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 760px) {\n .header-inner { min-height: 66px; gap: 12px; }\n .brand-logo { width: 160px; max-height: 54px; }\n .cart-link { font-size: 0 !important; }\n\n .hero {\n min-height: 680px;\n }\n\n .hero-content {\n padding-top: 124px;\n padding-bottom: 52px;\n }\n\n h1 { font-size: clamp(44px, 14vw, 68px); }\n h2 { font-size: clamp(34px, 11vw, 54px); }\n .btn { width: 100%; }\n .hero-search { grid-template-columns: 1fr; }\n\n .category-grid,\n .process-grid,\n .product-grid,\n .footer-grid { grid-template-columns: 1fr; }\n\n .category-card,\n .category-card:first-child {\n border-left: 0;\n border-right: 0;\n border-bottom: 1px solid rgba(255,255,255,.16);\n }\n\n .process-grid { border-right: 1px solid var(--line); }\n .process-step {\n min-height: auto;\n border-bottom: 1px solid var(--line);\n }\n\n .featured-head,\n .footer-bottom { display: block; }\n .featured-head .btn,\n .footer-bottom span + span { margin-top: 16px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n html { scroll-behavior: auto; }\n *, *::before, *::after {\n animation-duration: .01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: .01ms !important;\n }\n .reveal { opacity: 1; transform: none; }\n }\n\n .site-footer,\n .site-footer p,\n .site-footer a,\n .site-footer span,\n .site-footer li,\n .site-footer .footer-brand p,\n .site-footer .footer-col a,\n .site-footer .footer-bottom {\n color: #ffffff !important;\n }\n\n \n \/* Final typography rule: no bold text anywhere on this page *\/\n .site-header *,\n main *,\n .site-footer *,\n .btn,\n h1, h2, h3, h4, h5, h6,\n p, a, span, strong, b, label, button,\n input, textarea, select {\n font-weight: 400 !important;\n }\n\n strong,\n b {\n font-weight: 400 !important;\n }\n\n <\/style>\n<\/head>\n\n<body>\n \n <header class=\"site-header\">\n <div class=\"shell header-inner\">\n <a href=\"\/\" aria-label=\"Tiles and Home Essentials home\">\n <img decoding=\"async\" class=\"brand-logo lazyload\" data-src=\"https:\/\/tilesandhomeessentials.com\/wp-content\/uploads\/2026\/07\/Tiles-and-Home-Essentials-1920-x-1080-px.pdf-1.png\" alt=\"Tiles and Home Essentials\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1080;\">\n <\/a>\n\n <nav class=\"desktop-nav\" aria-label=\"Primary navigation\">\n <a href=\"\/shop\/\">Products<\/a>\n <a href=\"#how-it-works\">How It Works<\/a>\n <a href=\"\/delivery\/\">Delivery<\/a>\n <a href=\"\/cod-policy\/\">COD Policy<\/a>\n <a href=\"\/contact\/\">Contact<\/a>\n <\/nav>\n\n <div class=\"header-actions\">\n <a href=\"\/?s=&post_type=product\">Search<\/a>\n <a href=\"\/request-a-quote\/\">Request Order<\/a>\n <a class=\"cart-link\" href=\"\/cart\/\">Cart <span class=\"cart-count\" aria-label=\"0 items in cart\">0<\/span><\/a>\n <button class=\"menu-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"mobile-menu\">Menu<\/button>\n <\/div>\n <\/div>\n\n <nav id=\"mobile-menu\" class=\"mobile-menu\" aria-label=\"Mobile navigation\">\n <a href=\"\/shop\/\">Products<\/a>\n <a href=\"#how-it-works\">How It Works<\/a>\n <a href=\"\/delivery\/\">Delivery<\/a>\n <a href=\"\/cod-policy\/\">COD Policy<\/a>\n <a href=\"\/contact\/\">Contact<\/a>\n <a href=\"\/request-a-quote\/\">Request Order<\/a>\n <\/nav>\n <\/header>\n\n <main id=\"main\">\n <section class=\"hero\" aria-labelledby=\"hero-title\">\n <div class=\"hero-media\" role=\"img\" aria-label=\"Modern interior finished with architectural materials\"><\/div>\n <div class=\"shell hero-content\">\n <div class=\"hero-copy\">\n <p class=\"eyebrow\">Search-first ordering portal<\/p>\n <h1 id=\"hero-title\">Find the material. Place the order.<\/h1>\n <p class=\"lead\">Tiles, panels, bathroom essentials, doors and finishing materials for retailers, contractors, architects and project buyers.<\/p>\n\n <form class=\"hero-search\" action=\"\/\" method=\"get\" role=\"search\">\n <input type=\"search\" name=\"s\" placeholder=\"Search by product, SKU, size or application\" aria-label=\"Search products\">\n <input type=\"hidden\" name=\"post_type\" value=\"product\">\n <button class=\"btn btn--accent\" type=\"submit\">Search Products \u2197<\/button>\n <\/form>\n\n <div class=\"btn-row\">\n <a class=\"btn btn--light\" href=\"\/shop\/\">Browse Categories \u2197<\/a>\n <a class=\"btn\" href=\"\/request-a-quote\/\">Submit COD Order \u2197<\/a>\n <\/div>\n\n <p class=\"hero-note\">Based in Cavite \u00b7 Delivery confirmed before fulfillment \u00b7 Cash on delivery only<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"category-strip\" aria-label=\"Product categories\">\n <div class=\"shell category-grid\">\n <a class=\"category-card\" href=\"\/?product_cat=all-tiles\">\n <span class=\"category-index\">01<\/span>\n <span class=\"category-name\">Tiles \u2197<\/span>\n <\/a>\n <a class=\"category-card\" href=\"\/?product_cat=wall-ceiling-panel\">\n <span class=\"category-index\">02<\/span>\n <span class=\"category-name\">Panels \u2197<\/span>\n <\/a>\n <a class=\"category-card\" href=\"\/bathroom-essentials\/\">\n <span class=\"category-index\">03<\/span>\n <span class=\"category-name\">Bathroom \u2197<\/span>\n <\/a>\n <a class=\"category-card\" href=\"\/?product_cat=doors\">\n <span class=\"category-index\">04<\/span>\n <span class=\"category-name\">Doors \u2197<\/span>\n <\/a>\n <a class=\"category-card\" href=\"\/?product_cat=wall-cladding\">\n <span class=\"category-index\">05<\/span>\n <span class=\"category-name\">Cladding \u2197<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n <section id=\"how-it-works\" class=\"section section--white\">\n <div class=\"shell\">\n <div class=\"split-head\">\n <div>\n <p class=\"eyebrow\">How it works<\/p>\n <h2>Search. Confirm. Receive.<\/h2>\n <\/div>\n <p>Use the portal to find products, check the category, and submit an order. We verify stock, delivery coverage, and total COD amount by phone before fulfillment. This version trims the rabbit hole and lands faster.<\/p>\n <\/div>\n\n <div class=\"process-grid\">\n <article class=\"process-step\">\n <span class=\"process-number\">01<\/span>\n <h3>Search<\/h3>\n <p>Find the product by SKU, size, finish, material or application.<\/p>\n <\/article>\n <article class=\"process-step\">\n <span class=\"process-number\">02<\/span>\n <h3>Submit<\/h3>\n <p>Add the item, enter the delivery details, and send the COD order.<\/p>\n <\/article>\n <article class=\"process-step\">\n <span class=\"process-number\">03<\/span>\n <h3>Confirm<\/h3>\n <p>Our team calls to verify stock, total amount and delivery coverage.<\/p>\n <\/article>\n <article class=\"process-step\">\n <span class=\"process-number\">04<\/span>\n <h3>Receive<\/h3>\n <p>Orders are fulfilled after confirmation and paid in cash upon delivery.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <div class=\"shell portal-layout\">\n <div class=\"portal-panel\">\n <p class=\"eyebrow\">Ordering portal<\/p>\n <h2>What this website is for.<\/h2>\n <p>This website is a tool for agents, contractors, architects and project buyers to search products and place orders quickly. Less talk. More ordering.<\/p>\n\n <ul class=\"mini-list\">\n <li><span>Primary use<\/span><span>Search + order portal<\/span><\/li>\n <li><span>Ordering model<\/span><span>COD only<\/span><\/li>\n <li><span>Verification<\/span><span>Phone confirmation required<\/span><\/li>\n <li><span>Delivery<\/span><span>Coverage confirmed per order<\/span><\/li>\n <li><span>Public access<\/span><span>No public showroom<\/span><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"policy-panel\">\n <p class=\"eyebrow\">Delivery + payment<\/p>\n <h2>Clear before checkout.<\/h2>\n\n <div class=\"policy-card\">\n <h3>Cash on delivery only<\/h3>\n <p>Checks, credit terms and deferred payment are not accepted through the website. Orders proceed only after the COD amount has been confirmed by phone.<\/p>\n <\/div>\n\n <div class=\"policy-card\">\n <h3>Delivery confirmed first<\/h3>\n <p>The team confirms location, access, schedule and total delivery amount before fulfillment. Orders are not treated as final the moment they are submitted.<\/p>\n <\/div>\n\n <div class=\"policy-card\">\n <h3>Human verification<\/h3>\n <p>A real team member confirms stock, quantity, receiver and delivery details before the order is prepared. That keeps the system clean and reduces failed COD trips.<\/p>\n <\/div>\n\n <div class=\"btn-row\">\n <a class=\"btn btn--dark\" href=\"\/delivery\/\">View Delivery<\/a>\n <a class=\"btn\" href=\"\/cod-policy\/\">View COD Policy<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section--white\">\n <div class=\"shell\">\n <div class=\"featured-head\">\n <div>\n <p class=\"eyebrow\">Quick access<\/p>\n <h2>Start from a product.<\/h2>\n <\/div>\n <a class=\"btn btn--dark\" href=\"\/shop\/\">View All Products<\/a>\n <\/div>\n\n <div class=\"product-grid\">\n <a class=\"product-card\" href=\"\/?product_cat=all-tiles\">\n <div class=\"product-image\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=900&q=85\" alt=\"Architectural tile surface\">\n <\/div>\n <div class=\"product-info\">\n <p class=\"product-code\">Category \/ Tile<\/p>\n <h3 class=\"product-title\">Porcelain tiles<\/h3>\n <div class=\"product-meta\"><span>Floor + Wall<\/span><span>View \u2197<\/span><\/div>\n <\/div>\n <\/a>\n\n <a class=\"product-card\" href=\"\/?product_cat=wall-ceiling-panel\">\n <div class=\"product-image\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1600566753051-f0b89df2dd90?auto=format&fit=crop&w=900&q=85\" alt=\"Architectural panel surface\">\n <\/div>\n <div class=\"product-info\">\n <p class=\"product-code\">Category \/ Panel<\/p>\n <h3 class=\"product-title\">Wall panels<\/h3>\n <div class=\"product-meta\"><span>Wall + Ceiling<\/span><span>View \u2197<\/span><\/div>\n <\/div>\n <\/a>\n\n <a class=\"product-card\" href=\"\/bathroom-essentials\/\">\n <div class=\"product-image\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1620626011761-996317b8d101?auto=format&fit=crop&w=900&q=85\" alt=\"Bathroom vanity and fixtures\">\n <\/div>\n <div class=\"product-info\">\n <p class=\"product-code\">Category \/ Bath<\/p>\n <h3 class=\"product-title\">Bathroom essentials<\/h3>\n <div class=\"product-meta\"><span>Fixtures + Vanities<\/span><span>View \u2197<\/span><\/div>\n <\/div>\n <\/a>\n\n <a class=\"product-card\" href=\"\/?product_cat=doors\">\n <div class=\"product-image\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=900&q=85\" alt=\"Architectural door\">\n <\/div>\n <div class=\"product-info\">\n <p class=\"product-code\">Category \/ Door<\/p>\n <h3 class=\"product-title\">Doors<\/h3>\n <div class=\"product-meta\"><span>Interior + Utility<\/span><span>View \u2197<\/span><\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"final-cta\">\n <div class=\"shell\">\n <p class=\"eyebrow\">Tiles & Home Essentials<\/p>\n <h2>Search the material. Submit the order. We confirm the rest.<\/h2>\n <p>Cleaner flow, smaller hero headline, fewer repeated sections, and a faster path into the product catalog.<\/p>\n <div class=\"btn-row\">\n <a class=\"btn btn--accent\" href=\"\/shop\/\">Browse Products<\/a>\n <a class=\"btn\" href=\"\/request-a-quote\/\">Submit COD Order<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"site-footer\">\n <div class=\"shell\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" class=\"footer-logo lazyload\" data-src=\"https:\/\/tilesandhomeessentials.com\/wp-content\/uploads\/2026\/07\/Tiles-and-Home-Essentials-1920-x-1080-px.pdf-1.png\" alt=\"Tiles and Home Essentials\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1080;\">\n <p>Product-first ordering portal for tiles, panels, bathroom essentials, doors and finishing materials.<\/p>\n <\/div>\n\n <div class=\"footer-col\">\n <h3>Products<\/h3>\n <a href=\"\/shop\/\">All Products<\/a>\n <a href=\"\/?product_cat=all-tiles\">Tiles<\/a>\n <a href=\"\/?product_cat=wall-ceiling-panel\">Panels<\/a>\n <a href=\"\/bathroom-essentials\/\">Bathroom<\/a>\n <\/div>\n\n <div class=\"footer-col\">\n <h3>Policies<\/h3>\n <a href=\"\/delivery\/\">Delivery<\/a>\n <a href=\"\/cod-policy\/\">COD Policy<\/a>\n <a href=\"\/terms-and-conditions\/\">Terms<\/a>\n <a href=\"\/privacy-policy\/\">Privacy<\/a>\n <\/div>\n\n <div class=\"footer-col\">\n <h3>Contact<\/h3>\n <a href=\"tel:+639766656159\">+63 976 665 6159<\/a>\n <a href=\"\/contact\/\">Based in Cavite<br>Serving selected regions<\/a>\n <a href=\"\/contact\/\">No public showroom<br>Confirmation required<\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Tiles & Home Essentials.<\/span>\n <span>Orders are subject to stock, delivery and COD confirmation.<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n (() => {\n const menuButton = document.querySelector(\".menu-toggle\");\n const mobileMenu = document.querySelector(\"#mobile-menu\");\n\n if (menuButton && mobileMenu) {\n menuButton.addEventListener(\"click\", () => {\n const isOpen = mobileMenu.classList.toggle(\"is-open\");\n menuButton.setAttribute(\"aria-expanded\", String(isOpen));\n menuButton.textContent = isOpen ? \"Close\" : \"Menu\";\n });\n\n mobileMenu.querySelectorAll(\"a\").forEach((link) => {\n link.addEventListener(\"click\", () => {\n mobileMenu.classList.remove(\"is-open\");\n menuButton.setAttribute(\"aria-expanded\", \"false\");\n menuButton.textContent = \"Menu\";\n });\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tiles & Home Essentials | Search. Order. Deliver. Products How It Works Delivery COD Policy Contact Search Request Order Cart 0 Menu Products How It Works Delivery COD Policy Contact Request Order Search-first ordering portal Find the material. Place the order. Tiles, panels, bathroom essentials, doors and finishing materials for retailers, contractors, architects and project […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7022","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/pages\/7022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7022"}],"version-history":[{"count":5,"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/pages\/7022\/revisions"}],"predecessor-version":[{"id":7203,"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=\/wp\/v2\/pages\/7022\/revisions\/7203"}],"wp:attachment":[{"href":"https:\/\/tilesandhomeessentials.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}