{"id":219,"date":"2026-03-30T17:06:11","date_gmt":"2026-03-30T17:06:11","guid":{"rendered":"https:\/\/tamazirtsurfshopschool.com\/?page_id=219"},"modified":"2026-03-30T17:11:22","modified_gmt":"2026-03-30T17:11:22","slug":"contact","status":"publish","type":"page","link":"https:\/\/tamazirtsurfshopschool.com\/pl\/contact\/","title":{"rendered":"Kontakt"},"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 Contact Us | Tamazirt Surf Shop & School Taghazout<\/title>\r\n <meta name=\"description\" content=\"Contact Tamazirt Surf Shop & School in Taghazout, Morocco. Find our location, hours, phone number, email, and send us a message for surf lessons and rentals.\">\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 line-height: 1.5;\r\n }\r\n\r\n \/* ===== HERO BANNER ===== *\/\r\n .contact-hero {\r\n position: relative;\r\n width: 100%;\r\n height: 40vh;\r\n min-height: 280px;\r\n max-height: 400px;\r\n overflow: hidden;\r\n background: #0a2f44;\r\n }\r\n\r\n .contact-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 opacity: 0.65;\r\n }\r\n\r\n .contact-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.85) 0%, rgba(30, 107, 143, 0.8) 100%);\r\n z-index: 2;\r\n }\r\n\r\n .contact-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: 1.5rem;\r\n color: white;\r\n }\r\n\r\n .contact-hero__title {\r\n font-size: clamp(1.8rem, 5vw, 3rem);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n }\r\n\r\n .contact-hero__title span {\r\n color: #FF6B6B;\r\n }\r\n\r\n .contact-hero__sub {\r\n font-size: clamp(0.85rem, 3.5vw, 1rem);\r\n opacity: 0.95;\r\n max-width: 90%;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .contact-hero { height: 38vh; min-height: 260px; max-height: 350px; }\r\n }\r\n @media (max-width: 480px) {\r\n .contact-hero { height: 35vh; min-height: 240px; max-height: 320px; }\r\n .contact-hero__title { font-size: 1.5rem; }\r\n }\r\n\r\n \/* ===== MAIN CONTAINER ===== *\/\r\n .contact-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2.5rem 1.5rem;\r\n }\r\n\r\n \/* ===== CONTACT GRID ===== *\/\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n \/* Contact Info Card *\/\r\n .contact-info {\r\n background: white;\r\n border-radius: 1.5rem;\r\n padding: 1.8rem;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .contact-info h2 {\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n margin-bottom: 1.5rem;\r\n border-left: 4px solid #DC2626;\r\n padding-left: 1rem;\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .info-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: #fee2e2;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .info-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n stroke: #DC2626;\r\n stroke-width: 1.8;\r\n }\r\n\r\n .info-content h3 {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: #0a2f44;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .info-content p, .info-content a {\r\n font-size: 0.9rem;\r\n color: #4a6f86;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n\r\n .info-content a:hover {\r\n color: #DC2626;\r\n }\r\n\r\n .hours-list {\r\n list-style: none;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .hours-list li {\r\n font-size: 0.9rem;\r\n color: #4a6f86;\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n \/* Contact Form Card *\/\r\n .contact-form {\r\n background: white;\r\n border-radius: 1.5rem;\r\n padding: 1.8rem;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .contact-form h2 {\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n margin-bottom: 1.5rem;\r\n border-left: 4px solid #DC2626;\r\n padding-left: 1rem;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: #2c4a5e;\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .form-group input, .form-group textarea {\r\n width: 100%;\r\n padding: 0.8rem 1rem;\r\n border: 1.5px solid #e2e8f0;\r\n border-radius: 1rem;\r\n font-size: 0.9rem;\r\n font-family: inherit;\r\n background: #f9fbfd;\r\n transition: border 0.2s;\r\n }\r\n\r\n .form-group input:focus, .form-group textarea:focus {\r\n outline: none;\r\n border-color: #DC2626;\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 100px;\r\n }\r\n\r\n .submit-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n background: #DC2626;\r\n color: white;\r\n font-weight: 700;\r\n padding: 0.9rem 2rem;\r\n border-radius: 50px;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n width: 100%;\r\n transition: all 0.3s;\r\n }\r\n\r\n .submit-btn:hover {\r\n background: #b91c1c;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Map Section *\/\r\n .map-section {\r\n background: white;\r\n border-radius: 1.5rem;\r\n overflow: hidden;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);\r\n margin-top: 1rem;\r\n }\r\n\r\n .map-section h2 {\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n padding: 1.5rem 1.8rem 0;\r\n }\r\n\r\n .map-container {\r\n width: 100%;\r\n height: 400px;\r\n margin-top: 1rem;\r\n }\r\n\r\n .map-container iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .contact-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .contact-container {\r\n padding: 1.8rem 1rem;\r\n }\r\n .contact-info, .contact-form {\r\n padding: 1.5rem;\r\n }\r\n .contact-info h2, .contact-form h2 {\r\n font-size: 1.4rem;\r\n }\r\n .map-container {\r\n height: 320px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .info-item {\r\n gap: 0.8rem;\r\n }\r\n .info-icon {\r\n width: 38px;\r\n height: 38px;\r\n }\r\n .info-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n .info-content p, .info-content a, .hours-list li {\r\n font-size: 0.8rem;\r\n }\r\n .map-container {\r\n height: 280px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Hero Banner -->\r\n <section class=\"contact-hero\">\r\n <img decoding=\"async\" class=\"contact-hero__image\" \r\n src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12.jpeg\"\r\n alt=\"Contact Tamazirt Surf Shop Taghazout\">\r\n <div class=\"contact-hero__overlay\"><\/div>\r\n <div class=\"contact-hero__content\">\r\n <h1 class=\"contact-hero__title\">Kontakt <span>My<\/span><\/h1>\r\n <p class=\"contact-hero__sub\">Skontaktuj si\u0119 z nami w sprawie lekcji surfingu, wynajmu lub jakichkolwiek pyta\u0144 - jeste\u015bmy tutaj, aby pom\u00f3c!<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"contact-container\">\r\n \r\n <div class=\"contact-grid\">\r\n \r\n <!-- Contact Information -->\r\n <div class=\"contact-info\">\r\n <h2>Skontaktuj si\u0119 z nami<\/h2>\r\n \r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <h3>Adres<\/h3>\r\n <p>Tamazirt Surf Shop & School<br>Centrum Taghazout, Taghazout 80022<br>Maroko<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <h3>Telefon \/ WhatsApp<\/h3>\r\n <a href=\"tel:+212762650528\">+212 762-650528<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\r\n <path d=\"M22 7l-10 7L2 7\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <h3>E-mail<\/h3>\r\n <a href=\"mailto:info@tamazirtsurfshopschool.com\">info@tamazirtsurfshopschool.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <polyline points=\"12 6 12 12 16 14\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <h3>Godziny otwarcia<\/h3>\r\n <ul class=\"hours-list\">\r\n <li><span>Poniedzia\u0142ek - niedziela:<\/span> <span>08:00 - 22:00<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact Form -->\r\n <div class=\"contact-form\">\r\n <h2>Wy\u015blij nam wiadomo\u015b\u0107<\/h2>\r\n <form id=\"contactForm\" action=\"#\" method=\"POST\" data-trp-original-action=\"#\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Imi\u0119 i nazwisko<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Imi\u0119 i nazwisko\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"email\">Adres e-mail<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"your@email.com\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Numer telefonu (opcjonalnie)<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+212 XXX XXX XXX\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"message\">Twoja wiadomo\u015b\u0107<\/label>\r\n <textarea id=\"message\" name=\"message\" required placeholder=\"Jestem zainteresowany...\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"submit-btn\">\r\n Wy\u015blij wiadomo\u015b\u0107\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/>\r\n <polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/>\r\n <\/svg>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"pl\"\/><\/form>\r\n <p style=\"font-size: 0.7rem; text-align: center; margin-top: 1rem; color: #8ba0b0;\">Skontaktujemy si\u0119 z Tob\u0105 w ci\u0105gu 24 godzin<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Google Map Section -->\r\n <div class=\"map-section\">\r\n <h2>Znajd\u017a nas tutaj<\/h2>\r\n <div class=\"map-container\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3442.123456789012!2d-9.711111!3d30.322222!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x5f3a5e61e3f365b9!2sTamazirt%20Surf%20Shop%20%26%20School!5e0!3m2!1sen!2sma!4v1700000000000!5m2!1sen!2sma\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Tamazirt Surf Shop & School Mapa lokalizacji\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Simple form handling - redirects to WhatsApp with message details\r\n const form = document.getElementById('contactForm');\r\n if (form) {\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n const name = document.getElementById('name').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const phone = document.getElementById('phone').value.trim();\r\n const message = document.getElementById('message').value.trim();\r\n \r\n if (!name || !email || !message) {\r\n alert('Please fill in all required fields (Name, Email, Message).');\r\n return;\r\n }\r\n \r\n const whatsappNumber = '212762650528';\r\n const body = `*New Contact Form Submission*%0A%0A` +\r\n `*Name:* ${name}%0A` +\r\n `*Email:* ${email}%0A` +\r\n `*Phone:* ${phone || 'Not provided'}%0A%0A` +\r\n `*Message:*%0A${message}%0A%0A` +\r\n `---%0ASent from Tamazirt Surf Website Contact Page`;\r\n \r\n const whatsappUrl = `https:\/\/wa.me\/${whatsappNumber}?text=${body}`;\r\n window.open(whatsappUrl, '_blank');\r\n \r\n alert('Thank you! You will be redirected to WhatsApp to send your message.');\r\n form.reset();\r\n });\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>Contact Us | Tamazirt Surf Shop & School Taghazout Contact Us Get in touch for surf lessons, rentals, or any questions \u2014 we’re here to help! Get in Touch Address Tamazirt Surf Shop & SchoolTaghazout center, Taghazout 80022Morocco Phone \/ WhatsApp +212 762-650528 Email info@tamazirtsurfshopschool.com Opening Hours Monday – Sunday: 08:00 \u2013 22:00 Send us […]<\/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-219","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\/pl\/wp-json\/wp\/v2\/pages\/219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":8,"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/pages\/219\/revisions\/228"}],"wp:attachment":[{"href":"https:\/\/tamazirtsurfshopschool.com\/pl\/wp-json\/wp\/v2\/media?parent=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}