{"id":191,"date":"2026-03-30T16:28:49","date_gmt":"2026-03-30T16:28:49","guid":{"rendered":"https:\/\/tamazirtsurfshopschool.com\/?page_id=191"},"modified":"2026-03-30T16:57:26","modified_gmt":"2026-03-30T16:57:26","slug":"surf-lessons-in-taghazout","status":"publish","type":"page","link":"https:\/\/tamazirtsurfshopschool.com\/fr\/surf-lessons-in-taghazout\/","title":{"rendered":"Surf Lessons In Taghazout"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Surf Lessons in Taghazout | Tamazirt Surf Shop & School<\/title>\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Poppins', sans-serif;\r\n background: #f5f7fb;\r\n color: #1e2a3e;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* ===== HERO SECTION - REDUCED HEIGHT FOR MOBILE ===== *\/\r\n .tsl-hero {\r\n position: relative;\r\n width: 100%;\r\n height: 65vh;\r\n min-height: 420px;\r\n max-height: 580px;\r\n overflow: hidden;\r\n }\r\n\r\n .tsl-hero__image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 35%;\r\n z-index: 1;\r\n }\r\n\r\n .tsl-hero__overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, rgba(10, 47, 68, 0.75) 0%, rgba(30, 107, 143, 0.65) 100%);\r\n z-index: 2;\r\n }\r\n\r\n .tsl-hero__content {\r\n position: relative;\r\n z-index: 3;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n height: 100%;\r\n padding: 2rem;\r\n color: white;\r\n }\r\n\r\n .tsl-hero__title {\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 15px;\r\n text-shadow: 0 2px 15px rgba(0,0,0,0.3);\r\n }\r\n\r\n .tsl-hero__title span {\r\n color: #FF6B6B;\r\n }\r\n\r\n .tsl-hero__sub {\r\n font-size: clamp(0.95rem, 3vw, 1.2rem);\r\n opacity: 0.95;\r\n margin-bottom: 25px;\r\n max-width: 700px;\r\n }\r\n\r\n .tsl-hero__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #DC2626;\r\n color: white;\r\n padding: 12px 32px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n transition: all 0.3s;\r\n box-shadow: 0 8px 20px rgba(220,38,38,0.4);\r\n }\r\n\r\n .tsl-hero__btn:hover {\r\n background: white;\r\n color: #DC2626;\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Mobile banner height reduced *\/\r\n @media (max-width: 768px) {\r\n .tsl-hero {\r\n height: 45vh;\r\n min-height: 320px;\r\n max-height: 400px;\r\n }\r\n .tsl-hero__image {\r\n object-position: 50% 30%;\r\n }\r\n .tsl-hero__btn {\r\n padding: 10px 24px;\r\n font-size: 0.85rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tsl-hero {\r\n height: 40vh;\r\n min-height: 280px;\r\n max-height: 360px;\r\n }\r\n .tsl-hero__image {\r\n object-position: 50% 28%;\r\n }\r\n .tsl-hero__content {\r\n padding: 1rem;\r\n }\r\n .tsl-hero__title {\r\n font-size: 1.6rem;\r\n margin-bottom: 8px;\r\n }\r\n .tsl-hero__sub {\r\n font-size: 0.85rem;\r\n margin-bottom: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .tsl-hero {\r\n height: 38vh;\r\n min-height: 250px;\r\n max-height: 320px;\r\n }\r\n }\r\n\r\n \/* ===== MAIN CONTAINER ===== *\/\r\n .tsl-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 3rem 2rem;\r\n }\r\n\r\n \/* ===== WHY CHOOSE US SECTION ===== *\/\r\n .tsl-why {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .tsl-why__title {\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .tsl-why__sub {\r\n color: #4a6f86;\r\n max-width: 800px;\r\n margin: 0 auto 2rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .tsl-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .tsl-feature {\r\n background: white;\r\n padding: 2rem 1.5rem;\r\n border-radius: 1.5rem;\r\n text-align: center;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n\r\n .tsl-feature:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n .tsl-feature__icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.2rem;\r\n }\r\n\r\n .tsl-feature__icon svg {\r\n width: 34px;\r\n height: 34px;\r\n stroke: #DC2626;\r\n stroke-width: 1.8;\r\n fill: none;\r\n }\r\n\r\n .tsl-feature__title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: #0a2f44;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tsl-feature__desc {\r\n font-size: 0.85rem;\r\n color: #4a6f86;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ===== GALLERY CAROUSEL ===== *\/\r\n .tsl-gallery {\r\n margin: 3rem 0 4rem;\r\n }\r\n\r\n .tsl-gallery__carousel {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 1.5rem;\r\n }\r\n\r\n .tsl-carousel__track {\r\n display: flex;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .tsl-carousel__slide {\r\n flex-shrink: 0;\r\n width: calc(100% \/ 4);\r\n padding: 0 8px;\r\n }\r\n\r\n .tsl-carousel__slide img {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n border-radius: 1rem;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .tsl-carousel__slide img:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n .tsl-carousel__btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(5px);\r\n color: white;\r\n border: none;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all 0.3s;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .tsl-carousel__btn:hover {\r\n background: #DC2626;\r\n }\r\n\r\n .tsl-carousel__btn--prev { left: 10px; }\r\n .tsl-carousel__btn--next { right: 10px; }\r\n\r\n .tsl-carousel__dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-top: 1rem;\r\n }\r\n\r\n .tsl-carousel__dot {\r\n width: 10px;\r\n height: 10px;\r\n background: #cbd5e1;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n }\r\n\r\n .tsl-carousel__dot.active {\r\n background: #DC2626;\r\n width: 24px;\r\n border-radius: 10px;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .tsl-carousel__slide { width: calc(100% \/ 3); }\r\n .tsl-carousel__slide img { height: 200px; }\r\n }\r\n @media (max-width: 768px) {\r\n .tsl-carousel__slide { width: calc(100% \/ 2); }\r\n .tsl-carousel__slide img { height: 180px; }\r\n .tsl-carousel__btn { width: 36px; height: 36px; font-size: 1rem; }\r\n }\r\n @media (max-width: 480px) {\r\n .tsl-carousel__slide { width: 100%; }\r\n .tsl-carousel__slide img { height: 220px; }\r\n }\r\n\r\n \/* ===== RATINGS SECTION ===== *\/\r\n .tsl-ratings {\r\n display: flex;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin: 2rem 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .tsl-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: white;\r\n padding: 12px 24px;\r\n border-radius: 60px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n }\r\n\r\n .tsl-rating img {\r\n height: 32px;\r\n width: auto;\r\n }\r\n\r\n .tsl-rating span {\r\n font-weight: 700;\r\n color: #0a2f44;\r\n }\r\n\r\n .tsl-rating strong {\r\n color: #DC2626;\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* ===== LESSON CARDS WITH IMAGES ===== *\/\r\n .tsl-section-title {\r\n text-align: center;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n margin: 3rem 0 1rem;\r\n }\r\n\r\n .tsl-section-sub {\r\n text-align: center;\r\n color: #4a6f86;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .tsl-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .tsl-card {\r\n background: white;\r\n border-radius: 1.8rem;\r\n overflow: hidden;\r\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n\r\n .tsl-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 30px 45px -15px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .tsl-card__image {\r\n height: 200px;\r\n overflow: hidden;\r\n }\r\n\r\n .tsl-card__image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s;\r\n }\r\n\r\n .tsl-card:hover .tsl-card__image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .tsl-card__header {\r\n background: #0a2f44;\r\n color: white;\r\n padding: 1rem;\r\n text-align: center;\r\n }\r\n\r\n .tsl-card__header h3 {\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n }\r\n\r\n .tsl-card__content {\r\n padding: 1.5rem;\r\n }\r\n\r\n .tsl-card__list {\r\n list-style: none;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .tsl-card__list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 0.85rem;\r\n color: #2c4a5e;\r\n margin-bottom: 0.7rem;\r\n }\r\n\r\n .tsl-card__list li svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke: #DC2626;\r\n stroke-width: 2;\r\n flex-shrink: 0;\r\n }\r\n\r\n .tsl-card__bonus {\r\n background: #fef3c7;\r\n padding: 0.8rem;\r\n border-radius: 1rem;\r\n margin: 1rem 0;\r\n font-size: 0.8rem;\r\n color: #92400e;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .tsl-card__price {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n padding: 1rem 0;\r\n border-top: 1px solid #e2e8f0;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .tsl-old-price {\r\n font-size: 1rem;\r\n color: #8b9eb0;\r\n text-decoration: line-through;\r\n }\r\n\r\n .tsl-new-price {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: #DC2626;\r\n }\r\n\r\n .tsl-card__btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n background: #25D366;\r\n color: white;\r\n font-weight: 700;\r\n padding: 0.9rem;\r\n border-radius: 50px;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n margin-top: 1rem;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n }\r\n\r\n .tsl-card__btn:hover {\r\n background: #128C7E;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ===== FAQ SECTION ===== *\/\r\n .tsl-faq {\r\n background: white;\r\n border-radius: 2rem;\r\n padding: 2.5rem;\r\n margin: 3rem 0;\r\n }\r\n\r\n .tsl-faq__title {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n text-align: center;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tsl-faq__sub {\r\n text-align: center;\r\n color: #4a6f86;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .tsl-faq__grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 1.5rem;\r\n }\r\n\r\n .tsl-faq__item {\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n .tsl-faq__question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1rem 0;\r\n cursor: pointer;\r\n font-weight: 600;\r\n color: #0a2f44;\r\n }\r\n\r\n .tsl-faq__question:hover {\r\n color: #DC2626;\r\n }\r\n\r\n .tsl-faq__icon svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: #DC2626;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .tsl-faq__item.active .tsl-faq__icon svg {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .tsl-faq__answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s;\r\n color: #4a6f86;\r\n font-size: 0.85rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .tsl-faq__item.active .tsl-faq__answer {\r\n max-height: 200px;\r\n padding-bottom: 1rem;\r\n }\r\n\r\n \/* ===== MEETING POINT ===== *\/\r\n .tsl-meeting {\r\n background: linear-gradient(135deg, #0a2f44 0%, #1e6b8f 100%);\r\n border-radius: 1.5rem;\r\n padding: 2rem;\r\n text-align: center;\r\n margin: 2rem 0;\r\n }\r\n\r\n .tsl-meeting h3 {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tsl-meeting p {\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .tsl-meeting__link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #DC2626;\r\n color: white;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .tsl-container { padding: 2rem 1rem; }\r\n .tsl-why__title { font-size: 1.6rem; }\r\n .tsl-section-title { font-size: 1.6rem; }\r\n .tsl-features { gap: 1rem; }\r\n .tsl-ratings { gap: 1rem; }\r\n .tsl-rating { padding: 8px 16px; }\r\n .tsl-rating img { height: 24px; }\r\n .tsl-faq { padding: 1.5rem; }\r\n .tsl-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tsl-card__header h3 { font-size: 1.2rem; }\r\n .tsl-card__content { padding: 1.2rem; }\r\n .tsl-new-price { font-size: 1.4rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Hero Banner - No Emojis, Reduced Mobile Height -->\r\n <section class=\"tsl-hero\">\r\n <img decoding=\"async\" class=\"tsl-hero__image\" \r\n src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.08.jpeg\"\r\n alt=\"Surf Lessons in Taghazout\">\r\n <div class=\"tsl-hero__overlay\"><\/div>\r\n <div class=\"tsl-hero__content\">\r\n <h1 class=\"tsl-hero__title\">Le\u00e7ons de surf <span>\u00c0 Taghazout<\/span><\/h1>\r\n <p class=\"tsl-hero__sub\">Des le\u00e7ons de surf inoubliables dans la beaut\u00e9 c\u00f4ti\u00e8re de Taghazout<\/p>\r\n <a href=\"#packages\" class=\"tsl-hero__btn\">\r\n Voir les forfaits et les prix\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"tsl-container\">\r\n \r\n <!-- Why Choose Us - No Emojis -->\r\n <div class=\"tsl-why\">\r\n <h2 class=\"tsl-why__title\">Pourquoi choisir Tamazirt Surf pour vos cours de surf ?<\/h2>\r\n <p class=\"tsl-why__sub\">Chez Tamazirt Surf, le surf n'est pas seulement un sport, c'est une aventure inoubliable. Nos cours de surf \u00e0 Taghazout sont dispens\u00e9s par des moniteurs passionn\u00e9s qui personnalisent chaque session en fonction de votre niveau, vous aidant ainsi \u00e0 surfer sur les vagues en toute confiance dans un cadre amusant et amical.<\/p>\r\n \r\n <div class=\"tsl-features\">\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L15 8.5L22 9.5L17 14L18.5 21L12 17.5L5.5 21L7 14L2 9.5L9 8.5L12 2Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">5.0 \u00c9cole de surf la mieux not\u00e9e<\/h3>\r\n <p class=\"tsl-feature__desc\">Constamment not\u00e9 5 \u00e9toiles par des centaines de surfeurs heureux.<\/p>\r\n <\/div>\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">Pour les d\u00e9butants<\/h3>\r\n <p class=\"tsl-feature__desc\">Des le\u00e7ons \u00e9tape par \u00e9tape rendues simples, s\u00fbres et amusantes pour les d\u00e9butants.<\/p>\r\n <\/div>\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 12v8H4v-8M12 2v10M8 8l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">Instructeurs experts<\/h3>\r\n <p class=\"tsl-feature__desc\">Apprenez avec des surfeurs locaux exp\u00e9riment\u00e9s qui partagent leurs connaissances de l'oc\u00e9an.<\/p>\r\n <\/div>\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">S\u00e9curit\u00e9 et soutien<\/h3>\r\n <p class=\"tsl-feature__desc\">Des instructeurs certifi\u00e9s, du mat\u00e9riel de haute qualit\u00e9 et une supervision de niveau sauveteur.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Gallery Carousel under Why Choose Us -->\r\n <div class=\"tsl-gallery\">\r\n <div class=\"tsl-gallery__carousel\" id=\"galleryCarousel\">\r\n <div class=\"tsl-carousel__track\" id=\"carouselTrack\">\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12.jpeg\" alt=\"Surf action\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12-1.jpeg\" alt=\"Surf lesson\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12-2.jpeg\" alt=\"Wave riding\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.11-1.jpeg\" alt=\"Surf coaching\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.11-2.jpeg\" alt=\"Beach sunset\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.10.jpeg\" alt=\"Group surf\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.10-1.jpeg\" alt=\"Surfboard\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.10-2.jpeg\" alt=\"Ocean view\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09.jpeg\" alt=\"Surf session\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09-1.jpeg\" alt=\"Wave\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09-2.jpeg\" alt=\"Surf action\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.07-1.jpeg\" alt=\"Beach\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.06-1.jpeg\" alt=\"Sunset surf\"><\/div>\r\n <\/div>\r\n <button class=\"tsl-carousel__btn tsl-carousel__btn--prev\" id=\"carouselPrev\">\u276e<\/button>\r\n <button class=\"tsl-carousel__btn tsl-carousel__btn--next\" id=\"carouselNext\">\u276f<\/button>\r\n <div class=\"tsl-carousel__dots\" id=\"carouselDots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Ratings -->\r\n <div class=\"tsl-ratings\">\r\n <div class=\"tsl-rating\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/tripadvisor.png\" alt=\"TripAdvisor\">\r\n <span><strong>5.0<\/strong> - Mieux not\u00e9e<\/span>\r\n <\/div>\r\n <div class=\"tsl-rating\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/google_2504739.png\" alt=\"Google\">\r\n <span><strong>4.9<\/strong> - Plus de 350 commentaires<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Packages Section -->\r\n <h2 id=\"packages\" class=\"tsl-section-title\">D\u00e9butant et interm\u00e9diaire<\/h2>\r\n <p class=\"tsl-section-sub\">Choisissez votre le\u00e7on de surf - Groupe ouvert, Priv\u00e9 1 contre 1, ou Groupe priv\u00e9<\/p>\r\n\r\n <div class=\"tsl-grid\">\r\n \r\n <!-- Open Group Lessons - No Emojis -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card__image\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12.jpeg\" alt=\"Open Group Surf Lesson\">\r\n <\/div>\r\n <div class=\"tsl-card__header\"><h3>Le\u00e7ons du groupe ouvert<\/h3><\/div>\r\n <div class=\"tsl-card__content\">\r\n <ul class=\"tsl-card__list\">\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Le\u00e7on de surf de 2 heures avec des moniteurs exp\u00e9riment\u00e9s<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Planche et combinaison de qualit\u00e9 sup\u00e9rieure, leash, cire inclus<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Apprendre \u00e0 pagayer, \u00e0 se tenir debout, \u00e0 prendre des vagues<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Ambiance ludique et d\u00e9tendue - Se faire de nouveaux amis<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Aucune exp\u00e9rience n'est n\u00e9cessaire - il suffit d'apporter son sourire !<\/li>\r\n <\/ul>\r\n <div class=\"tsl-card__bonus\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span>Bonus : Gardez la planche de surf et la combinaison pour le reste de la journ\u00e9e !<\/span>\r\n <\/div>\r\n <div class=\"tsl-card__price\">\r\n <span class=\"tsl-old-price\">\u20ac31.65<\/span>\r\n <span class=\"tsl-new-price\">\u20ac25<\/span>\r\n <span>\/personne<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tamazirtsurfshopschool.com\/fr\/booking\/\" class=\"tsl-card__btn\">\r\n R\u00e9server\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div style=\"font-size:0.7rem; text-align:center; margin-top:0.5rem;\">Annulation gratuite - Paiement \u00e0 l'arriv\u00e9e - Confirmation instantan\u00e9e<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Private 1-on-1 Lessons - No Emojis -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card__image\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09-3.jpeg\" alt=\"Private 1-on-1 Surf Lesson\">\r\n <\/div>\r\n <div class=\"tsl-card__header\"><h3>Le\u00e7ons priv\u00e9es 1 \u00e0 1<\/h3><\/div>\r\n <div class=\"tsl-card__content\">\r\n <ul class=\"tsl-card__list\">\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>S\u00e9ance priv\u00e9e de 2 heures - attention totale<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Acc\u00e9l\u00e9rer votre apprentissage gr\u00e2ce \u00e0 un coach personnel<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Tout l'\u00e9quipement est inclus (planche, combinaison, leash, cire).<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Rythme flexible, vos objectifs d'abord - Photos sur demande<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Un maximum de progr\u00e8s en un minimum de temps<\/li>\r\n <\/ul>\r\n <div class=\"tsl-card__bonus\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span>Bonus : Gardez la planche de surf et la combinaison pour le reste de la journ\u00e9e !<\/span>\r\n <\/div>\r\n <div class=\"tsl-card__price\">\r\n <span class=\"tsl-old-price\">\u20ac69.62<\/span>\r\n <span class=\"tsl-new-price\">\u20ac55<\/span>\r\n <span>\/personne<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tamazirtsurfshopschool.com\/fr\/booking\/\" class=\"tsl-card__btn\">\r\n R\u00e9server\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div style=\"font-size:0.7rem; text-align:center; margin-top:0.5rem;\">Annulation gratuite - Paiement \u00e0 l'arriv\u00e9e - Confirmation instantan\u00e9e<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Private Group Lessons - No Emojis -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card__image\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.11.jpeg\" alt=\"Private Group Surf Lesson\">\r\n <\/div>\r\n <div class=\"tsl-card__header\"><h3>Le\u00e7ons priv\u00e9es en groupe<\/h3><\/div>\r\n <div class=\"tsl-card__content\">\r\n <ul class=\"tsl-card__list\">\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Le\u00e7on priv\u00e9e de 2 heures pour votre groupe<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Un instructeur d\u00e9di\u00e9 pour votre groupe priv\u00e9<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Tout l'\u00e9quipement est inclus (planche, combinaison, leash, cire).<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Parfait pour les couples, les familles ou les amis<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Coaching personnalis\u00e9 - Des moments inoubliables<\/li>\r\n <\/ul>\r\n <div class=\"tsl-card__bonus\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span>Bonus : Gardez la planche de surf et la combinaison pour le reste de la journ\u00e9e !<\/span>\r\n <\/div>\r\n <div class=\"tsl-card__price\">\r\n <span class=\"tsl-old-price\">\u20ac37.97<\/span>\r\n <span class=\"tsl-new-price\">\u20ac30<\/span>\r\n <span>\/personne<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tamazirtsurfshopschool.com\/fr\/booking\/\" class=\"tsl-card__btn\">\r\n R\u00e9server\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div style=\"font-size:0.7rem; text-align:center; margin-top:0.5rem;\">Annulation gratuite - Paiement \u00e0 l'arriv\u00e9e - Confirmation instantan\u00e9e<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Meeting Point -->\r\n <div class=\"tsl-meeting\">\r\n <h3>Point de rencontre<\/h3>\r\n <p>Tamazirt Surf Shop & School, Taghazout center, Taghazout 80022<\/p>\r\n <a href=\"https:\/\/maps.app.goo.gl\/UkAxzbi9Dix8K7Td8\" target=\"_blank\" class=\"tsl-meeting__link\" rel=\"noopener\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Trouvez-nous ici\r\n <\/a>\r\n <p style=\"font-size:0.8rem; margin-top:0.8rem;\">D\u00e9but et fin : Tamazirt Surf Shop, Taghazout<\/p>\r\n <\/div>\r\n\r\n <!-- FAQ Section -->\r\n <div class=\"tsl-faq\">\r\n <h2 class=\"tsl-faq__title\">Informations compl\u00e9mentaires \/ FAQ<\/h2>\r\n <p class=\"tsl-faq__sub\">D\u00e9couvrez ici les questions les plus fr\u00e9quemment pos\u00e9es sur les cours de surf.<\/p>\r\n \r\n <div class=\"tsl-faq__grid\">\r\n <div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Ai-je besoin d'une exp\u00e9rience en mati\u00e8re de surf ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Aucune exp\u00e9rience n'est n\u00e9cessaire ! Nos cours s'adressent \u00e0 tous les niveaux, des d\u00e9butants complets aux surfeurs interm\u00e9diaires.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Comment payer la le\u00e7on de surf ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Vous pouvez payer \u00e0 l'arriv\u00e9e dans notre magasin. Les paiements en esp\u00e8ces et par carte sont accept\u00e9s.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Qu'est-ce qui est inclus ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Planche de surf, combinaison, leash, wax et encadrement professionnel. De plus, vous pouvez garder le mat\u00e9riel pour le reste de la journ\u00e9e !<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Que dois-je apporter ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Maillot de bain, serviette, cr\u00e8me solaire, eau et attitude positive !<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Quelle est la dur\u00e9e de chaque le\u00e7on de surf ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Chaque le\u00e7on dure 2 heures et comprend la th\u00e9orie et la pratique dans l'eau.<\/div><\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Comment programmer ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">R\u00e9servez en ligne ou contactez-nous par WhatsApp. Les cours ont lieu tous les jours \u00e0 10h00 et 14h00.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Fournissez-vous une prise en charge \u00e0 l'h\u00f4tel ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Oui, prise en charge gratuite depuis les h\u00f4tels de Taghazout. Nous contacter 24h \u00e0 l'avance.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Qu'est-ce qu'une le\u00e7on de surf du Groupe Open ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Cours en petits groupes (max. 5 par instructeur) - social, amusant et abordable.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Qu'est-ce qu'une le\u00e7on priv\u00e9e en groupe ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Le\u00e7on exclusive pour votre groupe (2-10 personnes) avec un instructeur sp\u00e9cialis\u00e9.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Puis-je garder la planche de surf apr\u00e8s la le\u00e7on ?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Oui, vous pouvez garder la planche et la combinaison et continuer \u00e0 surfer le reste de la journ\u00e9e.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact CTA -->\r\n <div class=\"tsl-meeting\" style=\"background: linear-gradient(135deg, #DC2626 0%, #b91c1c 100%);\">\r\n <h3>Vous avez encore des questions ?<\/h3>\r\n <p>Contactez-nous sur WhatsApp - nous sommes l\u00e0 pour vous aider \u00e0 planifier votre exp\u00e9rience de surf parfaite !<\/p>\r\n <a href=\"https:\/\/wa.me\/212762650528\" target=\"_blank\" class=\"tsl-meeting__link\" style=\"background: white; color: #DC2626;\" rel=\"noopener\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n WhatsApp +212 762-650528\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Gallery Carousel\r\n const track = document.getElementById('carouselTrack');\r\n const slides = document.querySelectorAll('.tsl-carousel__slide');\r\n const prevBtn = document.getElementById('carouselPrev');\r\n const nextBtn = document.getElementById('carouselNext');\r\n const dotsContainer = document.getElementById('carouselDots');\r\n let currentIndex = 0;\r\n let slidesPerView = 4;\r\n const totalSlides = slides.length;\r\n\r\n function updateSlidesPerView() {\r\n if (window.innerWidth <= 480) slidesPerView = 1;\r\n else if (window.innerWidth <= 768) slidesPerView = 2;\r\n else if (window.innerWidth <= 1024) slidesPerView = 3;\r\n else slidesPerView = 4;\r\n }\r\n\r\n function getMaxIndex() {\r\n return Math.max(0, totalSlides - slidesPerView);\r\n }\r\n\r\n function updateCarousel() {\r\n updateSlidesPerView();\r\n const maxIndex = getMaxIndex();\r\n if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n const translateX = -(currentIndex * (100 \/ slidesPerView));\r\n track.style.transform = `translateX(${translateX}%)`;\r\n document.querySelectorAll('.tsl-carousel__dot').forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function createDots() {\r\n dotsContainer.innerHTML = '';\r\n const maxIndex = getMaxIndex();\r\n for (let i = 0; i <= maxIndex; i++) {\r\n const dot = document.createElement('div');\r\n dot.classList.add('tsl-carousel__dot');\r\n if (i === 0) dot.classList.add('active');\r\n dot.addEventListener('click', () => {\r\n currentIndex = i;\r\n updateCarousel();\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n if (prevBtn && nextBtn) {\r\n prevBtn.addEventListener('click', () => {\r\n if (currentIndex > 0) {\r\n currentIndex--;\r\n updateCarousel();\r\n }\r\n });\r\n nextBtn.addEventListener('click', () => {\r\n const maxIndex = getMaxIndex();\r\n if (currentIndex < maxIndex) {\r\n currentIndex++;\r\n updateCarousel();\r\n }\r\n });\r\n }\r\n\r\n window.addEventListener('resize', () => {\r\n updateCarousel();\r\n createDots();\r\n });\r\n\r\n createDots();\r\n updateCarousel();\r\n\r\n \/\/ FAQ Toggle\r\n document.querySelectorAll('.tsl-faq__item').forEach(item => {\r\n const question = item.querySelector('.tsl-faq__question');\r\n question.addEventListener('click', () => item.classList.toggle('active'));\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Surf Lessons in Taghazout | Tamazirt Surf Shop & School Surf Lessons In Taghazout Join Unforgettable Surf Lessons in Taghazout Coastal Beauty View Packages & Prices Why Choose Tamazirt Surf for Your Surf Lessons? At Tamazirt Surf, surfing isn’t just a sport, it’s an unforgettable adventure. Our surf lessons in Taghazout are led by passionate […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-191","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/tamazirtsurfshopschool.com\/fr\/wp-json\/wp\/v2\/pages\/191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tamazirtsurfshopschool.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tamazirtsurfshopschool.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/fr\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":10,"href":"https:\/\/tamazirtsurfshopschool.com\/fr\/wp-json\/wp\/v2\/pages\/191\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/tamazirtsurfshopschool.com\/fr\/wp-json\/wp\/v2\/pages\/191\/revisions\/207"}],"wp:attachment":[{"href":"https:\/\/tamazirtsurfshopschool.com\/fr\/wp-json\/wp\/v2\/media?parent=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}