{"id":15428,"date":"2026-09-16T10:16:54","date_gmt":"2026-09-16T08:16:54","guid":{"rendered":"https:\/\/www.bocklip.com\/experiences\/?page_id=15428"},"modified":"2026-09-16T17:01:59","modified_gmt":"2026-09-16T15:01:59","slug":"landing-page-it","status":"publish","type":"page","link":"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/","title":{"rendered":"Benvenuti da Bocklip"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15428\" class=\"elementor elementor-15428\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6aa5bc5 e-flex e-con-boxed e-con e-parent\" data-id=\"6aa5bc5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-858f04c elementor-widget elementor-widget-html\" data-id=\"858f04c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================================\n     LANDING PAGE COMPL\u00c8TE \u2014 BOCKLIP (VERSION AVEC JAVASCRIPT \u2014 VERSION LIVE)\n     Cette version contient un <script> en bas de page : carrousels avec\n     d\u00e9filement automatique ET navigation manuelle (fl\u00e8ches, glisser \u00e0 la\n     souris\/au doigt), animations d'apparition au scroll, ombre de l'en-t\u00eate.\n     Une version 100% HTML\/CSS sans JavaScript existe en secours\n     (bocklip-landing-page.html) si jamais le pare-feu de s\u00e9curit\u00e9 WordPress\n     venait \u00e0 bloquer l'enregistrement d'une balise <script>.\n     \u00c0 coller dans le widget \"Code HTML\" Elementor, en remplacement complet\n     du contenu actuel de la page.\n     ============================================================================ -->\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=Raleway:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .bkp * { box-sizing: border-box; }\n  .bkp {\n    font-family: 'Raleway', -apple-system, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: #161616;\n    background: #fff;\n    line-height: 1.5;\n  }\n  .bkp a { text-decoration: none; color: inherit; }\n  .bkp img { display: block; max-width: 100%; }\n  .bkp ul { list-style: none; margin: 0; padding: 0; }\n\n  \/* ---------- Conteneurs & rythme vertical ---------- *\/\n  .bkp .wrap { max-width: 1520px; margin: 0 auto; padding: 0 48px; }\n  .bkp .section { padding: 88px 0; }\n  .bkp .section--cream { background: #F7F7F7; } \/* teinte 3% noir, cf charte graphique *\/\n\n  \/* ---------- \u00c9tiquette de section ---------- *\/\n  .bkp .eyebrow {\n    display: flex; align-items: center; gap: 14px;\n    font-size: 12px; letter-spacing: 2px; text-transform: uppercase;\n    color: #8a8a8a; margin-bottom: 14px;\n  }\n  .bkp .eyebrow::after {\n    content: \"\"; flex: 0 0 90px; height: 8px;\n    background-image: repeating-linear-gradient(115deg, #cccccc 0 2px, transparent 2px 7px); \/* teinte 20% noir *\/\n  }\n  .bkp .section-head { margin-bottom: 36px; }\n  .bkp .section-head h2 {\n    font-size: 36px; font-weight: 500; margin: 0 0 10px; letter-spacing: -0.3px;\n  }\n  .bkp .section-head p { font-size: 17px; color: #6b6b6b; margin: 0; max-width: 680px; }\n  .bkp .section-head--row {\n    display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap;\n  }\n\n  \/* ---------- Boutons ---------- *\/\n  .bkp .btn {\n    display: inline-flex; align-items: center; gap: 12px;\n    padding: 14px 24px; font-size: 15px; border-radius: 2px; white-space: nowrap;\n    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;\n  }\n  .bkp .btn--black { background: #161616; color: #fff; }\n  .bkp .btn--black:hover { background: #000; transform: translateY(-2px); }\n  .bkp .btn--outline { background: #fff; color: #161616; border: 1px solid #161616; }\n  .bkp .btn--outline:hover { background: #161616; color: #fff; transform: translateY(-2px); }\n  .bkp .btn .arrow { transition: transform .2s ease; }\n  .bkp .btn:hover .arrow { transform: translateX(4px); }\n  .bkp .hero-content .btn--outline:hover { background: rgba(255,255,255,.18); color: #fff; }\n  .bkp .link-arrow {\n    display: inline-flex; align-items: center; gap: 10px;\n    font-size: 14px; font-weight: 600; color: #161616; border-bottom: 1px solid #161616; padding-bottom: 2px;\n    transition: opacity .2s ease;\n  }\n  .bkp .link-arrow span { display: inline-block; transition: transform .2s ease; }\n  .bkp .link-arrow:hover { opacity: .6; }\n  .bkp .link-arrow:hover span { transform: translateX(4px); }\n\n  \/* ================= EN-T\u00caTE ================= *\/\n  .bkp .site-header {\n    border-bottom: 1px solid #eee; padding: 20px 0;\n  }\n  .bkp .site-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 32px; }\n  .bkp .logo { font-size: 22px; font-weight: 700; letter-spacing: 1px; }\n  .bkp .logo-img { height: 30px; width: auto; transition: opacity .2s ease; }\n  .bkp .site-header .wrap > a:hover .logo-img { opacity: .65; }\n  .bkp .site-footer .logo-img { height: 26px; filter: brightness(0) invert(1); }\n  .bkp .main-nav ul { display: flex; gap: 28px; font-size: 14px; }\n  .bkp .main-nav ul a { position: relative; display: inline-block; padding-bottom: 3px; transition: color .2s ease; }\n  .bkp .main-nav ul a::after {\n    content: \"\"; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;\n    background: #161616; transform: scaleX(0); transform-origin: left; transition: transform .25s ease;\n  }\n  .bkp .main-nav ul a:hover::after { transform: scaleX(1); }\n  .bkp .header-actions { display: flex; align-items: center; gap: 14px; }\n  .bkp .header-actions .btn { padding: 11px 20px; font-size: 14px; }\n\n  \/* Sur mobile, les deux boutons restent visibles dans la banni\u00e8re (comme\n     sur PC), sans menu hamburger : on r\u00e9duit juste leur taille pour que\n     tout tienne sur une ligne \u00e0 c\u00f4t\u00e9 du logo. *\/\n  @media (max-width: 640px) {\n    .bkp .site-header .wrap { gap: 10px; }\n    .bkp .header-actions { gap: 8px; }\n    .bkp .header-actions .btn { padding: 9px 13px; font-size: 12.5px; }\n  }\n  @media (max-width: 400px) {\n    .bkp .logo-img { height: 20px; }\n    .bkp .header-actions { gap: 6px; }\n    .bkp .header-actions .btn { padding: 8px 10px; font-size: 11px; }\n  }\n\n  \/* ================= HERO ================= *\/\n  .bkp .hero {\n    position: relative; min-height: 640px; display: flex; align-items: center;\n    background-size: cover; background-position: center; color: #fff;\n  }\n  .bkp .hero::before {\n    content: \"\"; position: absolute; inset: 0;\n    background: linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.12) 55%, rgba(0,0,0,0) 75%);\n  }\n  .bkp .hero .wrap { position: relative; z-index: 1; }\n  .bkp .hero-content { max-width: 560px; }\n  .bkp .hero-content h1 { font-size: 48px; font-weight: 500; line-height: 1.15; margin: 0 0 18px; }\n  .bkp .hero-content p { font-size: 18px; margin: 0 0 30px; opacity: .92; }\n  .bkp .hero-content .btn-row { display: flex; gap: 14px; flex-wrap: wrap; }\n  .bkp .hero-content .btn--outline { background: rgba(255,255,255,.08); color: #fff; border-color: #fff; }\n\n  \/* ================= ANIMATIONS ================= *\/\n  @keyframes bkpFadeInUp {\n    from { opacity: 0; transform: translateY(18px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  .bkp .hero-content h1       { animation: bkpFadeInUp .7s ease both; }\n  .bkp .hero-content p        { animation: bkpFadeInUp .7s ease .12s both; }\n  .bkp .hero-content .btn-row { animation: bkpFadeInUp .7s ease .24s both; }\n\n  .bkp .project-card,\n  .bkp .review-card,\n  .bkp .info-card,\n  .bkp .samples-card {\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .bkp .project-card:hover,\n  .bkp .review-card:hover,\n  .bkp .info-card:hover,\n  .bkp .samples-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 14px 28px rgba(0,0,0,.09);\n  }\n  .bkp .room-item { display: block; transition: transform .25s ease; }\n  .bkp .room-item:hover { transform: translateY(-4px); }\n  .bkp .room-item .thumb img { transition: filter .25s ease, transform .5s ease; }\n  .bkp .room-item:hover .thumb img { filter: brightness(1.05); transform: scale(1.07); }\n\n  .bkp .carousel-arrow { transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }\n  .bkp .carousel-arrow:hover { transform: translateY(-50%) scale(1.08); }\n  .bkp .review-shell .carousel-arrow:hover { transform: scale(1.08); }\n\n  \/* \u00c9l\u00e9ments anim\u00e9s \u00e0 l'entr\u00e9e dans le viewport (classe ajout\u00e9e par le script).\n     Visibles par d\u00e9faut (opacity:1) pour que la page reste 100% utilisable et\n     lisible m\u00eame si le script ne s'ex\u00e9cute pas ; l'animation n'est qu'un bonus\n     progressif activ\u00e9 via la classe .js-anim ajout\u00e9e par le script sur <body>. *\/\n  .bkp .reveal { opacity: 1; }\n  .js-anim .bkp .reveal { opacity: 0; transform: translateY(28px) scale(.97); transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); }\n  .js-anim .bkp .reveal.is-visible { opacity: 1; transform: translateY(0) scale(1); }\n\n  \/* Variante \"fondu seul\" : pour les cartes qui ont d\u00e9j\u00e0 leur propre effet\n     transform au survol (info-card, room-item, press-logo-img), afin de ne\n     jamais entrer en conflit avec ce transform au survol. *\/\n  .bkp .reveal-fade { opacity: 1; }\n  .js-anim .bkp .reveal-fade { opacity: 0; transition: opacity .6s ease; }\n  .js-anim .bkp .reveal-fade.is-visible { opacity: 1; }\n\n  \/* Effet de cascade entre les \u00e9l\u00e9ments d'une m\u00eame grille *\/\n  .bkp .grid-3 > *:nth-child(2), .bkp .grid-4 > *:nth-child(2), .bkp .room-grid > *:nth-child(2), .bkp .press-logos > *:nth-child(2), .bkp .faq-list > *:nth-child(2) { transition-delay: .08s; }\n  .bkp .grid-3 > *:nth-child(3), .bkp .grid-4 > *:nth-child(3), .bkp .room-grid > *:nth-child(3), .bkp .press-logos > *:nth-child(3), .bkp .faq-list > *:nth-child(3) { transition-delay: .16s; }\n  .bkp .grid-4 > *:nth-child(4), .bkp .room-grid > *:nth-child(4), .bkp .press-logos > *:nth-child(4), .bkp .faq-list > *:nth-child(4) { transition-delay: .24s; }\n  .bkp .room-grid > *:nth-child(5), .bkp .faq-list > *:nth-child(5) { transition-delay: .32s; }\n  .bkp .faq-list > *:nth-child(6) { transition-delay: .40s; }\n  .bkp .faq-list > *:nth-child(7) { transition-delay: .48s; }\n  .bkp .faq-list > *:nth-child(8) { transition-delay: .56s; }\n\n  \/* En-t\u00eate fixe avec ombre l\u00e9g\u00e8re une fois la page d\u00e9fil\u00e9e *\/\n  .bkp .site-header { position: sticky; top: 0; z-index: 60; background: #fff; transition: box-shadow .3s ease; }\n  .bkp .site-header.is-scrolled { box-shadow: 0 4px 20px rgba(0,0,0,.08); }\n\n  \/* ================= CARROUSEL DE PROJETS ================= *\/\n  .bkp .carousel-shell { position: relative; }\n  .bkp .carousel-track {\n    \/* Pas de scroll-snap ici : il entrait en conflit avec le d\u00e9filement automatique\n       fluide en continu (le navigateur \"re-scotchait\" le carrousel au point de d\u00e9part\n       \u00e0 chaque micro-mouvement). Les fl\u00e8ches compensent en faisant d\u00e9filer d'une\n       carte exacte \u00e0 chaque clic. *\/\n    display: flex; gap: 24px; overflow-x: auto; scroll-behavior: smooth;\n    -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 4px;\n  }\n  .bkp .carousel-track::-webkit-scrollbar { display: none; }\n  .bkp .project-card {\n    flex: 0 0 calc(25% - 18px); min-width: 230px; scroll-snap-align: start;\n    background: #fff; border: 1px solid #eee; border-radius: 4px; overflow: hidden;\n  }\n  .bkp .project-card .thumb { width: 100%; aspect-ratio: 4\/3; overflow: hidden; }\n  .bkp .project-card .thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform .5s ease; }\n  .bkp .project-card:hover .thumb img { transform: scale(1.07); }\n  .bkp .project-card .body { padding: 18px 20px 22px; }\n  .bkp .project-card .cat {\n    font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; margin: 0 0 4px;\n  }\n  .bkp .project-card .material { font-size: 14px; color: #6b6b6b; margin: 0 0 16px; }\n  .bkp .project-card .price-btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: #161616; color: #fff; font-size: 13px; padding: 10px 16px; border-radius: 2px;\n    transition: gap .2s ease;\n  }\n  .bkp .project-card:hover .price-btn { gap: 14px; }\n  .bkp .project-card--cta {\n    background: #161616; color: #fff; display: flex; flex-direction: column;\n    justify-content: center; padding: 28px 24px; gap: 14px;\n  }\n  .bkp .project-card--cta .icon {\n    width: 34px; height: 34px; border-radius: 50%; background: #fff; color: #161616;\n    display: flex; align-items: center; justify-content: center; font-size: 16px;\n  }\n  .bkp .project-card--cta strong { font-size: 16px; }\n  .bkp .project-card--cta span { font-size: 13px; opacity: .75; }\n  .bkp .project-card--cta .link-arrow { color: #fff; border-color: #fff; margin-top: 6px; }\n\n  .bkp .carousel-arrow {\n    position: absolute; top: 38%; transform: translateY(-50%); z-index: 2;\n    width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ddd; background: #fff;\n    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #161616;\n    cursor: pointer; padding: 0; font-family: inherit; line-height: 1;\n  }\n  .bkp .carousel-arrow:hover { background: #161616; color: #fff; border-color: #161616; }\n  .bkp .carousel-arrow.prev { left: -20px; }\n  .bkp .carousel-arrow.next { right: -20px; }\n\n  @media (max-width: 1000px) { .bkp .project-card { flex-basis: calc(50% - 12px); } }\n  @media (max-width: 620px)  { .bkp .project-card { flex-basis: 84%; } }\n\n  \/* ================= GRILLE 3 COLONNES (chiffrage \/ services) ================= *\/\n  .bkp .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n  .bkp .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\n  .bkp .info-card {\n    background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 28px 26px;\n  }\n  .bkp .info-card .icon {\n    width: 40px; height: 40px; border-radius: 50%; background: #E6E6E6; \/* teinte 10% noir *\/\n    display: flex; align-items: center; justify-content: center; margin-bottom: 18px;\n    transition: transform .25s ease;\n  }\n  .bkp .info-card:hover .icon { transform: scale(1.1) rotate(-4deg); }\n  .bkp .icon svg { display: block; }\n  .bkp .info-card h3 { font-size: 17px; margin: 0 0 8px; font-weight: 600; }\n  .bkp .info-card p { font-size: 14px; color: #6b6b6b; margin: 0 0 18px; }\n\n  @media (max-width: 900px) { .bkp .grid-3, .bkp .grid-4 { grid-template-columns: repeat(2,1fr); } }\n  @media (max-width: 560px) { .bkp .grid-3, .bkp .grid-4 { grid-template-columns: 1fr; } }\n\n  \/* ================= AVIS CLIENTS (carrousel) ================= *\/\n  .bkp .review-card {\n    flex: 0 0 calc(50% - 12px); min-width: 240px; scroll-snap-align: start;\n    background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 20px 22px;\n  }\n  .bkp .review-card .stars { display: flex; gap: 3px; color: #161616; margin-bottom: 10px; }\n  .bkp .review-card .quote { font-size: 13px; color: #333; margin: 0 0 12px; line-height: 1.45; }\n  .bkp .review-card .author { font-size: 12px; font-weight: 600; color: #6b6b6b; margin: 0; }\n  \/* Centrage vertical robuste quel que soit la hauteur des avis (texte de longueur\n     variable) : on ancre le bouton sur toute la hauteur du bloc (top:0 + bottom:0)\n     et on centre avec margin:auto, plut\u00f4t qu'un top en % qui peut mal se recalculer\n     quand la hauteur du carrousel change (c'\u00e9tait la cause du bug des fl\u00e8ches qui\n     se retrouvaient d\u00e9cal\u00e9es sous les avis). *\/\n  .bkp .review-shell .carousel-arrow { top: 0; bottom: 0; transform: none; margin: auto 0; }\n  @media (max-width: 620px) { .bkp .review-card { flex-basis: 86%; } }\n\n  \/* ================= EXPLOREZ PAR PI\u00c8CE ================= *\/\n  .bkp .room-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }\n  .bkp .room-item .thumb { width: 100%; aspect-ratio: 1\/1; border-radius: 4px; margin-bottom: 10px; overflow: hidden; }\n  .bkp .room-item .thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }\n  .bkp .room-item span { font-size: 13px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; }\n  @media (max-width: 900px) { .bkp .room-grid { grid-template-columns: repeat(3,1fr); } }\n  @media (max-width: 560px) { .bkp .room-grid { grid-template-columns: repeat(2,1fr); } }\n\n  \/* ================= \u00c9CHANTILLONS ================= *\/\n  .bkp .samples-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }\n  .bkp .samples-title { font-size: 34px; font-weight: 500; margin: 0 0 16px; letter-spacing: -0.3px; }\n  .bkp .samples-text { font-size: 16px; color: #6b6b6b; margin: 0 0 28px; max-width: 480px; }\n  .bkp .samples-card { background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 32px 30px; }\n  .bkp .samples-card .icon {\n    width: 40px; height: 40px; border-radius: 50%; background: #E6E6E6;\n    display: flex; align-items: center; justify-content: center; margin-bottom: 18px;\n    transition: transform .25s ease;\n  }\n  .bkp .samples-card:hover .icon { transform: scale(1.1) rotate(-4deg); }\n  .bkp .samples-meta { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #6b6b6b; margin: 0 0 8px; }\n  .bkp .samples-card h3 { font-size: 19px; font-weight: 600; margin: 0 0 10px; }\n  .bkp .samples-card p { font-size: 14px; color: #6b6b6b; margin: 0 0 22px; }\n  .bkp .samples-image { border-radius: 4px; overflow: hidden; aspect-ratio: 4\/3; }\n  .bkp .samples-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform .6s ease; }\n  .bkp .samples-image:hover img { transform: scale(1.05); }\n  @media (max-width: 900px) { .bkp .samples-grid { grid-template-columns: 1fr; } }\n\n  \/* ================= BANDEAU FINAL ================= *\/\n  .bkp .closing-banner { text-align: center; padding: 56px 0; }\n  .bkp .closing-banner h2 { font-size: 30px; font-weight: 500; margin: 0; }\n\n  \/* ================= FOOTER ================= *\/\n  .bkp .site-footer { background: #161616; color: #d8d8d8; padding: 60px 0 30px; }\n  .bkp .footer-grid { display: grid; grid-template-columns: 1.3fr repeat(3, 1fr) 1.3fr; gap: 32px; margin-bottom: 50px; }\n  .bkp .site-footer h4 { color: #fff; font-size: 14px; margin: 0 0 16px; text-transform: uppercase; letter-spacing: .5px; }\n  .bkp .site-footer li { margin-bottom: 10px; font-size: 14px; }\n  .bkp .site-footer a { transition: color .2s ease, padding-left .2s ease; }\n  .bkp .site-footer a:hover { color: #fff; padding-left: 3px; }\n  .bkp .footer-bottom {\n    border-top: 1px solid #2c2c2c; padding-top: 24px; font-size: 13px; color: #888;\n    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;\n  }\n  @media (max-width: 900px) { .bkp .footer-grid { grid-template-columns: repeat(2,1fr); } }\n\n  \/* ================= PRESSE ================= *\/\n  .bkp .press-strip { padding: 52px 0 58px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }\n  .bkp .press-strip .wrap { display: flex; flex-direction: column; align-items: center; gap: 36px; }\n  .bkp .press-strip .press-label { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #8a8a8a; text-align: center; }\n  .bkp .press-logos { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; justify-items: center; gap: 40px; width: 100%; }\n  .bkp .press-logo-img { height: 76px; width: auto; max-width: 100%; filter: grayscale(1); opacity: .62; transition: opacity .2s ease, transform .2s ease; }\n  .bkp .press-logo-img:hover { opacity: 1; transform: scale(1.05); }\n  @media (max-width: 860px) { .bkp .press-logos { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; } .bkp .press-logo-img { height: 52px; } }\n  @media (max-width: 480px) { .bkp .press-logo-img { height: 42px; } }\n\n  \/* ================= FAQ ================= *\/\n  .bkp .faq-wrap { display: grid; grid-template-columns: 1fr 380px; gap: 56px; }\n  .bkp .faq-list { max-width: 780px; }\n  .bkp .faq-image { border-radius: 4px; overflow: hidden; }\n  .bkp .faq-image img { width: 100%; object-fit: cover; object-position: center; display: block; transition: transform .6s ease; }\n  .bkp .faq-image:hover img { transform: scale(1.05); }\n  \/* Ratio proche de la photo d'origine (paysage, ~4\/3) pour \u00e9viter de recadrer\n     l'image en format portrait tr\u00e8s serr\u00e9 (l'enseigne \"BOCKLIP\" du showroom\n     doit rester bien visible, sur mobile comme sur ordinateur). *\/\n  @media (min-width: 901px) { .bkp .faq-image, .bkp .faq-image img { aspect-ratio: 4\/3; height: auto; } }\n  @media (max-width: 900px) { .bkp .faq-wrap { grid-template-columns: 1fr; gap: 32px; } .bkp .faq-image img { aspect-ratio: 4\/3; height: auto; } }\n  .bkp .faq-item { border-bottom: 1px solid #eee; }\n  .bkp .faq-item summary {\n    list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between;\n    gap: 20px; padding: 22px 0; font-size: 16px; font-weight: 600;\n    transition: padding-left .2s ease;\n  }\n  .bkp .faq-item summary:hover { padding-left: 4px; }\n  .bkp .faq-item summary::-webkit-details-marker { display: none; }\n  .bkp .faq-item .faq-icon { flex: 0 0 auto; transition: transform .2s ease; }\n  .bkp .faq-item[open] .faq-icon { transform: rotate(45deg); }\n  .bkp .faq-item p { font-size: 14px; color: #6b6b6b; margin: 0 0 24px; max-width: 640px; }\n\n  \/* ================= PASSE MOBILE (lisibilit\u00e9 & confort tactile) ================= *\/\n  .bkp .carousel-track { scroll-padding-left: 20px; }\n\n  @media (max-width: 640px) {\n    .bkp .wrap { padding: 0 20px; }\n    .bkp .section { padding: 56px 0; }\n    .bkp .section-head { margin-bottom: 30px; }\n    .bkp .section-head h2 { font-size: 23px; }\n    .bkp .section-head p { font-size: 14.5px; }\n    .bkp .section-head--row { align-items: flex-start; }\n    .bkp .eyebrow { margin-bottom: 10px; }\n    .bkp .eyebrow::after { flex-basis: 50px; }\n\n    .bkp .site-header { padding: 14px 0; }\n    .bkp .logo-img { height: 24px; }\n\n    \/* La photo occupe tout le premier \u00e9cran (sous la banni\u00e8re) pour un\n       rendu plus premium au chargement de la page. *\/\n    .bkp .hero {\n      min-height: 440px;\n      min-height: calc(100vh - 64px);\n      min-height: calc(100svh - 64px);\n    }\n    .bkp .hero-content { max-width: 100%; }\n    .bkp .hero-content h1 { font-size: 27px; }\n    .bkp .hero-content p { font-size: 14px; margin: 0 0 22px; }\n    .bkp .hero-content .btn-row { flex-direction: column; align-items: stretch; gap: 10px; }\n    .bkp .hero-content .btn-row .btn { justify-content: center; }\n\n    .bkp .carousel-arrow { width: 34px; height: 34px; font-size: 15px; }\n    .bkp .carousel-arrow.prev { left: 4px; }\n    .bkp .carousel-arrow.next { right: 4px; }\n\n    .bkp .info-card { padding: 22px 20px; }\n    .bkp .info-card h3 { font-size: 16px; }\n    .bkp .info-card p { font-size: 13.5px; }\n\n    .bkp .samples-title { font-size: 23px; }\n    .bkp .samples-text { font-size: 14.5px; }\n    .bkp .samples-card { padding: 24px 20px; }\n\n    .bkp .closing-banner { padding: 48px 0; }\n    .bkp .closing-banner h2 { font-size: 20px; padding: 0 8px; }\n\n    .bkp .site-footer { padding: 48px 0 24px; }\n    .bkp .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; margin-bottom: 34px; }\n    .bkp .footer-bottom { flex-direction: column; align-items: flex-start; gap: 6px; }\n\n    .bkp .press-strip { padding: 44px 0 50px; }\n    .bkp .press-strip .wrap { gap: 24px; }\n    .bkp .press-strip .press-label { font-size: 12px; }\n\n    .bkp .faq-item summary { font-size: 15px; padding: 18px 0; gap: 14px; }\n    .bkp .faq-item p { font-size: 13.5px; margin-bottom: 20px; }\n\n    \/* Sur mobile, les grilles deviennent des carrousels horizontaux\n       (glisser au doigt \/ \u00e0 la souris) au lieu de s'empiler en plusieurs\n       lignes : plus rapide \u00e0 parcourir, comme sur la version PC. *\/\n    .bkp .grid-3,\n    .bkp .grid-4,\n    .bkp .room-grid,\n    .bkp .press-logos {\n      display: flex;\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      scroll-snap-type: x proximity;\n      -webkit-overflow-scrolling: touch;\n      gap: 16px;\n      padding-bottom: 12px;\n      scrollbar-width: thin;\n      scrollbar-color: #ddd transparent;\n    }\n    .bkp .grid-3::-webkit-scrollbar,\n    .bkp .grid-4::-webkit-scrollbar,\n    .bkp .room-grid::-webkit-scrollbar,\n    .bkp .press-logos::-webkit-scrollbar { height: 6px; }\n    .bkp .grid-3::-webkit-scrollbar-track,\n    .bkp .grid-4::-webkit-scrollbar-track,\n    .bkp .room-grid::-webkit-scrollbar-track,\n    .bkp .press-logos::-webkit-scrollbar-track { background: transparent; }\n    .bkp .grid-3::-webkit-scrollbar-thumb,\n    .bkp .grid-4::-webkit-scrollbar-thumb,\n    .bkp .room-grid::-webkit-scrollbar-thumb,\n    .bkp .press-logos::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }\n\n    .bkp .grid-3 > *,\n    .bkp .grid-4 > * { flex: 0 0 78%; max-width: 300px; scroll-snap-align: start; }\n    .bkp .room-grid > * { flex: 0 0 130px; scroll-snap-align: start; }\n    .bkp .press-logos { justify-content: flex-start; width: auto; }\n    .bkp .press-logos > * { flex: 0 0 auto; scroll-snap-align: start; }\n  }\n\n  @media (max-width: 420px) {\n    .bkp .footer-grid { grid-template-columns: 1fr; gap: 24px; }\n    .bkp .hero-content h1 { font-size: 24px; }\n  }\n\n  \/* ================= S\u00c9LECTEUR DE LANGUE ================= *\/\n  .bkp .lang-switch { position: relative; flex: 0 0 auto; }\n  .bkp .lang-switch > summary { list-style:none; cursor:pointer; -webkit-user-select:none; user-select:none; display:inline-flex; align-items:center; gap:7px; padding:11px 14px; font-size:14px; font-weight:600; letter-spacing:.3px; border:1px solid #ddd; border-radius:2px; background:#fff; color:#161616; transition:border-color .2s ease; }\n  .bkp .lang-switch > summary::-webkit-details-marker { display:none; }\n  .bkp .lang-switch > summary::marker { content:\"\"; }\n  .bkp .lang-switch > summary:hover, .bkp .lang-switch[open] > summary { border-color:#161616; }\n  .bkp .lang-switch .caret { transition: transform .2s ease; }\n  .bkp .lang-switch[open] .caret { transform: rotate(180deg); }\n  .bkp .lang-menu { position:absolute; top:calc(100% + 8px); right:0; z-index:80; min-width:168px; background:#fff; border:1px solid #eee; border-radius:2px; box-shadow:0 12px 28px rgba(0,0,0,.12); overflow:hidden; }\n  .bkp .lang-menu a { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 15px; font-size:14px; color:#161616; transition:background .2s ease; }\n  .bkp .lang-menu a:hover { background:#F7F7F7; }\n  .bkp .lang-menu a .code { font-size:12px; font-weight:700; letter-spacing:.5px; color:#8a8a8a; }\n  .bkp .lang-menu a.is-current { font-weight:700; background:#F7F7F7; }\n  .bkp .lang-menu a.is-current .code { color:#161616; }\n  @media (max-width: 640px) { .bkp .lang-switch > summary { padding:9px 10px; font-size:12.5px; gap:5px; } }\n  @media (max-width: 400px) { .bkp .lang-switch > summary { padding:8px 8px; font-size:11px; gap:4px; } .bkp .lang-switch .globe { display:none; } }\n\n  \/* ---- Correctif en-t\u00eate mobile : logo toujours visible, plus de d\u00e9bordement ---- *\/\n  .bkp .site-header .wrap > a { flex: 0 0 auto; }\n  @media (max-width: 640px) {\n    .bkp { overflow-x: clip; }\n    .bkp .site-header .wrap { gap: 12px; }\n    \/* Le s\u00e9lecteur de langue passe au-dessus des deux boutons : l'en-t\u00eate tient\n       alors sur n'importe quelle largeur d'\u00e9cran, logo Bocklip compris. *\/\n    .bkp .header-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; min-width: 0; }\n    .bkp .header-actions .lang-switch { grid-column: 1 \/ -1; justify-self: end; }\n    .bkp .header-actions .btn {\n      width: 100%; justify-content: center; text-align: center;\n      white-space: normal; line-height: 1.2; padding: 9px 6px; font-size: 11px;\n    }\n    .bkp .lang-switch > summary { padding: 9px 12px; font-size: 12.5px; gap: 6px; }\n    .bkp .lang-switch .globe { display: inline-block; }\n    .bkp .logo-img { height: 20px; }\n  }\n\n  \/* Masque le s\u00e9lecteur de langue Weglot du site : doublon avec le s\u00e9lecteur du bloc, et il renvoie vers des pages non traduites *\/\n  aside.country-selector, .country-selector, .weglot-container, #weglot-switcher, .wg-drop { display: none !important; }\n\n  \/* --- En-tete : le theme impose display:grid sur .header-actions, on reprend la main --- *\/\n  .bkp .site-header .header-actions { display: flex !important; align-items: center; gap: 14px; }\n  .bkp .site-header .header-actions .btn { white-space: nowrap !important; }\n  .bkp .site-header .wrap > .lang-switch { margin-left: auto; margin-right: 14px; }\n  @media (max-width: 640px) {\n    .bkp .site-header .wrap { flex-wrap: wrap; row-gap: 10px; }\n    .bkp .site-header .wrap > .lang-switch { margin-right: 0; }\n    .bkp .site-header .header-actions { flex: 0 0 100%; width: 100%; gap: 8px !important; }\n    .bkp .site-header .header-actions .btn { flex: 1 1 0; justify-content: center; padding: 11px 8px; }\n  }\n\n  \/* --- Vignettes des realisations entierement cliquables (image comprise) --- *\/\n  .bkp .project-card { position: relative; }\n  .bkp .project-card .price-btn::after,\n  .bkp .project-card--cta .link-arrow::after { content: \"\"; position: absolute; inset: 0; z-index: 2; }\n  .bkp a.samples-image { display: block; }\n<\/style>\n\n<div class=\"bkp\">\n\n  <!-- ================= EN-T\u00caTE ================= -->\n  <header class=\"site-header\">\n    <div class=\"wrap\">\n      <a href=\"https:\/\/www.bocklip.com\/it\/\" aria-label=\"Bocklip\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <img decoding=\"async\" class=\"logo-img\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/svgexport-23.svg\" alt=\"Bocklip\">\n      <\/a>\n      <details class=\"lang-switch\">\n          <summary aria-label=\"Cambia lingua\">\n            <svg class=\"globe\" viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M3 12 H21\"><\/path><path d=\"M12 3 a14 14 0 0 1 0 18 a14 14 0 0 1 0 -18\"><\/path><\/svg>\n            <span>IT<\/span>\n            <svg class=\"caret\" viewBox=\"0 0 24 24\" width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9 L12 15 L18 9\"><\/path><\/svg>\n          <\/summary>\n          <nav class=\"lang-menu\">\n          <a href=\"https:\/\/www.bocklip.com\/experiences\/landing-page\/\">Francese <span class=\"code\">FR<\/span><\/a>\n          <a href=\"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/\">Tedesco <span class=\"code\">DE<\/span><\/a>\n          <a href=\"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/\" class=\"is-current\" aria-current=\"true\">Italiano <span class=\"code\">IT<\/span><\/a>\n          <\/nav>\n        <\/details>\n      <div class=\"header-actions\">\n        \n\n        <a href=\"https:\/\/bocklip.com\/it\/instant-quote\" class=\"btn btn--outline\" target=\"_blank\" rel=\"noopener noreferrer\">Calcola il mio progetto<\/a>\n        <a href=\"https:\/\/bocklip.com\/it\/discovery-with-expert\" class=\"btn btn--black\" target=\"_blank\" rel=\"noopener noreferrer\">Prendi appuntamento<\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ================= HERO ================= -->\n  <a class=\"hero\" href=\"https:\/\/www.bocklip.com\/it\/\" aria-label=\"Bocklip\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background-image:url('https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/07\/bockli-facade-bois-et-laque-mate.png');\"><\/a>\n\n  <!-- ================= NOS R\u00c9ALISATIONS \u2014 CARROUSEL DE PROJETS ================= -->\n  <section class=\"section section--cream\" id=\"projets\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Le nostre realizzazioni<\/div>\n      <div class=\"section-head section-head--row reveal\">\n        <div>\n          <h2>Progetti che vi ispirano<\/h2>\n          <p>Scoprite interni unici e immaginate il progetto che vi somiglia.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"carousel-shell reveal\">\n        <button type=\"button\" class=\"carousel-arrow prev\" data-carousel-dir=\"-1\" data-carousel-target=\"projects-track\" aria-label=\"Precedente\">\u2039<\/button>\n\n        <div class=\"carousel-track\" id=\"projects-track\">\n\n          <div class=\"project-card\" id=\"proj-1\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/07\/bocklip-facade-chene-arabica-brosse-et-forme-pure-laque-matsonora.png\" alt=\"Cucina con ante Bocklip Rovere Arabica, forma PURE\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">Cucina Rovere Arabica<\/p>\n              <p class=\"material\">Forma PURE<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2026\/07\/10\/cuisine-aero-chene-arabica-brosse-laque-mate-sonora-neuilly-sur-seine\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 10.183,56 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"project-card\" id=\"proj-2\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/06\/Cuisine-verte-u-shape-.jpg\" alt=\"Cucina con ante Bocklip Laccato Opaco, forma MODERNE\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">Cucina Laccato Opaco<\/p>\n              <p class=\"material\">Forma MODERNE<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2025\/06\/05\/cuisine-aux-coins-arrondis\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 6.850 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"project-card\" id=\"proj-3\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/06\/2026.06.05-RUE-DE-CHARTRES-HD-JPEG-14.jpg\" alt=\"Cabina armadio con ante Bocklip Rovere naturale plissettato\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">Cabina armadio<\/p>\n              <p class=\"material\">Rovere naturale plissettato<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2026\/06\/08\/dressing-chene-naturel-pure-et-plisse-dans-une-suite-parentale\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 10.013,73 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"project-card\" id=\"proj-4\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/09\/Cyrielle-wattinne-2-scaled.jpg\" alt=\"Cucina con ante Bocklip Satinato Vert Tige, forma PURE\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">Cucina Satinato Vert Tige<\/p>\n              <p class=\"material\">Forma PURE<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2022\/06\/08\/cuisine-lumineuse-satine-vert-tige-bois\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 5.081 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"project-card\" id=\"proj-5\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/09\/12-01-1-scaled.jpg\" alt=\"Cucina con ante Bocklip Rovere Naturale Liscio, forma MODERNE\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">Cucina Rovere Naturale Liscio<\/p>\n              <p class=\"material\">Forma MODERNE<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2025\/11\/20\/cuisine-en-chene-naturel-renovation-maison-70\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 6.345,71 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Carte CTA finale, comme sur le site -->\n          <div class=\"project-card project-card--cta\" id=\"proj-cta\">\n            <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"><\/rect><path d=\"M11 19 H13\"><\/path><\/svg><\/div>\n            <strong>Stima il mio progetto<\/strong>\n            <span>Ottieni il prezzo del tuo progetto in 1 clic<\/span>\n            <a href=\"https:\/\/bocklip.com\/it\/estimated-cost\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Stima <span>\u2192<\/span><\/a>\n          <\/div>\n\n          <!-- Pour ajouter un projet : dupliquez un bloc .project-card ci-dessus,\n               donnez-lui un id unique (proj-6, proj-7...) et mettez \u00e0 jour l'image,\n               le titre, la mati\u00e8re et le budget. -->\n\n        <\/div>\n\n        <button type=\"button\" class=\"carousel-arrow next\" data-carousel-dir=\"1\" data-carousel-target=\"projects-track\" aria-label=\"Successivo\">\u203a<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= AVIS CLIENTS ================= -->\n  <section class=\"section\" id=\"avis\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Recensioni clienti<\/div>\n      <div class=\"section-head reveal\">\n        <h2>Hanno trasformato i loro interni con Bocklip<\/h2>\n        <p>Progetti realizzati in tutta la Francia, con clienti soddisfatti della loro nuova cucina, cabina armadio o bagno.<\/p>\n      <\/div>\n\n      <div class=\"carousel-shell review-shell reveal\">\n        <button type=\"button\" class=\"carousel-arrow prev\" data-carousel-dir=\"-1\" data-carousel-target=\"reviews-track\" aria-label=\"Precedente\">\u2039<\/button>\n\n        <div class=\"carousel-track\" id=\"reviews-track\">\n\n          <div class=\"review-card\" id=\"rev-1\">\n            <div class=\"stars\">\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"quote\">\u00abConsigli molto validi e prodotti di qualit\u00e0.\u00bb<\/p>\n            <p class=\"author\">\u2014 Cyrielle Sueur<\/p>\n          <\/div>\n\n          <div class=\"review-card\" id=\"rev-2\">\n            <div class=\"stars\">\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"quote\">\u00abOttimo contatto e consulenza da parte di Paul Eloi, Mickael e Ingrid. Siamo rimasti conquistati dalla qualit\u00e0 dei materiali e del design. Bocklip permette di realizzare cucine davvero belle a un prezzo ragionevole!\u00bb<\/p>\n            <p class=\"author\">\u2014 Eric Lefranc<\/p>\n          <\/div>\n\n          <div class=\"review-card\" id=\"rev-3\">\n            <div class=\"stars\">\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"quote\">\u00abOltre ai colori del catalogo, Bocklip permette di scegliere un colore completamente su misura (NCS). Questo mi ha permesso di abbinare perfettamente i miei mobili con le tende e la parete del salotto. Perfetto!\u00bb<\/p>\n            <p class=\"author\">\u2014 Coralie Neiner<\/p>\n          <\/div>\n\n          <div class=\"review-card\" id=\"rev-4\">\n            <div class=\"stars\">\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"quote\">\u00abUn'ottima scelta di colori, materiali, stili, accessori! Un vero piacere poter rinnovare la nostra cucina senza doverla rifare completamente. Lo consigliamo vivamente!\u00bb<\/p>\n            <p class=\"author\">\u2014 St\u00e9phane Verhulst<\/p>\n          <\/div>\n\n        <\/div>\n\n        <button type=\"button\" class=\"carousel-arrow next\" data-carousel-dir=\"1\" data-carousel-target=\"reviews-track\" aria-label=\"Successivo\">\u203a<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CHIFFREZ VOTRE PROJET ================= -->\n  <section class=\"section section--cream\" id=\"chiffrage\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Preventivo<\/div>\n      <div class=\"section-head reveal\">\n        <h2>Calcola il tuo progetto, in modo semplice<\/h2>\n        <p>Hai gi\u00e0 un progetto IKEA, un progetto d'architetto o semplicemente un'idea in mente? In pochi clic, ottieni una prima stima del tuo progetto.<\/p>\n      <\/div>\n\n      <div class=\"grid-3\">\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21 L21 21 L21 3 Z\"><\/path><path d=\"M6 21 V18 M9 21 V18 M12 21 V18 M15 21 V18 M18 21 V15\"><\/path><\/svg><\/div>\n          <h3>Ho un progetto IKEA per la cucina<\/h3>\n          <p>Carica il tuo progetto IKEA (Metod, Pax, Besta...) e ricevi subito un preventivo online.<\/p>\n          <a href=\"https:\/\/bocklip.com\/it\/instant-quote\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Calcola il mio progetto IKEA <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 4.5 L19.5 9.5 L8 21 H3 V16 L14.5 4.5 Z\"><\/path><path d=\"M12 7 L17 12\"><\/path><\/svg><\/div>\n          <h3>Ho un altro tipo di progetto<\/h3>\n          <p>Inviaci i tuoi progetti o le tue misure e ricevi un preventivo entro 48 ore.<\/p>\n          <a href=\"https:\/\/0ocnt1p0e6x.typeform.com\/to\/qy11ObuW?typeform-source=bocklip.com\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Calcola il mio progetto <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"1\"><\/rect><path d=\"M3 10 H21\"><\/path><path d=\"M7 3 V7 M17 3 V7\"><\/path><path d=\"M7 14 H9 M11 14 H13 M15 14 H17 M7 17 H9 M11 17 H13\"><\/path><\/svg><\/div>\n          <h3>Non ho ancora un progetto<\/h3>\n          <p>Prenota un appuntamento con un esperto, in showroom o in videochiamata, per essere seguito nel tuo progetto.<\/p>\n          <a href=\"https:\/\/bocklip.com\/it\/discovery-with-expert\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Prendi appuntamento <span>\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= EXPLOREZ PAR PI\u00c8CE ================= -->\n  <section class=\"section\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Ispirazioni<\/div>\n      <div class=\"section-head reveal\"><h2>Esplora per stanza<\/h2><\/div>\n\n      <div class=\"room-grid\">\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/it\/inspirations\/la-cucina\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/04\/BOUTON_PUTEAUX_CUISINE-06-1-scaled.jpg\" alt=\"Ante Bocklip per la cucina\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>Cucina<\/span>\n        <\/a>\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/it\/inspirations\/Piano-di-lavoro\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/07\/Capture-decran-2026-06-16-a-10.25.34-1.png\" alt=\"Piano di lavoro su misura Bocklip\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>Piano di lavoro<\/span>\n        <\/a>\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/it\/inspirations\/cabina-armadio\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/06\/dressing-moderne-pure-laque-mate-vert-chambre-enfant-facade-bocklip.png\" alt=\"Ante Bocklip per la cabina armadio\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>Cabina armadio<\/span>\n        <\/a>\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/it\/inspirations\/Il-soggiorno\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/06\/2026.06.05-RUE-DE-CHARTRES-HD-JPEG-06.jpg\" alt=\"Ante Bocklip per il soggiorno\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>Soggiorno<\/span>\n        <\/a>\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/it\/inspirations\/Bagno\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/02\/Atelier-Noun-SDB-Chene-naturel-Plisse.jpg\" alt=\"Ante Bocklip per il bagno\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>Bagno<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= \u00c9CHANTILLONS ================= -->\n  <section class=\"section\" id=\"echantillons\">\n    <div class=\"wrap\">\n      <div class=\"samples-grid\">\n        <div class=\"reveal\">\n          <div class=\"eyebrow\">Campioni<\/div>\n          <h2 class=\"samples-title\">Scopri di persona la qualit\u00e0 delle nostre ante<\/h2>\n          <p class=\"samples-text\">Tocca con mano il materiale, confronta le tonalit\u00e0 dal vivo: ordina i tuoi campioni di ante e piani di lavoro prima di decidere.<\/p>\n          <a href=\"https:\/\/bocklip.com\/it\/samples\" class=\"btn btn--black\" target=\"_blank\" rel=\"noopener noreferrer\">Ordina i miei campioni <span class=\"arrow\">\u2192<\/span><\/a>\n        <\/div>\n\n        <a class=\"samples-image reveal\" href=\"https:\/\/bocklip.com\/it\/samples\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/09\/nano-banana-2026-09-10T14-31-28.jpg\" alt=\"Box campioni ante Bocklip\" loading=\"lazy\" decoding=\"async\">\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= NOS SERVICES ================= -->\n  <section class=\"section section--cream\" id=\"services\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Ti accompagniamo<\/div>\n      <div class=\"section-head reveal\"><h2>I nostri servizi<\/h2><\/div>\n\n      <div class=\"grid-4\">\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8 L12 4 L21 8 L12 12 Z\"><\/path><path d=\"M3 8 V16 L12 20 V12\"><\/path><path d=\"M21 8 V16 L12 20\"><\/path><path d=\"M7 6 L16 10\"><\/path><\/svg><\/div>\n          <h3>Campioni<\/h3>\n          <p>Ordina i tuoi campioni di ante e piano di lavoro.<\/p>\n          <a href=\"https:\/\/bocklip.com\/it\/samples\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Ordina <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"1\"><\/rect><path d=\"M3 10 H21\"><\/path><path d=\"M7 3 V7 M17 3 V7\"><\/path><path d=\"M7 14 H9 M11 14 H13 M15 14 H17 M7 17 H9 M11 17 H13\"><\/path><\/svg><\/div>\n          <h3>Prendi appuntamento<\/h3>\n          <p>Prenota un appuntamento con uno dei nostri esperti e ricevi una consulenza personalizzata.<\/p>\n          <a href=\"https:\/\/bocklip.com\/it\/discovery-with-expert\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Prendi appuntamento <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"1\"><\/rect><path d=\"M8 7 H16 M8 11 H16 M8 15 H13\"><\/path><\/svg><\/div>\n          <h3>Calcola il tuo progetto<\/h3>\n          <p>Ottieni un preventivo personalizzato per il tuo progetto.<\/p>\n          <a href=\"https:\/\/bocklip.com\/it\/estimated-cost\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Calcola <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg><\/div>\n          <h3>Posa &amp; Installazione<\/h3>\n          <p>I nostri artigiani si occupano della posa o ti propongono un preventivo personalizzato.<\/p>\n          <a href=\"https:\/\/bocklip.com\/it\/installation-and-setup\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Scopri di pi\u00f9 <span>\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= PRESSE ================= -->\n  <section class=\"press-strip\">\n    <div class=\"wrap reveal\">\n      <span class=\"press-label\">Parlano di noi<\/span>\n      <div class=\"press-logos\">\n        <img class=\"press-logo-img reveal-fade\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/elledecoration.png\" alt=\"Elle D\u00e9coration\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"press-logo-img reveal-fade\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/marie_claire.png\" alt=\"Marie Claire Maison\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"press-logo-img reveal-fade\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/artdecoration.png\" alt=\"Art &amp; D\u00e9coration\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"press-logo-img reveal-fade\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/cotemaison.png\" alt=\"C\u00f4t\u00e9 Maison\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= FAQ ================= -->\n  <section class=\"section\" id=\"faq\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Domande frequenti<\/div>\n      <div class=\"section-head reveal\">\n        <h2>Tutto quello che c'\u00e8 da sapere prima di iniziare<\/h2>\n      <\/div>\n\n      <div class=\"faq-wrap\">\n        <div class=\"faq-list\">\n          <details class=\"faq-item reveal\" open>\n            <summary>I miei mobili sono compatibili con le ante Bocklip?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>S\u00ec. Le nostre ante sono progettate per adattarsi alle strutture pi\u00f9 diffuse sul mercato: IKEA (METOD, PAX, BESTA, FAKTUM) e Leroy Merlin (DELINIA, EVO'M, REMIX). Indicaci la tua struttura al momento del preventivo e verificheremo insieme la compatibilit\u00e0.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Devo acquistare io stesso la struttura dei miei mobili?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>S\u00ec, Bocklip fornisce esclusivamente ante, fianchi e ripiani. La struttura (mobile IKEA o Leroy Merlin) si acquista separatamente, in negozio o online, prima o dopo il tuo ordine da noi.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Come faccio a prendere le misure per ordinare le mie ante?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Ti guidiamo passo dopo passo nel rilevare le dimensioni della tua struttura esistente (IKEA o Leroy Merlin). Un esperto pu\u00f2 inoltre convalidare le tue misure tramite foto o videochiamata prima della conferma del tuo ordine.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Quali finiture e colori proponete?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Oltre al nostro catalogo di laccati opachi e legni naturali, Bocklip propone colori completamente su misura secondo la mazzetta NCS, per abbinare le tue ante al resto del tuo interno.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Posso ordinare dei campioni prima di decidere?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>S\u00ec, il nostro box campioni ti permette di toccare e confrontare le nostre finiture (laccato opaco, legno naturale, colori su misura) a casa tua prima di confermare il tuo progetto.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Consegnate in tutta la Francia?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>S\u00ec, consegniamo in tutta la Francia metropolitana. I tempi variano in base alla finitura e alla complessit\u00e0 del tuo ordine; ti vengono comunicati con precisione al momento della conferma del preventivo.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Quanto tempo passa tra l'ordine e la consegna?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Il tempo dipende dalla finitura scelta e dal volume del tuo ordine. Ti viene comunicato con precisione al momento della conferma del preventivo, prima di qualsiasi impegno.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Hai un'altra domanda?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Consulta la nostra FAQ completa o contatta direttamente il nostro team, in showroom, per telefono o in videochiamata.<\/p>\n            <a href=\"https:\/\/bocklip.com\/it\/faq\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Vedi tutte le FAQ <span>\u2192<\/span><\/a>\n          <\/details>\n        <\/div>\n        <a class=\"faq-image reveal\" href=\"https:\/\/bocklip.com\/it\/our-showrooms\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Scopri i nostri showroom Bocklip\">\n          <img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/09\/photo-showroom-1.jpg\" alt=\"Showroom Bocklip\" loading=\"lazy\" decoding=\"async\">\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= BANDEAU FINAL ================= -->\n  <div class=\"closing-banner reveal\">\n    <h2>E i tuoi mobili ti somigliano.<\/h2>\n    <div style=\"margin-top:28px;\">\n      <a href=\"https:\/\/0ocnt1p0e6x.typeform.com\/to\/b21NtGrl\" class=\"btn btn--black\" target=\"_blank\" rel=\"noopener noreferrer\">Richiedi un preventivo<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- ================= FOOTER ================= -->\n  <footer class=\"site-footer\">\n    <div class=\"wrap\">\n      <div class=\"footer-grid\">\n        <div>\n          <img class=\"logo-img\" style=\"margin-bottom:16px;\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/svgexport-23.svg\" alt=\"Bocklip\" loading=\"lazy\" decoding=\"async\">\n          <p style=\"font-size:14px; color:#9a9a9a; max-width:220px;\">Bocklip trasforma i tuoi mobili con ante di alta qualit\u00e0.<\/p>\n        <\/div>\n        <div>\n          <h4>Servizio clienti<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/bocklip.com\/it\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contattaci<\/a><\/li>\n            <li>Da luned\u00ec a domenica dalle 8 alle 00<\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <h4>Chi siamo<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/bocklip.com\/it\/about-us\" target=\"_blank\" rel=\"noopener noreferrer\">Chi siamo?<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/concept\" target=\"_blank\" rel=\"noopener noreferrer\">Il nostro concept<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/our-project\" target=\"_blank\" rel=\"noopener noreferrer\">Il nostro progetto creativo e sostenibile<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/faq\" target=\"_blank\" rel=\"noopener noreferrer\">FAQ<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/page\/general-terms-and-conditions-of-sale\" target=\"_blank\" rel=\"noopener noreferrer\">Condizioni Generali di Vendita<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <h4>I nostri prodotti<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/bocklip.com\/it\/products-list\/categories\/living-room\/besta\" target=\"_blank\" rel=\"noopener noreferrer\">Ante Ikea \u2014 BESTA<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/products-list\/categories\/kitchen\/delinia\" target=\"_blank\" rel=\"noopener noreferrer\">Ante Leroy Merlin \u2014 DELINIA<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/products-list\/categories\/dressing\/evom\" target=\"_blank\" rel=\"noopener noreferrer\">Ante Leroy Merlin \u2014 EVO'M<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/products-list\/categories\/kitchen\/faktum\" target=\"_blank\" rel=\"noopener noreferrer\">Ante Ikea \u2014 FAKTUM<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/products-list\/categories\/kitchen\/metod\" target=\"_blank\" rel=\"noopener noreferrer\">Ante Ikea \u2014 METOD<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/products-list\/categories\/dressing\/pax\" target=\"_blank\" rel=\"noopener noreferrer\">Ante Ikea \u2014 PAX<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/products-list\/categories\/bathroom\/remix\" target=\"_blank\" rel=\"noopener noreferrer\">Ante Leroy Merlin \u2014 REMIX<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <h4>I nostri servizi<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/bocklip.com\/it\/page\/delivery\" target=\"_blank\" rel=\"noopener noreferrer\">Consegna<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/discovery-with-expert\" target=\"_blank\" rel=\"noopener noreferrer\">Avvia il tuo progetto con i nostri esperti<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/estimated-cost\" target=\"_blank\" rel=\"noopener noreferrer\">Stima il costo del tuo progetto<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/it\/installation-and-setup\" target=\"_blank\" rel=\"noopener noreferrer\">Affida la posa a dei professionisti<\/a><\/li>\n          <\/ul>\n          <h4 style=\"margin-top:28px;\">Seguici<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/www.instagram.com\/bocklip\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram<\/a><\/li>\n            <li><a href=\"https:\/\/www.pinterest.fr\/bocklip\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pinterest<\/a><\/li>\n            <li><a href=\"https:\/\/www.youtube.com\/channel\/UCV5UzOTuvZ5VBV1iAcHdlyw\/\" target=\"_blank\" rel=\"noopener noreferrer\">Youtube<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"footer-bottom\">\n        <span>\u00a9 Bocklip \u2014 Tutti i diritti riservati<\/span>\n        <span>Progettato con cura in Francia<\/span>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\n(function () {\n  \/\/ Active les animations d'apparition (progressive enhancement : sans JS, tout reste visible).\n  document.documentElement.classList.add('js-anim');\n\n  \/\/ Pause\/reprise de l'autoplay d'un carrousel (partag\u00e9e entre les fl\u00e8ches et le survol).\n  function pauseTrack(track, ms) {\n    track.__bkpHover = true;\n    clearTimeout(track.__bkpResumeTimer);\n    if (ms) {\n      track.__bkpResumeTimer = setTimeout(function () { track.__bkpHover = false; }, ms);\n    }\n  }\n  function resumeTrack(track) {\n    clearTimeout(track.__bkpResumeTimer);\n    track.__bkpHover = false;\n  }\n\n  \/\/ Fl\u00e8ches cliquables : font d\u00e9filer d'une carte \u00e0 la fois (carrousel projets ET avis).\n  document.querySelectorAll('.carousel-arrow').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var track = document.getElementById(btn.getAttribute('data-carousel-target'));\n      if (!track) return;\n      var card = track.querySelector('.project-card, .review-card');\n      if (!card) return;\n      var step = card.getBoundingClientRect().width + 24; \/\/ largeur carte + gap\n      var dir = parseInt(btn.getAttribute('data-carousel-dir'), 10);\n      pauseTrack(track, 2000); \/\/ laisse le temps au scroll fluide de se terminer avant de reprendre l'autoplay\n      track.scrollBy({ left: dir * step, behavior: 'smooth' });\n    });\n  });\n\n  \/\/ D\u00e9filement automatique fluide (glissement continu, image par image), en pause au\n  \/\/ survol, au toucher, ou juste apr\u00e8s un clic sur une fl\u00e8che.\n  function setupAutoplay(trackId, pxPerFrame) {\n    var track = document.getElementById(trackId);\n    if (!track) return;\n    var direction = 1;\n\n    track.addEventListener('mouseenter', function () { pauseTrack(track); });\n    track.addEventListener('mouseleave', function () { resumeTrack(track); });\n    track.addEventListener('touchstart', function () { pauseTrack(track); }, { passive: true });\n    track.addEventListener('touchend', function () { pauseTrack(track, 1800); }, { passive: true });\n    \/\/ Sur ordinateur, un simple survol du carrousel (souris\/trackpad) suffit \u00e0 mettre\n    \/\/ l'autoplay en pause pendant que l'utilisateur d\u00e9file lui-m\u00eame ; il reprend au\n    \/\/ moment o\u00f9 le curseur quitte le carrousel (voir mouseenter\/mouseleave ci-dessus).\n\n    function tick() {\n      var maxScroll = track.scrollWidth - track.clientWidth;\n      if (maxScroll > 1 && !track.__bkpHover) {\n        var next = track.scrollLeft + pxPerFrame * direction;\n        if (next >= maxScroll) { next = maxScroll; direction = -1; }\n        else if (next <= 0) { next = 0; direction = 1; }\n        track.scrollLeft = next;\n      }\n      requestAnimationFrame(tick);\n    }\n    requestAnimationFrame(tick);\n  }\n\n  setupAutoplay('projects-track', 0.55);\n  setupAutoplay('reviews-track', 0.42); \/\/ vitesse diff\u00e9rente pour d\u00e9synchroniser les 2 carrousels\n\n  \/\/ Animations d'apparition au scroll (fondu + l\u00e9ger d\u00e9placement vers le haut,\n  \/\/ ou fondu seul pour \".reveal-fade\") d\u00e8s qu'un bloc entre dans le viewport.\n  var revealEls = document.querySelectorAll('.reveal, .reveal-fade');\n  if ('IntersectionObserver' in window && revealEls.length) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n    revealEls.forEach(function (el) { observer.observe(el); });\n  } else {\n    \/\/ Pas de support IntersectionObserver : on affiche tout directement.\n    revealEls.forEach(function (el) { el.classList.add('is-visible'); });\n  }\n\n  \/\/ Ombre l\u00e9g\u00e8re sous l'en-t\u00eate (sticky) une fois la page d\u00e9fil\u00e9e.\n  var siteHeader = document.querySelector('.site-header');\n  if (siteHeader) {\n    var toggleHeaderShadow = function () {\n      siteHeader.classList.toggle('is-scrolled', window.scrollY > 10);\n    };\n    window.addEventListener('scroll', toggleHeaderShadow, { passive: true });\n    toggleHeaderShadow();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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":"","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-15428","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Benvenuti da Bocklip - Inspirations<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Benvenuti da Bocklip - Inspirations\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/\" \/>\n<meta property=\"og:site_name\" content=\"Inspirations\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Bocklip\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-16T15:01:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2024\/11\/Bocklip_logo_square-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"596\" \/>\n\t<meta property=\"og:image:height\" content=\"596\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-it\\\/\",\"url\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-it\\\/\",\"name\":\"Benvenuti da Bocklip - Inspirations\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#website\"},\"datePublished\":\"2026-09-16T08:16:54+00:00\",\"dateModified\":\"2026-09-16T15:01:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-it\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-it\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-it\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Benvenuti da Bocklip\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#website\",\"url\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/\",\"name\":\"Bocklip Exp\u00e9riences\",\"description\":\"Les exp\u00e9riences de Bocklip\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#organization\",\"name\":\"Bocklip Exp\u00e9riences\",\"url\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Bocklip_logo_square-2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Bocklip_logo_square-2.jpg\",\"width\":596,\"height\":596,\"caption\":\"Bocklip Exp\u00e9riences\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Bocklip\",\"https:\\\/\\\/www.instagram.com\\\/bocklip\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Benvenuti da Bocklip - Inspirations","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/","og_locale":"fr_FR","og_type":"article","og_title":"Benvenuti da Bocklip - Inspirations","og_url":"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/","og_site_name":"Inspirations","article_publisher":"https:\/\/www.facebook.com\/Bocklip","article_modified_time":"2026-09-16T15:01:59+00:00","og_image":[{"width":596,"height":596,"url":"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2024\/11\/Bocklip_logo_square-3.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/","url":"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/","name":"Benvenuti da Bocklip - Inspirations","isPartOf":{"@id":"https:\/\/www.bocklip.com\/experiences\/#website"},"datePublished":"2026-09-16T08:16:54+00:00","dateModified":"2026-09-16T15:01:59+00:00","breadcrumb":{"@id":"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bocklip.com\/experiences\/landing-page-it\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.bocklip.com\/experiences\/"},{"@type":"ListItem","position":2,"name":"Benvenuti da Bocklip"}]},{"@type":"WebSite","@id":"https:\/\/www.bocklip.com\/experiences\/#website","url":"https:\/\/www.bocklip.com\/experiences\/","name":"Bocklip Exp\u00e9riences","description":"Les exp\u00e9riences de Bocklip","publisher":{"@id":"https:\/\/www.bocklip.com\/experiences\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bocklip.com\/experiences\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.bocklip.com\/experiences\/#organization","name":"Bocklip Exp\u00e9riences","url":"https:\/\/www.bocklip.com\/experiences\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.bocklip.com\/experiences\/#\/schema\/logo\/image\/","url":"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2024\/11\/Bocklip_logo_square-2.jpg","contentUrl":"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2024\/11\/Bocklip_logo_square-2.jpg","width":596,"height":596,"caption":"Bocklip Exp\u00e9riences"},"image":{"@id":"https:\/\/www.bocklip.com\/experiences\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Bocklip","https:\/\/www.instagram.com\/bocklip\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/pages\/15428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/comments?post=15428"}],"version-history":[{"count":28,"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/pages\/15428\/revisions"}],"predecessor-version":[{"id":15546,"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/pages\/15428\/revisions\/15546"}],"wp:attachment":[{"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/media?parent=15428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}