{"id":3738,"date":"2021-01-26T12:04:13","date_gmt":"2021-01-26T12:04:13","guid":{"rendered":"https:\/\/n7-golf-club.themerex.net\/?page_id=3738"},"modified":"2026-06-08T07:32:21","modified_gmt":"2026-06-08T07:32:21","slug":"about","status":"publish","type":"page","link":"https:\/\/www.uaesusf.ae\/ar\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
<\/span><\/div>

\n Fields <\/a><\/h4>
10 picturesque and well equipped courses. <\/span><\/div>\n Read more<\/span><\/span>\n <\/a>\n <\/a><\/div><\/div><\/div>
<\/span><\/div>

\n Awards <\/a><\/h4>
300+ tournaments and event days each year.<\/span><\/div>\n Read more<\/span><\/span>\n <\/a>\n <\/a><\/div><\/div><\/div>
<\/span><\/div>

\n Active Members <\/a><\/h4>
1000+ active members and club ambassadors. <\/span><\/div>\n Read more<\/span><\/span>\n <\/a>\n <\/a><\/div><\/div><\/div>
<\/span><\/div>

\n Professional Trainers <\/a><\/h4>
10 professional instructors for all levels.<\/span><\/div>\n Read more<\/span><\/span>\n <\/a>\n <\/a><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tGolf today<\/span>

Take Your Game to the Next Level<\/span><\/h1>

Play your game hard and try to be aware of what you do. Your life is a kind of sport, don't lose your time, and don't stay away.<\/p>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mon-Fri: 9 AM \u2013 22 PM
Saturday: 9 AM \u2013 20 PM<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tRead More<\/span><\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t
\n\t\t
\n\n\t
\n\t\t\t<\/div>\n\n\t

It is where I had one of the most exciting matches of my life! So, it’s only fitting that I get to express my appreciation for this excellent golf club. Thank you for all your work!<\/p>\n<\/div>\n\t

\n\t\t
\n\t\t\t

Linda Moore<\/h4>\n\t\t\t
Office Manager<\/div>\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div>
\n\n\t
\n\t\t\t<\/div>\n\n\t

For years I have searched for an advanced club that brings my skills to a new level. It is the first one that I have found. The golf classes with Magin Revillo are excellent.<\/p>\n<\/div>\n\t

\n\t\t
\n\t\t\t

George Gordon<\/h4>\n\t\t\t
Business Owner<\/div>\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div>
\n\n\t
\n\t\t\t<\/div>\n\n\t

I have come to love this training! And my private classes with my trainer have been excellent. The time has been invaluable, \u0441ool, amusing, and active. I plan to return.<\/p>\n<\/div>\n\t

\n\t\t
\n\t\t\t

James Lee<\/h4>\n\t\t\t
Accountant<\/div>\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>
<\/a><\/a><\/div><\/div>
<\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tOur team<\/span>

Meet Our Team<\/span><\/h1>

If you want to learn how to play golf, our professionals are always ready to make you fall in love with golf and teach you how to play at a high level in a short time.<\/p>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tOur Team<\/span><\/span><\/a><\/span><\/span>Video Presentation<\/span><\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t
<\/span>

Ms. Maryam Mohamed Bushabas<\/a><\/h4>
Member<\/div>
<\/div><\/div><\/a>
<\/div><\/div><\/div>\n<\/div>
\n\t
<\/span>

Ms. Najla Abdullah<\/a><\/h4>
Member<\/div>
<\/div><\/div><\/a>
<\/div><\/div><\/div>\n<\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t\t\t\t
\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 \u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a<\/title>\r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Google Fonts (Cairo & Montserrat) -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800&family=Montserrat:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Cairo', 'Montserrat', sans-serif;\r\n background: radial-gradient(circle at top, #1a2332 0%, #0f141c 100%);\r\n color: #ffffff;\r\n min-height: 100vh;\r\n }\r\n \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0632\u062c\u0627\u062c \u0627\u0644\u0628\u0644\u0648\u0631\u064a \u0627\u0644\u0641\u0627\u062e\u0631 *\/\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.03);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n .glass-card:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-color: rgba(168, 85, 247, 0.4); \/* \u0628\u0646\u0641\u0633\u062c\u064a \u0645\u062a\u0646\u0627\u0633\u0642 *\/\r\n box-shadow: 0 20px 40px rgba(168, 85, 247, 0.15);\r\n transform: translateY(-8px);\r\n }\r\n \/* \u062d\u0631\u0643\u0629 \u0646\u0628\u0636 \u062e\u0641\u064a\u0641\u0629 \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n .icon-container svg {\r\n transition: all 0.4s ease;\r\n }\r\n .glass-card:hover .icon-container svg {\r\n transform: scale(1.18) rotate(8deg);\r\n filter: drop-shadow(0 0 8px rgba(168, 85, 247, 0.6));\r\n }\r\n \/* \u0643\u062a\u0645 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0628\u0627\u0631 \u0627\u0644\u0645\u0632\u0639\u062c *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: #0f141c;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #a855f7;\r\n border-radius: 4px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"py-12 px-4 sm:px-6 lg:px-8\">\r\n\r\n <div class=\"max-w-7xl mx-auto\">\r\n <!-- \u0627\u0644\u0631\u0623\u0633 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 -->\r\n <div class=\"text-center mb-12\">\r\n <span class=\"text-purple-500 font-bold tracking-wider text-sm uppercase block mb-2\">\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0644\u0644\u0631\u064a\u0627\u0636\u0629 \u0644\u0644\u062c\u0645\u064a\u0639<\/span>\r\n <h1 class=\"text-3xl sm:text-5xl font-extrabold text-white mb-4\">\u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-indigo-500\">\u0627\u0644\u0646\u0634\u0637\u0629<\/span><\/h1>\r\n <p class=\"text-gray-400 max-w-2xl mx-auto text-sm sm:text-base\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0628\u0627\u0642\u0629 \u0645\u0646 \u0623\u0631\u0642\u0649 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a\u060c \u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0648\u0627\u0643\u062a\u0634\u0641 \u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0634\u0631\u0648\u0637 \u0643\u0644 \u0644\u0639\u0628\u0629 \u0641\u0648\u0631\u0627\u064b.<\/p>\r\n <\/div>\r\n\r\n <!-- \u0623\u0634\u0631\u0637\u0629 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0641\u0644\u062a\u0631\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 -->\r\n <div class=\"flex flex-col md:flex-row gap-4 justify-between items-center mb-10 bg-white\/5 p-4 rounded-2xl border border-white\/5\">\r\n <!-- \u0627\u0644\u0641\u0644\u0627\u062a\u0631 -->\r\n <div class=\"flex flex-wrap gap-2 justify-center\" id=\"filter-buttons\">\r\n <button onclick=\"filterSports('all')\" class=\"filter-btn active px-4 py-2 rounded-xl text-xs sm:text-sm font-semibold transition-all duration-300 bg-purple-600 text-white\" data-category=\"all\">\u0627\u0644\u0643\u0644<\/button>\r\n <button onclick=\"filterSports('precision')\" class=\"filter-btn px-4 py-2 rounded-xl text-xs sm:text-sm font-semibold transition-all duration-300 bg-white\/5 text-gray-300 hover:bg-white\/10\" data-category=\"precision\">\u0631\u064a\u0627\u0636\u0627\u062a \u0627\u0644\u062f\u0642\u0629<\/button>\r\n <button onclick=\"filterSports('combat')\" class=\"filter-btn px-4 py-2 rounded-xl text-xs sm:text-sm font-semibold transition-all duration-300 bg-white\/5 text-gray-300 hover:bg-white\/10\" data-category=\"combat\">\u0623\u0644\u0639\u0627\u0628 \u0642\u062a\u0627\u0644\u064a\u0629<\/button>\r\n <button onclick=\"filterSports('team')\" class=\"filter-btn px-4 py-2 rounded-xl text-xs sm:text-sm font-semibold transition-all duration-300 bg-white\/5 text-gray-300 hover:bg-white\/10\" data-category=\"team\">\u062c\u0645\u0627\u0639\u064a\u0629 \u0648\u0645\u0636\u0631\u0628<\/button>\r\n <button onclick=\"filterSports('stamina')\" class=\"filter-btn px-4 py-2 rounded-xl text-xs sm:text-sm font-semibold transition-all duration-300 bg-white\/5 text-gray-300 hover:bg-white\/10\" data-category=\"stamina\">\u0642\u0648\u0629 \u0648\u062a\u062d\u0645\u0644<\/button>\r\n <\/div>\r\n \r\n <!-- \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0633\u0631\u064a\u0639 -->\r\n <div class=\"relative w-full md:w-80\">\r\n <input type=\"text\" id=\"search-input\" oninput=\"searchSports()\" placeholder=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u0631\u064a\u0627\u0636\u062a\u0643 \u0627\u0644\u0645\u0641\u0636\u0644\u0629...\" class=\"w-full bg-white\/5 border border-white\/10 rounded-xl px-4 py-2.5 pr-10 text-sm text-white focus:outline-none focus:border-purple-500 transition-all placeholder-gray-500\">\r\n <span class=\"absolute left-3 top-3.5 text-gray-500\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 (13 \u0631\u064a\u0627\u0636\u0629 \u0628\u0627\u0644\u062a\u0645\u0627\u0645 \u0648\u0627\u0644\u0643\u0645\u0627\u0644) -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\" id=\"sports-grid\">\r\n <!-- \u0633\u064a\u062a\u0645 \u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0643\u0631\u0648\u062a \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u064b \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u062c\u0627\u0641\u0627\u0633\u0643\u0631\u064a\u0628\u062a \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0644\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 (Modal) -->\r\n <div id=\"sport-modal\" class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black\/80 backdrop-blur-md hidden transition-opacity duration-300 opacity-0\">\r\n <div class=\"bg-[#151c28] border border-white\/10 rounded-3xl max-w-lg w-full overflow-hidden transform scale-95 transition-transform duration-300 shadow-2xl\">\r\n <!-- \u0647\u064a\u062f\u0631 \u0627\u0644\u0645\u0648\u062f\u0627\u0644 -->\r\n <div class=\"relative p-6 pb-0 flex justify-between items-start\">\r\n <div class=\"icon-container-modal p-4 bg-purple-500\/10 rounded-2xl text-purple-400\" id=\"modal-icon\">\r\n <!-- SVG \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a -->\r\n <\/div>\r\n <button onclick=\"closeModal()\" class=\"text-gray-400 hover:text-white bg-white\/5 hover:bg-white\/10 p-2 rounded-xl transition-all\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n <\/button>\r\n <\/div>\r\n <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0648\u062f\u0627\u0644 -->\r\n <div class=\"p-6\">\r\n <span class=\"text-purple-400 font-bold text-xs uppercase tracking-wider block mb-1\" id=\"modal-category\">\u0627\u0644\u062a\u0635\u0646\u064a\u0641<\/span>\r\n <h3 class=\"text-2xl font-extrabold text-white mb-2\" id=\"modal-title\">\u0627\u0633\u0645 \u0627\u0644\u0631\u064a\u0627\u0636\u0629<\/h3>\r\n <h4 class=\"text-gray-400 text-sm mb-4 italic\" id=\"modal-english\">Sport English Name<\/h4>\r\n <p class=\"text-gray-300 text-sm leading-relaxed mb-6\" id=\"modal-description\">\u0647\u0646\u0627 \u064a\u0638\u0647\u0631 \u0634\u0631\u062d \u0645\u0645\u062a\u0639 \u0648\u062a\u0641\u0627\u0639\u0644\u064a \u0644\u0644\u0631\u064a\u0627\u0636\u0629 \u0648\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0627\u062a \u0648\u0634\u0631\u0648\u0637 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645.<\/p>\r\n \r\n <!-- \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u0644\u0644\u0631\u064a\u0627\u0636\u0629 \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 -->\r\n <div class=\"grid grid-cols-2 gap-4 mb-6 bg-white\/5 p-4 rounded-2xl border border-white\/5\">\r\n <div>\r\n <span class=\"block text-gray-500 text-xs\">\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0635\u0639\u0648\u0628\u0629<\/span>\r\n <span class=\"font-bold text-sm text-purple-300\" id=\"modal-difficulty\">\u0645\u062a\u0648\u0633\u0637<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-gray-500 text-xs\">\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/span>\r\n <span class=\"font-bold text-sm text-purple-300\" id=\"modal-tools\">\u0645\u062a\u0648\u0641\u0631\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0632\u0631 \u062f\u0639\u0648\u0629 \u0644\u0644\u062a\u0641\u0627\u0639\u0644 -->\r\n <button onclick=\"alertAction()\" class=\"w-full bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-500 hover:to-indigo-500 text-white font-bold py-3.5 px-6 rounded-2xl transition-all shadow-lg hover:shadow-purple-500\/20 text-center text-sm block\">\r\n \u0637\u0644\u0628 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0623\u0648 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0628\u0627\u0644\u0628\u0637\u0648\u0644\u0629\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0627\u0644\u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0625\u0637\u0627\u0631 (\u0628\u062f\u0644\u0627\u064b \u0645\u0646 alert \u0627\u0644\u0639\u0627\u062f\u064a) -->\r\n <div id=\"custom-toast\" class=\"fixed bottom-6 right-6 z-50 bg-gradient-to-r from-green-500 to-emerald-600 text-white px-6 py-3.5 rounded-2xl shadow-xl transition-all duration-300 transform translate-y-20 opacity-0 flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"font-semibold text-sm\" id=\"toast-message\">\u062a\u0645\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0646\u062c\u0627\u062d!<\/span>\r\n <\/div>\r\n\r\n <!-- \u062c\u0627\u0641\u0627 \u0633\u0643\u0631\u064a\u0628\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0643\u0631\u0648\u062a -->\r\n <script>\r\n \/\/ \u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0631\u064a\u0627\u0636\u0627\u062a \u0627\u0644\u0640 13 \u0645\u0639 \u0627\u0644\u0640 SVGs \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b\r\n const sportsData = [\r\n {\r\n id: 'archery',\r\n title: '\u0627\u0644\u0631\u0645\u0627\u064a\u0629 \u0628\u0627\u0644\u0642\u0648\u0633 \u0648\u0627\u0644\u0646\u0634\u0627\u0628',\r\n english: 'Archery',\r\n category: 'precision',\r\n difficulty: '\u0645\u062a\u0648\u0633\u0637 \u0625\u0644\u0649 \u0639\u0627\u0644\u064a',\r\n tools: '\u0642\u0648\u0633\u060c \u0633\u0647\u0627\u0645\u060c \u0644\u0648\u062d\u0629 \u0623\u0647\u062f\u0627\u0641',\r\n desc: '\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u0637\u0644\u0642\u060c \u062a\u062a\u0637\u0644\u0628 \u062b\u0628\u0627\u062a\u0627\u064b \u0630\u0647\u0646\u064a\u0627\u064b \u0648\u0642\u062f\u0631\u0629 \u0639\u0627\u0644\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u062a\u0646\u0641\u0633 \u0644\u0625\u0635\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0641 \u0628\u062f\u0642\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629 \u0645\u0646 \u0645\u0633\u0627\u0641\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 2v20M2 12h20M12 12m-6 0a6 6 0 1 0 12 0 6 6 0 1 0 -12 0M12 12m-3 0a3 3 0 1 0 6 0 3 3 0 1 0 -6 0M18 4l-2 2M6 20l2-2\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'athletics',\r\n title: '\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0642\u0648\u0649',\r\n english: 'Athletics',\r\n category: 'stamina',\r\n difficulty: '\u0639\u0627\u0644\u064a',\r\n tools: '\u062d\u0630\u0627\u0621 \u0631\u0643\u0636 \u0645\u062e\u0635\u0635',\r\n desc: '\u0623\u0645 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629! \u062a\u0634\u0645\u0644 \u0633\u0628\u0627\u0642\u0627\u062a \u0627\u0644\u062c\u0631\u064a \u0628\u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a\u060c \u0627\u0644\u0648\u062b\u0628 \u0627\u0644\u0637\u0648\u064a\u0644 \u0648\u0627\u0644\u0648\u062b\u0628 \u0627\u0644\u0639\u0627\u0644\u064a\u060c \u0648\u0631\u0645\u064a \u0627\u0644\u062c\u0644\u0629\u060c \u0648\u062a\u0639\u062a\u0628\u0631 \u0645\u0642\u064a\u0627\u0633\u0627\u064b \u062d\u0642\u064a\u0642\u064a\u0627\u064b \u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0648\u0642\u0648\u0629 \u0627\u0644\u062a\u062d\u0645\u0644.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'badminton',\r\n title: '\u0643\u0631\u0629 \u0627\u0644\u0631\u064a\u0634\u0629 \u0627\u0644\u0637\u0627\u0626\u0631\u0629',\r\n english: 'Badminton',\r\n category: 'team',\r\n difficulty: '\u0633\u0647\u0644 \u0625\u0644\u0649 \u0645\u062a\u0648\u0633\u0637',\r\n tools: '\u0645\u0636\u0631\u0628 \u0631\u064a\u0634\u0629\u060c \u0631\u064a\u0634\u0629 \u0637\u0627\u0626\u0631\u0629',\r\n desc: '\u0631\u064a\u0627\u0636\u0629 \u0645\u0636\u0631\u0628 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0633\u0631\u064a\u0639\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062e\u0641\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0648\u0631\u062f\u0648\u062f \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u0633\u0631\u064a\u0639\u0629\u060c \u062a\u0644\u0639\u0628 \u0628\u0634\u0643\u0644 \u0641\u0631\u062f\u064a \u0623\u0648 \u0632\u0648\u062c\u064a \u0648\u062a\u062a\u0645\u064a\u0632 \u0628\u0645\u0631\u0648\u0646\u062a\u0647\u0627 \u0648\u0645\u062a\u0639\u062a\u0647\u0627 \u0627\u0644\u0643\u0628\u064a\u0631\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 19l9 2-2-9-7 7zm0 0L3 21l2-9 7 7zm0 0l-3-3m3 3l3-3M12 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8z\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'fencing',\r\n title: '\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0645\u0628\u0627\u0631\u0632\u0629',\r\n english: 'Fencing',\r\n category: 'combat',\r\n difficulty: '\u0639\u0627\u0644\u064a',\r\n tools: '\u0633\u064a\u0641 \u0627\u0644\u0645\u0628\u0627\u0631\u0632\u0629\u060c \u0627\u0644\u0628\u062f\u0644\u0629 \u0627\u0644\u0648\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u062e\u0648\u0630\u0629',\r\n desc: '\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0646\u0628\u0644\u0627\u0621 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u064a! \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0633\u0631\u0639\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 \u0648\u0627\u0644\u062a\u0643\u062a\u064a\u0643 \u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0644\u0645\u0633\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0639\u0644\u0649 \u0627\u0644\u062e\u0635\u0645 \u0628\u0627\u0644\u0633\u064a\u0641 \u0627\u0644\u0645\u062e\u0635\u0635.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M10 14l11-11m-11 11l-3 3m11-14l-3 3M6 18l-3 3m15-18a3 3 0 1 0-6 0 3 3 0 0 0 6 0z\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'football',\r\n title: '\u0643\u0631\u0629 \u0627\u0644\u0642\u062f\u0645',\r\n english: 'Football',\r\n category: 'team',\r\n difficulty: '\u0645\u062a\u0648\u0633\u0637',\r\n tools: '\u0643\u0631\u0629 \u0642\u062f\u0645\u060c \u062d\u0630\u0627\u0621 \u0631\u064a\u0627\u0636\u064a \u0639\u0634\u0628\u064a',\r\n desc: '\u0627\u0644\u0633\u0627\u062d\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u064a\u0631\u0629 \u0648\u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u0639\u0628\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u0645\u0627\u0639\u064a\u060c \u0627\u0644\u0645\u0647\u0627\u0631\u0629 \u0627\u0644\u0641\u0631\u062f\u064a\u0629\u060c \u0627\u0644\u062a\u0643\u062a\u064a\u0643 \u0627\u0644\u0639\u0627\u0644\u064a\u060c \u0648\u0627\u0644\u0631\u0648\u062d \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0-4l-3-3h6l-3 3zm-5-5l2-3h6l2 3-5 3-5-3z\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'jiu-jitsu',\r\n title: '\u0627\u0644\u062c\u0648\u062c\u064a\u062a\u0633\u0648',\r\n english: 'Jiu-Jitsu',\r\n category: 'combat',\r\n difficulty: '\u0639\u0627\u0644\u064a',\r\n tools: '\u0628\u062f\u0644\u0629 \u0627\u0644\u062c\u0648\u062c\u064a\u062a\u0633\u0648 (\u0627\u0644\u062c\u064a)',\r\n desc: '\u0641\u0646 \u0627\u0644\u062f\u0641\u0627\u0639 \u0639\u0646 \u0627\u0644\u0646\u0641\u0633 \u0648\u0627\u0644\u0633\u064a\u0637\u0631\u0629\u060c \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062e\u0646\u0642 \u0648\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0625\u062e\u0636\u0627\u0639 \u0648\u0627\u0633\u062a\u063a\u0644\u0627\u0644 \u0642\u0648\u0629 \u0627\u0644\u062e\u0635\u0645 \u0644\u062a\u062b\u0628\u064a\u062a\u0647 \u0623\u0631\u0636\u0627\u064b \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0644\u0643\u0645\u0627\u062a \u0623\u0648 \u0627\u0644\u0631\u0643\u0644\u0627\u062a \u0627\u0644\u0639\u0646\u064a\u0641\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm-7 14c0-3 3-5 7-5s7 2 7 5v2H5v-2z\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'judo',\r\n title: '\u0627\u0644\u062c\u0648\u062f\u0648',\r\n english: 'Judo',\r\n category: 'combat',\r\n difficulty: '\u0639\u0627\u0644\u064a',\r\n tools: '\u0628\u062f\u0644\u0629 \u0627\u0644\u062c\u0648\u062f\u0648\u060c \u0628\u0633\u0627\u0637 \u062d\u0645\u0627\u064a\u0629',\r\n desc: '\u0631\u064a\u0627\u0636\u0629 \u064a\u0627\u0628\u0627\u0646\u064a\u0629 \u0623\u0648\u0644\u0645\u0628\u064a\u0629 \u0634\u0647\u064a\u0631\u0629\u060c \u062a\u0639\u062a\u0645\u062f \u0623\u0633\u0627\u0633\u0627\u064b \u0639\u0644\u0649 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0633\u0642\u0627\u0637 \u0648\u0627\u0644\u0631\u0645\u064a \u0627\u0644\u0623\u0631\u0636\u064a \u0644\u0644\u062e\u0635\u0645\u060c \u0648\u0634\u0644 \u062d\u0631\u0643\u062a\u0647 \u0628\u0643\u0641\u0627\u0621\u0629 \u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u062d\u0631\u0643\u064a\u0629 \u062e\u0627\u0631\u0642\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82zM7 7h.01\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'laser-run',\r\n title: '\u0627\u0644\u0644\u064a\u0632\u0631 \u0631\u0627\u0646',\r\n english: 'Laser-Run',\r\n category: 'precision',\r\n difficulty: '\u0639\u0627\u0644\u064a \u062c\u062f\u0627\u064b',\r\n tools: '\u0645\u0633\u062f\u0633 \u0644\u064a\u0632\u0631\u060c \u0623\u0647\u062f\u0627\u0641 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629',\r\n desc: '\u0631\u064a\u0627\u0636\u0629 \u062d\u062f\u064a\u062b\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0645\u0630\u0647\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u062a\u062d\u062f\u064a \u0627\u0644\u062c\u0631\u064a \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u0647\u062f\u0626\u0629 \u0646\u0628\u0636\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0641\u0648\u0631\u0627\u064b \u0644\u0625\u0635\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0641 \u0628\u0645\u0633\u062f\u0633 \u0627\u0644\u0644\u064a\u0632\u0631 \u0628\u062f\u0642\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0zM2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'swimming',\r\n title: '\u0627\u0644\u0633\u0628\u0627\u062d\u0629',\r\n english: 'Swimming',\r\n category: 'stamina',\r\n difficulty: '\u0645\u062a\u0648\u0633\u0637',\r\n tools: '\u0646\u0638\u0627\u0631\u0627\u062a \u0633\u0628\u0627\u062d\u0629\u060c \u063a\u0637\u0627\u0621 \u0631\u0623\u0633 \u0648\u0642\u0628\u0639\u0629',\r\n desc: '\u0631\u064a\u0627\u0636\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u063a\u0644 \u0643\u0627\u0641\u0629 \u0639\u0636\u0644\u0627\u062a \u0627\u0644\u062c\u0633\u0645\u060c \u062a\u0628\u0646\u064a \u0627\u0644\u0633\u0639\u0629 \u0627\u0644\u0631\u0626\u0648\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u062a\u0642\u0648\u064a \u0627\u0644\u0642\u0644\u0628\u060c \u0648\u062a\u0634\u0645\u0644 \u0645\u0633\u0627\u0628\u0642\u0627\u062a \u0627\u0644\u0635\u062f\u0631\u060c \u0627\u0644\u0638\u0647\u0631\u060c \u0627\u0644\u0641\u0631\u0627\u0634\u0629\u060c \u0648\u0627\u0644\u0633\u0628\u0627\u062d\u0629 \u0627\u0644\u062d\u0631\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 10h18M3 14h18M3 18h18M12 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8z\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'taekwondo',\r\n title: '\u0627\u0644\u062a\u0627\u064a\u0643\u0648\u0646\u062f\u0648',\r\n english: 'Taekwondo',\r\n category: 'combat',\r\n difficulty: '\u0639\u0627\u0644\u064a',\r\n tools: '\u0648\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u0635\u062f\u0631 \u0648\u0627\u0644\u0631\u0623\u0633\u060c \u062d\u0632\u0627\u0645 \u0627\u0644\u0631\u062a\u0628\u0629',\r\n desc: '\u0641\u0646 \u0642\u062a\u0627\u0644\u064a \u0643\u0648\u0631\u064a \u0639\u0631\u064a\u0642 \u064a\u0631\u0643\u0632 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0648\u0645\u0643\u062b\u0641 \u0639\u0644\u0649 \u0627\u0644\u0631\u0643\u0644\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639\u0629\u060c \u0627\u0644\u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u0647\u0648\u0627\u0626\u064a\u060c \u0648\u0627\u0644\u0636\u0631\u0628\u0627\u062a \u0628\u0627\u0644\u0642\u062f\u0645\u064a\u0646 \u0644\u062a\u0642\u062f\u064a\u0645 \u0645\u0631\u0648\u0646\u0629 \u0648\u0642\u0648\u0629 \u0644\u0627\u0645\u062a\u0646\u0627\u0647\u064a\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'chess',\r\n title: '\u0627\u0644\u0634\u0637\u0631\u0646\u062c',\r\n english: 'Chess',\r\n category: 'precision',\r\n difficulty: '\u0645\u062a\u0648\u0633\u0637 \u0625\u0644\u0649 \u0639\u0627\u0644\u064a',\r\n tools: '\u0631\u0642\u0639\u0629 \u0634\u0637\u0631\u0646\u062c \u0648\u0642\u0637\u0639 \u0643\u0627\u0645\u0644\u0629',\r\n desc: '\u0644\u0639\u0628\u0629 \u0627\u0644\u0645\u0644\u0648\u0643 \u0648\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0639\u0642\u0648\u0644! \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f\u060c \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u062a\u064a\u0643\u064a\u060c \u0627\u0644\u0635\u0628\u0631 \u0627\u0644\u0630\u0647\u0646\u064a\u060c \u0648\u062d\u0633\u0627\u0628 \u0627\u0644\u0627\u062d\u062a\u0645\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0644\u0644\u0641\u0648\u0632.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5m0 0V11m0 10V11m5 10V11\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'table-tennis',\r\n title: '\u062a\u0646\u0633 \u0627\u0644\u0637\u0627\u0648\u0644\u0629',\r\n english: 'Table-Tennis',\r\n category: 'team',\r\n difficulty: '\u0633\u0647\u0644 \u0625\u0644\u0649 \u0645\u062a\u0648\u0633\u0637',\r\n tools: '\u0645\u0636\u0631\u0628 \u062a\u0646\u0633 \u0637\u0627\u0648\u0644\u0629\u060c \u0643\u0631\u0629 \u0633\u064a\u0644\u0648\u0644\u0648\u064a\u062f \u0635\u063a\u064a\u0631\u0629',\r\n desc: '\u0631\u064a\u0627\u0636\u0629 \u0637\u0627\u0648\u0644\u0629 \u0641\u0627\u0626\u0642\u0629 \u0627\u0644\u0633\u0631\u0639\u0629 \u062a\u062a\u0637\u0644\u0628 \u062f\u0642\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0648\u062a\u0631\u0643\u064a\u0632 \u0628\u0635\u0631\u064a \u0645\u0643\u062b\u0641 \u062c\u062f\u0627\u064b \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0643\u0631\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u063a\u0632\u0644\u064a\u0629 \u0645\u0628\u0627\u063a\u062a\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5a3 3 0 00-3-3H7a3 3 0 00-3 3v3h8z\"><\/path><\/svg>`\r\n },\r\n {\r\n id: 'ocr',\r\n title: '\u0633\u0628\u0627\u0642 \u062a\u062e\u0637\u064a \u0627\u0644\u0639\u0642\u0628\u0627\u062a (OCR)',\r\n english: 'Obstacle Course Racing',\r\n category: 'stamina',\r\n difficulty: '\u0639\u0627\u0644\u064a \u062c\u062f\u0627\u064b',\r\n tools: '\u062d\u0630\u0627\u0621 \u062c\u0628\u0644\u064a \u062e\u0634\u0646 \u0648\u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u0627\u0646\u0632\u0644\u0627\u0642',\r\n desc: '\u0623\u0642\u0648\u0649 \u0633\u0628\u0627\u0642 \u062a\u062d\u062f\u064a \u0648\u0628\u0646\u0627\u0621 \u0642\u0648\u0629 \u0628\u062f\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642! \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u062c\u0631\u064a \u0648\u062a\u0633\u0644\u0642 \u0627\u0644\u062c\u062f\u0631\u0627\u0646\u060c \u0627\u0644\u0632\u062d\u0641 \u062a\u062d\u062a \u0627\u0644\u0623\u0633\u0644\u0627\u0643 \u0627\u0644\u0634\u0627\u0626\u0643\u0629\u060c \u0648\u062d\u0645\u0644 \u0627\u0644\u0623\u0648\u0632\u0627\u0646 \u0627\u0644\u0635\u0639\u0628\u0629 \u0641\u064a \u0627\u0644\u0637\u0628\u064a\u0639\u0629.',\r\n icon: `<svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6h16M4 10h16M4 14h16M4 18h16\"><\/path><\/svg>`\r\n }\r\n ];\r\n\r\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0648\u0628\u0646\u0627\u0621 \u0643\u0631\u0648\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b\r\n function initSportsShowcase() {\r\n const grid = document.getElementById('sports-grid');\r\n grid.innerHTML = ''; \/\/ \u062a\u0635\u0641\u064a\u0631 \u0627\u0644\u0634\u0628\u0643\u0629\r\n\r\n sportsData.forEach(sport => {\r\n const card = document.createElement('div');\r\n card.className = `glass-card rounded-3xl p-6 flex flex-col justify-between cursor-pointer transform duration-300 sport-item-card`;\r\n card.setAttribute('data-id', sport.id);\r\n card.setAttribute('data-category', sport.category);\r\n card.setAttribute('data-title', sport.title.toLowerCase() + ' ' + sport.english.toLowerCase());\r\n card.onclick = () => openModal(sport);\r\n\r\n card.innerHTML = `\r\n <div>\r\n <div class=\"flex justify-between items-start mb-6\">\r\n <div class=\"icon-container p-3.5 bg-purple-500\/10 text-purple-400 rounded-2xl\">\r\n ${sport.icon}\r\n <\/div>\r\n <span class=\"text-[10px] font-bold uppercase tracking-wider text-purple-400 bg-purple-500\/10 px-3 py-1.5 rounded-full\">\r\n ${getCategoryName(sport.category)}\r\n <\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-1.5 group-hover:text-purple-300 transition-colors\">${sport.title}<\/h3>\r\n <h4 class=\"text-xs text-gray-500 font-mono tracking-wide uppercase mb-3\">${sport.english}<\/h4>\r\n <p class=\"text-gray-400 text-xs leading-relaxed line-clamp-3\">${sport.desc}<\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-white\/5 flex justify-between items-center text-xs text-purple-400 font-semibold\">\r\n <span>\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <svg class=\"w-4 h-4 transform group-hover:translate-x-1 duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n }\r\n\r\n \/\/ \u062a\u062d\u0648\u064a\u0644 \u0645\u0641\u062a\u0627\u062d \u0627\u0644\u0641\u0626\u0629 \u0644\u0627\u0633\u0645 \u0639\u0631\u0628\u064a \u0641\u062e\u0645\r\n function getCategoryName(category) {\r\n switch(category) {\r\n case 'precision': return '\u062f\u0642\u0629 \u0648\u062a\u0631\u0643\u064a\u0632';\r\n case 'combat': return '\u0642\u062a\u0627\u0644\u064a\u0629 \u0648\u062f\u0641\u0627\u0639';\r\n case 'team': return '\u062c\u0645\u0627\u0639\u064a\u0629 \u0648\u0645\u0636\u0631\u0628';\r\n case 'stamina': return '\u062a\u062d\u0645\u0644 \u0648\u0642\u0648\u0629 \u0628\u062f\u0646\u064a\u0629';\r\n default: return '\u0639\u0627\u0645';\r\n }\r\n }\r\n\r\n \/\/ \u0641\u0644\u062a\u0631\u0629 \u0627\u0644\u0643\u0631\u0648\u062a \u0627\u0644\u0641\u0648\u0631\u064a\u0629\r\n function filterSports(category) {\r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0646\u0634\u0637\u0629\r\n const buttons = document.querySelectorAll('.filter-btn');\r\n buttons.forEach(btn => {\r\n if(btn.getAttribute('data-category') === category) {\r\n btn.classList.add('bg-purple-600', 'text-white');\r\n btn.classList.remove('bg-white\/5', 'text-gray-300');\r\n } else {\r\n btn.classList.remove('bg-purple-600', 'text-white');\r\n btn.classList.add('bg-white\/5', 'text-gray-300');\r\n }\r\n });\r\n\r\n \/\/ \u0625\u062e\u0641\u0627\u0621 \u0648\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0643\u0631\u0648\u062a \u0628\u0646\u0639\u0648\u0645\u0629\r\n const cards = document.querySelectorAll('.sport-item-card');\r\n cards.forEach(card => {\r\n const cardCategory = card.getAttribute('data-category');\r\n if (category === 'all' || cardCategory === category) {\r\n card.style.display = 'flex';\r\n setTimeout(() => card.style.opacity = '1', 50);\r\n } else {\r\n card.style.opacity = '0';\r\n setTimeout(() => card.style.display = 'none', 200);\r\n }\r\n });\r\n }\r\n\r\n \/\/ \u0645\u062d\u0631\u0643 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0641\u0648\u0631\u064a \u0627\u0644\u0644\u062d\u0638\u064a\r\n function searchSports() {\r\n const query = document.getElementById('search-input').value.toLowerCase();\r\n const cards = document.querySelectorAll('.sport-item-card');\r\n \r\n cards.forEach(card => {\r\n const searchContent = card.getAttribute('data-title');\r\n if(searchContent.includes(query)) {\r\n card.style.display = 'flex';\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n \/\/ \u0641\u062a\u062d \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 (Modal)\r\n function openModal(sport) {\r\n const modal = document.getElementById('sport-modal');\r\n \r\n document.getElementById('modal-icon').innerHTML = sport.icon;\r\n document.getElementById('modal-title').innerText = sport.title;\r\n document.getElementById('modal-english').innerText = sport.english;\r\n document.getElementById('modal-category').innerText = getCategoryName(sport.category);\r\n document.getElementById('modal-description').innerText = sport.desc;\r\n document.getElementById('modal-difficulty').innerText = sport.difficulty;\r\n document.getElementById('modal-tools').innerText = sport.tools;\r\n\r\n modal.classList.remove('hidden');\r\n setTimeout(() => {\r\n modal.classList.add('opacity-100');\r\n modal.querySelector('div').classList.add('scale-100');\r\n modal.querySelector('div').classList.remove('scale-95');\r\n }, 50);\r\n }\r\n\r\n \/\/ \u0625\u063a\u0644\u0627\u0642 \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\r\n function closeModal() {\r\n const modal = document.getElementById('sport-modal');\r\n modal.classList.remove('opacity-100');\r\n modal.querySelector('div').classList.add('scale-95');\r\n modal.querySelector('div').classList.remove('scale-100');\r\n setTimeout(() => {\r\n modal.classList.add('hidden');\r\n }, 250);\r\n }\r\n\r\n \/\/ \u062a\u0641\u0627\u0639\u0644 \u0639\u0646\u062f \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0632\u0631 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0628\u0627\u0644\u0645\u0648\u062f\u0627\u0644\r\n function alertAction() {\r\n closeModal();\r\n const toast = document.getElementById('custom-toast');\r\n toast.classList.remove('translate-y-20', 'opacity-0');\r\n toast.classList.add('translate-y-0', 'opacity-100');\r\n \r\n setTimeout(() => {\r\n toast.classList.remove('translate-y-0', 'opacity-100');\r\n toast.classList.add('translate-y-20', 'opacity-0');\r\n }, 4000);\r\n }\r\n\r\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0644\u0648\u062d\u0629 \u0641\u0648\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\r\n window.onload = function() {\r\n initSportsShowcase();\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fields 10 picturesque and well equipped courses. Read more Awards 300+ tournaments and event days each year. Read more Active Members 1000+ active members and club ambassadors. Read more Professional…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-3738","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uaesusf.ae\/ar\/wp-json\/wp\/v2\/pages\/3738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uaesusf.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uaesusf.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uaesusf.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uaesusf.ae\/ar\/wp-json\/wp\/v2\/comments?post=3738"}],"version-history":[{"count":4,"href":"https:\/\/www.uaesusf.ae\/ar\/wp-json\/wp\/v2\/pages\/3738\/revisions"}],"predecessor-version":[{"id":22400,"href":"https:\/\/www.uaesusf.ae\/ar\/wp-json\/wp\/v2\/pages\/3738\/revisions\/22400"}],"wp:attachment":[{"href":"https:\/\/www.uaesusf.ae\/ar\/wp-json\/wp\/v2\/media?parent=3738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}