{"id":17,"date":"2026-01-05T21:48:58","date_gmt":"2026-01-05T20:48:58","guid":{"rendered":"https:\/\/tiptopcoiffure.fr\/?page_id=17"},"modified":"2026-01-05T23:35:34","modified_gmt":"2026-01-05T22:35:34","slug":"accueil","status":"publish","type":"page","link":"https:\/\/tiptopcoiffure.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n TipTop Coiffure | Barbier & Coiffeur Homme \u00e0 Grenoble (38000)<\/title>\n <meta name=\"description\" content=\"D\u00e9couvrez TipTop Coiffure, votre barbershop de r\u00e9f\u00e9rence au 113 Bis Cours Jean Jaur\u00e8s \u00e0 Grenoble. Coupe homme (17\u20ac), Barbe (12\u20ac) et forfaits complets. R\u00e9servez en ligne.\">\n \n <!-- Polices (Version Originale) -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\n \n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <style>\n :root {\n --primary: #242424;\n --secondary: #d4af5d;\n --text-light: #ffffff;\n --text-muted: #a0a0a0;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary);\n color: var(--text-light);\n scroll-behavior: smooth;\n margin: 0;\n padding: 0;\n }\n\n h1, h2, h3 {\n font-family: 'Playfair Display', serif;\n }\n\n .gold-text { color: var(--secondary); }\n .gold-bg { background-color: var(--secondary); }\n .gold-border { border-color: var(--secondary); }\n\n .btn-booking {\n background-color: var(--secondary);\n color: var(--primary);\n transition: all 0.3s ease;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 1px;\n display: inline-block;\n }\n\n .btn-booking:hover {\n background-color: #f1c40f;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(212, 175, 93, 0.4);\n }\n\n .section-padding { padding: 80px 20px; }\n\n .booking-container {\n border: 2px solid var(--secondary);\n border-radius: 12px;\n overflow: hidden;\n background: #ffffff;\n }\n\n iframe {\n width: 100%;\n height: 700px;\n border: none;\n }\n\n .service-item {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n margin-bottom: 1rem;\n border-bottom: 1px dotted rgba(212, 175, 93, 0.3);\n padding-bottom: 0.5rem;\n }\n\n .card-custom {\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(212, 175, 93, 0.2);\n transition: border 0.3s ease;\n }\n\n .card-custom:hover {\n border-color: var(--secondary);\n }\n \/* HERO RESPONSIVE *\/\n .hero-section {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 4rem 1rem;\n min-height: 100vh; \/* plein \u00e9cran sur t\u00e9l\u00e9phone *\/\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .hero-section {\n min-height: 85vh; \/* un peu plus compact sur desktop *\/\n }\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\n\n .hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center top; \/* sur t\u00e9l\u00e9phone : on voit bien le bas (les fauteuils) *\/\n }\n\n @media (min-width: 1024px) {\n .hero-bg img {\n object-position: center; \/* sur grand \u00e9cran : recadrage plus \u00e9quilibr\u00e9 *\/\n }\n }\n\n .hero-overlay {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.6); \/* filtre de luminosit\u00e9 *\/\n z-index: 10;\n }\n\n .hero-content {\n position: relative;\n z-index: 20;\n max-width: 64rem;\n margin: 0 auto;\n }\n\n <\/style>\n<\/head>\n<body>\n\n <!-- Hero Section (Sans Header) -->\n <section class=\"hero-section\">\n <!-- Image de fond -->\n <div class=\"hero-bg\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585747860715-2ba37e788b70?auto=format&fit=crop&q=80&w=1920\"\n alt=\"Ambiance Barbershop TipTop\">\n <\/div>\n\n <!-- Filtre sombre -->\n <div class=\"hero-overlay\"><\/div>\n\n <!-- Contenu Hero -->\n <div class=\"hero-content\">\n <!-- Logo Hero centr\u00e9 -->\n <img decoding=\"async\" src=\"https:\/\/tiptopcoiffure.fr\/wp-content\/uploads\/2026\/01\/Logo_BY_TIP_TOP_Logo1-All-transparent-1.png\"\n alt=\"TipTop Logo\"\n class=\"mx-auto mb-6 drop-shadow-2xl\"\n style=\"max-width: 200px; height:auto;\">\n\n <h1 class=\"text-5xl md:text-7xl mb-6 font-bold uppercase tracking-tight\">\n TipTop <span class=\"gold-text\">Coiffure<\/span>\n <\/h1>\n\n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <a href=\"#reservation\" class=\"btn-booking px-10 py-4 rounded-md text-lg\">\n Prendre rendez-vous\n <\/a>\n <a href=\"#tarifs\"\n class=\"border border-[#d4af5d] px-10 py-4 rounded-md text-lg hover:bg-[#d4af5d]\/10 transition\">\n Nos tarifs\n <\/a>\n <\/div>\n\n <p class=\"mt-8 text-[#d4af5d] font-bold uppercase tracking-widest text-sm\">\n 113 Bis Cours Jean Jaur\u00e8s, Grenoble\n <\/p>\n <\/div>\n <\/section>\n\n\n\n\n <!-- Section Tarifs -->\n <section id=\"tarifs\" class=\"section-padding max-w-7xl mx-auto\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-4xl md:text-5xl mb-4 italic\">Nos <span class=\"gold-text\">Prestations<\/span><\/h2>\n <div class=\"w-24 h-1 gold-bg mx-auto\"><\/div>\n <\/div>\n \n <div class=\"grid lg:grid-cols-2 gap-10\">\n <!-- L'essentiel & Soins -->\n <div class=\"space-y-10\">\n <div class=\"card-custom p-8 rounded-lg\">\n <h3 class=\"text-2xl mb-6 gold-text uppercase tracking-tighter\">L'essentiel<\/h3>\n <div class=\"service-item\"><span class=\"font-normal\">Coupe<\/span><span class=\"font-bold\">17\u20ac<\/span><\/div>\n <div class=\"service-item\"><span class=\"font-normal\">Barbe au rasoir<\/span><span class=\"font-bold\">12\u20ac<\/span><\/div>\n <div class=\"service-item\"><span class=\"font-normal\">Tout \u00e0 \u00ab zero \u00bb<\/span><span class=\"font-bold\">10\u20ac<\/span><\/div>\n <\/div>\n\n <div class=\"card-custom p-8 rounded-lg\">\n <h3 class=\"text-2xl mb-6 gold-text uppercase tracking-tighter\">Nos Soins<\/h3>\n <div class=\"service-item\"><span class=\"font-normal\">Masque noir<\/span><span class=\"font-bold\">10\u20ac<\/span><\/div>\n <div class=\"service-item\"><span class=\"font-normal\">Masque argile<\/span><span class=\"font-bold\">10\u20ac<\/span><\/div>\n <\/div>\n <\/div>\n\n <!-- Forfaits TipTop -->\n <div class=\"card-custom p-8 rounded-lg border-2 border-[#d4af5d]\">\n <h3 class=\"text-2xl mb-6 gold-text uppercase tracking-tighter\">Nos forfaits TipTop<\/h3>\n <div class=\"service-item\"><span class=\"font-normal\">Coupe + Barbe<\/span><span class=\"font-bold\">24\u20ac<\/span><\/div>\n <div class=\"service-item\"><span class=\"font-normal\">Coupe + 1 Masque<\/span><span class=\"font-bold\">25\u20ac<\/span><\/div>\n <div class=\"service-item\"><span class=\"font-normal\">Coupe + 2 Masques<\/span><span class=\"font-bold\">35\u20ac<\/span><\/div>\n <div class=\"service-item\"><span class=\"font-normal italic text-white\">Coupe + Barbe + 1 Masque<\/span><span class=\"font-bold\">30\u20ac<\/span><\/div>\n <div class=\"service-item\"><span class=\"font-normal\">Coupe + Barbe + 2 Masques<\/span><span class=\"font-bold\">40\u20ac<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Section R\u00e9servation -->\n <section id=\"reservation\" class=\"section-padding bg-black\/50\">\n <div class=\"max-w-5xl mx-auto text-center\">\n <h2 class=\"text-4xl mb-4\">R\u00e9servez votre <span class=\"gold-text\">Instant<\/span><\/h2>\n <p class=\"text-muted mb-12 italic text-lg tracking-wide\">Choisissez votre prestation et votre cr\u00e9neau.<\/p>\n \n <div class=\"booking-container shadow-2xl\">\n <iframe src=\"https:\/\/tiptopcoiffure.fr\/?selected_location=1&background_pattern=pattern_18&hide_side_panel=yes&latepoint=instant\" title=\"R\u00e9servation en ligne TipTop Coiffure\"><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Section Contact \/ Plan Carr\u00e9 -->\n <section id=\"contact\" class=\"section-padding max-w-7xl mx-auto grid md:grid-cols-2 gap-12 items-center\">\n <div>\n <h2 class=\"text-4xl mb-6 italic\">Nous <span class=\"gold-text\">Trouver<\/span><\/h2>\n <p class=\"text-xl mb-4 font-bold\">TipTop Coiffure<\/p>\n <p class=\"text-muted mb-2 text-lg\">\ud83d\udccd 113 Bis Cours Jean Jaur\u00e8s, 38000 Grenoble<\/p>\n \n <div class=\"mt-8 p-6 border-l-4 border-[#d4af5d] bg-white\/5\">\n <h4 class=\"font-bold mb-4 gold-text uppercase tracking-widest text-xs\">Horaires d'ouverture<\/h4>\n <ul class=\"text-sm space-y-2\">\n <li class=\"flex justify-between border-b border-white\/5 pb-1 text-white\"><span>Lundi<\/span> <span class=\"text-red-500 font-bold uppercase text-[10px]\">Ferm\u00e9<\/span><\/li>\n <li class=\"flex justify-between border-b border-white\/5 pb-1 text-white\"><span>Mardi - Samedi<\/span> <span>09:00 - 19:00<\/span><\/li>\n <li class=\"flex justify-between text-white\"><span>Dimanche<\/span> <span class=\"text-red-500 font-bold uppercase text-[10px]\">Ferm\u00e9<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <!-- Format Carr\u00e9 pour le plan -->\n <div class=\"flex justify-center\">\n <div class=\"w-full max-w-sm aspect-square bg-gray-900 rounded-lg overflow-hidden border border-[#d4af5d]\/30 flex items-center justify-center shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/tiptopcoiffure.fr\/wp-content\/uploads\/2026\/01\/Capture-decran-2026-01-05-a-22.17.11.png\" alt=\"Plan d'acc\u00e8s TipTop Coiffure\" class=\"max-w-full max-h-full object-contain\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"py-12 border-t border-white\/10 text-center text-muted text-sm uppercase tracking-widest\">\n <img decoding=\"async\" src=\"https:\/\/tiptopcoiffure.fr\/wp-content\/uploads\/2026\/01\/Logo_BY_TIP_TOP_Logo-Fond-Noir-1-scaled.jpg\" alt=\"Logo Footer\" class=\"h-10 mx-auto mb-6 opacity-40\">\n <p>© 2026 TipTop Coiffure - Grenoble<\/p>\n <\/footer>\n\n <!-- SEO Local -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"BarberShop\",\n \"name\": \"TipTop Coiffure\",\n \"image\": \"https:\/\/tiptopcoiffure.fr\/wp-content\/uploads\/2026\/01\/Logo_BY_TIP_TOP_Logo-Fond-Noir-1-scaled.jpg\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"113 Bis Cours Jean Jaur\u00e8s\",\n \"addressLocality\": \"Grenoble\",\n \"postalCode\": \"38000\",\n \"addressCountry\": \"FR\"\n },\n \"openingHoursSpecification\": [\n {\n \"@type\": \"OpeningHoursSpecification\",\n \"dayOfWeek\": [\"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\"],\n \"opens\": \"09:00\",\n \"closes\": \"19:00\"\n }\n ],\n \"url\": \"https:\/\/tiptopcoiffure.fr\",\n \"priceRange\": \"\u20ac\"\n }\n <\/script>\n<\/body>\n<\/html>\n\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>TipTop Coiffure | Barbier & Coiffeur Homme \u00e0 Grenoble (38000) TipTop Coiffure Prendre rendez-vous Nos tarifs 113 Bis Cours Jean Jaur\u00e8s, Grenoble Nos Prestations L’essentiel Coupe17\u20ac Barbe au rasoir12\u20ac Tout \u00e0 \u00ab zero \u00bb10\u20ac Nos Soins Masque noir10\u20ac Masque argile10\u20ac Nos forfaits TipTop Coupe + Barbe24\u20ac Coupe + 1 Masque25\u20ac Coupe + 2 Masques35\u20ac Coupe […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiptopcoiffure.fr\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiptopcoiffure.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiptopcoiffure.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiptopcoiffure.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiptopcoiffure.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":52,"href":"https:\/\/tiptopcoiffure.fr\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/tiptopcoiffure.fr\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/tiptopcoiffure.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}