{"id":18277,"date":"2026-09-11T00:15:13","date_gmt":"2026-09-10T22:15:13","guid":{"rendered":"https:\/\/lilyagarden.com\/?page_id=18277"},"modified":"2026-09-12T16:52:25","modified_gmt":"2026-09-12T14:52:25","slug":"shop-the-collection","status":"publish","type":"page","link":"https:\/\/lilyagarden.com\/fr\/shop-the-collection\/","title":{"rendered":"Shop the collection"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"18277\" class=\"elementor elementor-18277\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fcab86 e-flex e-con-boxed e-con e-parent\" data-id=\"9fcab86\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72413b4 elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-gronn_core_section_title\" data-id=\"72413b4\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"gronn_core_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-section-title qodef-alignment--center qodef-title-break--disabled\">\n\t\t<h2 class=\"qodef-m-title qodef-section-title-font-572\" >\n\t\t\t\t\tTamegroute\t\t\t<\/h2>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d15983 p-demo animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9d15983\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Une histoire imagin\u00e9e par Lilya Garden<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce30c00 p-demo animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"ce30c00\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>La poterie de la vall\u00e9e du Dr\u00e2a, au Maroc \u2014 la terre, le feu et quatre cents ans d\u2019un vert impossible \u00e0 reproduire.<\/p>\t\t\t\t\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<div class=\"elementor-element elementor-element-066796f animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"066796f\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3896838 elementor-widget elementor-widget-html\" data-id=\"3896838\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Base Wrapper *\/\r\n  .tg-slider-section {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 50px;\r\n    width: 100%;\r\n    max-width: 1400px; \/* Widened slightly to accommodate the 70\/30 split better *\/\r\n    margin: 0 auto;\r\n    font-family: 'Work Sans', sans-serif;\r\n    color: #000000;\r\n    background-color: transparent;\r\n    padding: 40px 20px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Left Column: Image (Takes up 70%) *\/\r\n  .tg-image-col {\r\n    width: 70%;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .tg-image-track {\r\n    display: flex;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n    will-change: transform;\r\n  }\r\n\r\n  .tg-image-track img {\r\n    width: 100%;\r\n    flex-shrink: 0;\r\n    aspect-ratio: 16\/9; \/* Keeps the image wide and uniform *\/\r\n    object-fit: cover;\r\n    display: block;\r\n    border-radius: 0;\r\n  }\r\n\r\n  \/* Right Column: Content (30%) *\/\r\n  .tg-content-col {\r\n    width: 30%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  \/* Content Wrapper *\/\r\n  .tg-content-wrap {\r\n    position: relative;\r\n    min-height: 280px; \r\n  }\r\n\r\n  .tg-text-item {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(15px);\r\n    transition: opacity 0.5s ease, transform 0.5s ease;\r\n  }\r\n\r\n  .tg-text-item.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .tg-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .tg-number {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 35px;\r\n    height: 35px;\r\n    border: 1px solid #000000;\r\n    border-radius: 50%;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .tg-title {\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    text-transform: capitalize;\r\n  }\r\n\r\n  .tg-description {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    font-weight: 300;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Controls Fixed at Bottom *\/\r\n  .tg-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-top: 20px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .tg-dots {\r\n    display: flex;\r\n    gap: 8px;\r\n  }\r\n\r\n  .tg-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background-color: rgba(0, 0, 0, 0.3);\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease;\r\n  }\r\n\r\n  .tg-dot.active {\r\n    background-color: #000000;\r\n  }\r\n\r\n  .tg-arrows {\r\n    display: flex;\r\n    gap: 10px;\r\n  }\r\n\r\n  \/* Updated Arrows: Black, Circular, Rounded *\/\r\n  .tg-arrow {\r\n    background: transparent;\r\n    border: 1px solid #000000;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 38px;\r\n    height: 38px;\r\n    transition: all 0.3s ease;\r\n    color: #000000;\r\n  }\r\n\r\n  .tg-arrow:hover {\r\n    background-color: #000000;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .tg-arrow svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 900px) {\r\n    .tg-slider-section {\r\n      flex-direction: column;\r\n      gap: 30px;\r\n      padding: 0; \/* Padding removed on mobile *\/\r\n    }\r\n    .tg-image-col, .tg-content-col {\r\n      width: 100%;\r\n    }\r\n    .tg-content-wrap {\r\n      min-height: 220px;\r\n    }\r\n    .tg-image-track img {\r\n      aspect-ratio: 4\/3; \/* Taller ratio on mobile so it doesn't look too thin *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tg-slider-section\">\r\n  \r\n  <!-- Image Column (Sliding, 70%) -->\r\n  <div class=\"tg-image-col\">\r\n    <div class=\"tg-image-track\" id=\"tg-track\">\r\n      <img decoding=\"async\" src=\"https:\/\/lilyagarden.com\/wp-content\/uploads\/2026\/09\/origin-1.png\" alt=\"Origin\">\r\n      <img decoding=\"async\" src=\"https:\/\/lilyagarden.com\/wp-content\/uploads\/2026\/09\/process-1-1.png\" alt=\"Process\">\r\n      <img decoding=\"async\" src=\"https:\/\/lilyagarden.com\/wp-content\/uploads\/2026\/09\/ratity-1.png\" alt=\"Rarity\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Content Column (Fading, 30%) -->\r\n  <div class=\"tg-content-col\">\r\n    <div class=\"tg-content-wrap\">\r\n      \r\n      <!-- Slide 1 Content -->\r\n      <div class=\"tg-text-item active\">\r\n        <div class=\"tg-header\">\r\n          <span class=\"tg-number\">1<\/span>\r\n          <h3 class=\"tg-title\">Origine<\/h3>\r\n        <\/div>\r\n        <p class=\"tg-description\">Tamegroute est un petit village aux portes du Sahara, dans la vall\u00e9e du Dr\u00e2a, au Maroc. Ses potiers travaillent une argile extraite des terres environnantes, selon un savoir-faire transmis de g\u00e9n\u00e9ration en g\u00e9n\u00e9ration depuis des si\u00e8cles et qui, encore aujourd\u2019hui, est pratiqu\u00e9 presque exactement comme il l\u2019a toujours \u00e9t\u00e9.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Slide 2 Content -->\r\n      <div class=\"tg-text-item\">\r\n        <div class=\"tg-header\">\r\n          <span class=\"tg-number\">2<\/span>\r\n          <h3 class=\"tg-title\">Processus<\/h3>\r\n        <\/div>\r\n        <p class=\"tg-description\">Chaque pi\u00e8ce est fa\u00e7onn\u00e9e \u00e0 la main sur un simple tour \u00e0 pied, puis recouverte d\u2019un \u00e9mail \u00e9labor\u00e9 \u00e0 partir d\u2019oxydes de cuivre et de mangan\u00e8se. Elle est ensuite cuite dans un four \u00e0 bois, o\u00f9 la fum\u00e9e, la chaleur et les min\u00e9raux se rencontrent d\u2019une mani\u00e8re qu\u2019aucun potier ne peut enti\u00e8rement ma\u00eetriser.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Slide 3 Content -->\r\n      <div class=\"tg-text-item\">\r\n        <div class=\"tg-header\">\r\n          <span class=\"tg-number\">3<\/span>\r\n          <h3 class=\"tg-title\">Raret\u00e9<\/h3>\r\n        <\/div>\r\n        <p class=\"tg-description\">Ce manque de contr\u00f4le fait justement partie de l\u2019histoire. Aucune pi\u00e8ce n\u2019arbore exactement la m\u00eame profondeur de vert : chacune porte la trace de sa propre cuisson. C\u2019est un processus lent, artisanal et peu m\u00e9canis\u00e9, qui a r\u00e9sist\u00e9 \u00e0 la production de masse \u2014 et c\u2019est pr\u00e9cis\u00e9ment ce qui lui donne toute sa valeur et m\u00e9rite qu\u2019on le pr\u00e9serve.<\/p>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n\r\n    <!-- Fixed Controls -->\r\n    <div class=\"tg-controls\">\r\n      <div class=\"tg-dots\" id=\"tg-dots\">\r\n        <div class=\"tg-dot active\" data-index=\"0\"><\/div>\r\n        <div class=\"tg-dot\" data-index=\"1\"><\/div>\r\n        <div class=\"tg-dot\" data-index=\"2\"><\/div>\r\n      <\/div>\r\n      <div class=\"tg-arrows\">\r\n        <button class=\"tg-arrow\" id=\"tg-prev\">\r\n          <!-- Left Arrow SVG -->\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z\"\/><\/svg>\r\n        <\/button>\r\n        <button class=\"tg-arrow\" id=\"tg-next\">\r\n          <!-- Right Arrow SVG -->\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const track = document.getElementById('tg-track');\r\n    const textItems = document.querySelectorAll('.tg-text-item');\r\n    const dots = document.querySelectorAll('.tg-dot');\r\n    const btnPrev = document.getElementById('tg-prev');\r\n    const btnNext = document.getElementById('tg-next');\r\n    \r\n    let currentIndex = 0;\r\n    const totalSlides = textItems.length;\r\n    \r\n    let startX = 0;\r\n    let endX = 0;\r\n\r\n    function goToSlide(index) {\r\n      if (index < 0) index = totalSlides - 1;\r\n      if (index >= totalSlides) index = 0;\r\n      currentIndex = index;\r\n\r\n      \/\/ Slide Images\r\n      track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n\r\n      \/\/ Fade Content\r\n      textItems.forEach(item => item.classList.remove('active'));\r\n      textItems[currentIndex].classList.add('active');\r\n\r\n      \/\/ Update Dots\r\n      dots.forEach(dot => dot.classList.remove('active'));\r\n      dots[currentIndex].classList.add('active');\r\n    }\r\n\r\n    btnPrev.addEventListener('click', () => goToSlide(currentIndex - 1));\r\n    btnNext.addEventListener('click', () => goToSlide(currentIndex + 1));\r\n\r\n    dots.forEach(dot => {\r\n      dot.addEventListener('click', (e) => {\r\n        goToSlide(parseInt(e.target.dataset.index));\r\n      });\r\n    });\r\n\r\n    track.addEventListener('touchstart', (e) => {\r\n      startX = e.touches[0].clientX;\r\n    }, {passive: true});\r\n\r\n    track.addEventListener('touchend', (e) => {\r\n      endX = e.changedTouches[0].clientX;\r\n      handleSwipe();\r\n    }, {passive: true});\r\n\r\n    function handleSwipe() {\r\n      const threshold = 50; \r\n      if (startX - endX > threshold) {\r\n        goToSlide(currentIndex + 1); \r\n      } else if (endX - startX > threshold) {\r\n        goToSlide(currentIndex - 1); \r\n      }\r\n    }\r\n  });\r\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<div class=\"elementor-element elementor-element-2d86801 e-flex e-con-boxed e-con e-parent\" data-id=\"2d86801\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7572ad6 e-con-full e-flex e-con e-child\" data-id=\"7572ad6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e5ed16 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4e5ed16\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nous ne vendons pas la perfection. Nous r\u00e9v\u00e9lons la<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86b8d49 e-con-full e-flex e-con e-child\" data-id=\"86b8d49\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f51881 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"6f51881\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>valeur des mati\u00e8res, des artisans, du lieu et du temps.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbf420b e-con-full e-flex e-con e-child\" data-id=\"bbf420b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35e50b3 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"35e50b3\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u2014 Maya Verde Studio, principe de curation<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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>","protected":false},"excerpt":{"rendered":"<p>Tamegroute A story curated by Lilya Garden Pottery of Morocco&#8217;s Draa Valley \u2014 earth, fire and four hundred years of an unrepeatable green. 1 Origin Tamegroute is a small village on the edge of the Sahara, in Morocco&#8217;s Draa Valley. Its potters work clay dug from the surrounding land, a craft passed from one generation [&hellip;]<\/p>","protected":false},"author":1,"featured_media":7540,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-18277","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lilyagarden.com\/fr\/wp-json\/wp\/v2\/pages\/18277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lilyagarden.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lilyagarden.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lilyagarden.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lilyagarden.com\/fr\/wp-json\/wp\/v2\/comments?post=18277"}],"version-history":[{"count":27,"href":"https:\/\/lilyagarden.com\/fr\/wp-json\/wp\/v2\/pages\/18277\/revisions"}],"predecessor-version":[{"id":18457,"href":"https:\/\/lilyagarden.com\/fr\/wp-json\/wp\/v2\/pages\/18277\/revisions\/18457"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lilyagarden.com\/fr\/wp-json\/wp\/v2\/media\/7540"}],"wp:attachment":[{"href":"https:\/\/lilyagarden.com\/fr\/wp-json\/wp\/v2\/media?parent=18277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}