{"id":360,"date":"2026-03-02T06:20:12","date_gmt":"2026-03-02T06:20:12","guid":{"rendered":"https:\/\/tavaresandtavares.com\/?page_id=360"},"modified":"2026-03-06T10:44:41","modified_gmt":"2026-03-06T10:44:41","slug":"services","status":"publish","type":"page","link":"https:\/\/tavaresandtavares.com\/?page_id=360","title":{"rendered":"SERVICES"},"content":{"rendered":"    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n    \n    <style>\n        :root { \n            --royal-red: #b30000; \n            --royal-gold: #996515; \n            --bg-white: #ffffff; \n            --bg-off: #fdfdfd; \n            --text-dark: #1a1a1a; \n            --text-muted: #555555;\n            --border-light: #eeeeee;\n        }\n\n        \/* RESET & BASE *\/\n        *, *::before, *::after { box-sizing: border-box; }\n        body { \n            margin: 0; \n            padding: 0; \n            font-family: 'Inter', sans-serif; \n            background-color: var(--bg-white); \n            color: var(--text-dark); \n            line-height: 1.6; \n            overflow-x: hidden; \n        }\n        h1, h2, h3, h4 { font-family: 'Cinzel', serif; font-weight: 700; margin-top: 0; }\n        \n        \/* SCROLL ANIMATIONS *\/\n        .reveal { \n            opacity: 0; \n            transform: translateY(30px); \n            transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1); \n        }\n        .reveal.visible { \n            opacity: 1; \n            transform: translateY(0); \n        }\n\n        \/* 1. SERVICES HERO *\/\n        .hero-services {\n            position: relative; \n            width: 100%; \n            padding: 120px 10%; \n            text-align: center; \n            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https:\/\/tavaresandtavares.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-05-at-12.07.40-PM.jpeg'); \n            background-size: cover; \n            background-position: center; \n            background-attachment: fixed;\n            border-bottom: 4px solid var(--royal-red);\n            color: white;\n        }\n        .hero-services h1 {\n            font-size: clamp(2.5rem, 6vw, 4rem); \n            color: var(--royal-gold); \n            text-transform: uppercase; \n            letter-spacing: 4px; \n            margin-bottom: 10px;\n        }\n        .hero-services p {\n            font-size: clamp(1rem, 2vw, 1.2rem); \n            letter-spacing: 3px; \n            text-transform: uppercase;\n            font-family: 'Inter', sans-serif;\n            font-weight: 600;\n        }\n\n        \/* 2. SERVICES GRID *\/\n        .services-section {\n            padding: 100px 10%;\n            background: var(--bg-white);\n        }\n        .services-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n        .services-header h2 {\n            color: var(--royal-red);\n            font-size: clamp(2rem, 4vw, 2.8rem);\n            margin-bottom: 15px;\n        }\n        .services-header p {\n            color: var(--royal-gold);\n            font-family: 'Playfair Display', serif;\n            font-size: 1.3rem;\n            font-style: italic;\n        }\n        .grid-cards {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 40px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        .royal-card {\n            background: var(--bg-white);\n            padding: 50px 30px;\n            border: 1px solid var(--border-light);\n            border-bottom: 4px solid var(--royal-red);\n            text-align: center;\n            transition: 0.4s ease;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.02);\n        }\n        .royal-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0,0,0,0.08);\n            border-bottom-color: var(--royal-gold);\n        }\n        .royal-card h3 {\n            color: var(--royal-gold);\n            letter-spacing: 2px;\n            font-size: 1.4rem;\n            margin-bottom: 20px;\n        }\n        .royal-card p {\n            color: var(--text-muted);\n            font-size: 1.05rem;\n            line-height: 1.7;\n        }\n\n        \/* 3. ORDER CONFIRMATION LETTER *\/\n        .order-letter-section {\n            padding: 100px 10%;\n            background: var(--bg-off);\n            border-top: 1px solid var(--border-light);\n        }\n        .letter-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        .letter-header h2 {\n            color: var(--text-dark);\n            font-size: 2.2rem;\n        }\n        .letter-box {\n            background: var(--bg-white);\n            border: 1px solid var(--royal-gold);\n            padding: 60px;\n            max-width: 900px;\n            margin: 0 auto;\n            position: relative;\n            box-shadow: 0 10px 40px rgba(153, 101, 21, 0.05);\n        }\n        \/* Decorative Corners for the Letter *\/\n        .letter-box::before, .letter-box::after {\n            content: '';\n            position: absolute;\n            width: 30px;\n            height: 30px;\n            border: 2px solid var(--royal-red);\n        }\n        .letter-box::before { top: 15px; left: 15px; border-right: none; border-bottom: none; }\n        .letter-box::after { bottom: 15px; right: 15px; border-left: none; border-top: none; }\n\n        .letter-box p {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.2rem;\n            line-height: 1.9;\n            color: var(--text-dark);\n            margin-bottom: 20px;\n        }\n        .signature {\n            margin-top: 50px;\n        }\n        .signature span {\n            color: var(--royal-red); \n            font-family: 'Cinzel', serif; \n            font-weight: bold; \n            font-size: 1.4rem; \n            display: block; \n            margin-top: 10px;\n            letter-spacing: 1px;\n        }\n\n        \/* 4. CTA SECTION *\/\n        .cta-section {\n            padding: 80px 10%;\n            background: var(--royal-red);\n            text-align: center;\n            color: white;\n        }\n        .cta-btn {\n            display: inline-block;\n            margin-top: 20px;\n            padding: 15px 45px;\n            background: transparent;\n            color: var(--royal-gold);\n            text-decoration: none;\n            font-family: 'Cinzel', serif;\n            font-weight: 700;\n            border: 2px solid var(--royal-gold);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            transition: 0.3s;\n        }\n        .cta-btn:hover {\n            background: var(--royal-gold);\n            color: white;\n        }\n\n        \/* RESPONSIVENESS *\/\n        @media (max-width: 768px) {\n            .hero-services { padding: 100px 5%; }\n            .services-section, .order-letter-section, .cta-section { padding: 60px 5%; }\n            .letter-box { padding: 40px 25px; }\n            .letter-box p { font-size: 1.1rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"hero-services\">\n        <div class=\"reveal\">\n            <h1>Our Services<\/h1>\n            <p>&#8220;A legacy of knowledge &#8211; delivered&#8221;<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"services-section\">\n        <div class=\"services-header reveal\">\n            <h2>Core Offerings<\/h2>\n            <p>A legacy of knowledge, delivered with precision.<\/p>\n        <\/div>\n        \n        <div class=\"grid-cards\">\n            <div class=\"royal-card reveal\">\n                <h3>Institutional Supply<\/h3>\n                <p>Bulk supply and seamless delivery tailored specifically for schools, educational institutions, and libraries.<\/p>\n            <\/div>\n            \n            <div class=\"royal-card reveal\">\n                <h3>Wholesale &#038; Retail<\/h3>\n                <p>Highly competitive pricing structures designed to accommodate both high-volume orders and welcoming walk-in customers.<\/p>\n            <\/div>\n            \n            <div class=\"royal-card reveal\">\n                <h3>Diverse Catalogue<\/h3>\n                <p>Instant access to an extraordinary inventory of over <strong>1,00,000 books<\/strong>, comprehensively covering all major genres and academics.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"order-letter-section\">\n        <div class=\"letter-header reveal\">\n            <h2>Order Confirmation Process<\/h2>\n        <\/div>\n        \n        <div class=\"letter-box reveal\">\n            <p><strong>Dear Customer,<\/strong><\/p>\n            \n            <p>Thank you for choosing Tavares and Tavares for your literary and academics requirements. We sincerely appreciate the interest you have shown in our collection and are pleased to assist in bringing these resources to you.<\/p>\n            \n            <p>We have successfully logged your selection from our inventory. This letter serves to confirm that we are processing the order. As per our standard operating procedure, we will pick the books and have a sales order mailed to you, which upon confirmation from you, we will provide the invoice.<\/p>\n            \n            <p>The goods will be delivered upon payment. Payment details will be mailed with the invoice in <strong>two working days&#8217; time<\/strong>.<\/p>\n            \n            <div class=\"signature\">\n                <p style=\"margin-bottom: 0;\">Thanking you,<\/p>\n                <span>Tavares &#038; Tavares<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"cta-section reveal\">\n        <h2 style=\"font-size: clamp(1.6rem, 4vw, 2.2rem); margin-bottom: 10px;\">Ready to Place an Order?<\/h2>\n        <a href=\"tel:07122543239\" class=\"cta-btn\">Contact Sales<\/a>\n    <\/section>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visible');\n                    }\n                });\n            }, { threshold: 0.15 });\n\n            document.querySelectorAll('.reveal').forEach(el => {\n                observer.observe(el);\n            });\n        });\n    <\/script>\n<\/body>    <\/div>\n    ","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-360","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tavaresandtavares.com\/index.php?rest_route=\/wp\/v2\/pages\/360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tavaresandtavares.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tavaresandtavares.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tavaresandtavares.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tavaresandtavares.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=360"}],"version-history":[{"count":5,"href":"https:\/\/tavaresandtavares.com\/index.php?rest_route=\/wp\/v2\/pages\/360\/revisions"}],"predecessor-version":[{"id":624,"href":"https:\/\/tavaresandtavares.com\/index.php?rest_route=\/wp\/v2\/pages\/360\/revisions\/624"}],"wp:attachment":[{"href":"https:\/\/tavaresandtavares.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}