1281 lines
90 KiB
HTML
1281 lines
90 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ar" dir="rtl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>أكاديمية الكاف الرياضية — تدريب رياضي للأطفال في الرياض</title>
|
||
<meta name="description" content="أكاديمية الكاف الرياضية بحي القدس، الرياض. أحد عشر برنامجًا رياضيًا للأطفال والشباب: كرة القدم، السباحة، الكاراتيه، التايكوندو، الجمباز، الكيك بوكسينغ، المواي تاي، كرة السلة، التدريب الشخصي، وبرنامج ذوي الهمم، بإشراف مدربين متخصصين. احجز حصة تجريبية مجانية.">
|
||
<link rel="icon" type="image/png" href="caf-logo.png">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:locale" content="ar_SA">
|
||
<meta property="og:title" content="أكاديمية الكاف الرياضية — تدريب رياضي للأطفال في الرياض">
|
||
<meta property="og:description" content="أكاديمية الكاف الرياضية بحي القدس، الرياض. أحد عشر برنامجًا رياضيًا للأطفال والشباب: كرة القدم، السباحة، الكاراتيه، التايكوندو، الجمباز، الكيك بوكسينغ، المواي تاي، كرة السلة، التدريب الشخصي، وبرنامج ذوي الهمم، بإشراف مدربين متخصصين. احجز حصة تجريبية مجانية.">
|
||
<meta property="og:image" content="caf-logo.png">
|
||
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Poppins:wght@400;600;700;800&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root{
|
||
--navy:#18253A; /* navy blue — sampled from the new logo */
|
||
--navy-deep:#071A38; /* deepest navy — from the new logo shield fill */
|
||
--orange:#B8923E; /* refined antique gold — brightened from logo for UI legibility */
|
||
--gold:#8F703A; /* raw brand gold — exact logo sample */
|
||
--gold-light:#E8D6A8; /* light gold tint for subtle fills */
|
||
--bg:#F7F5F1; /* warm off-white, echoes the gold warmth */
|
||
--surface:#EFEBE3;
|
||
--text:#221C33;
|
||
--gray:#6E6579;
|
||
--green:#B8923E; /* CTA color now uses brand gold, not an invented green */
|
||
--white:#FFFFFF;
|
||
--black:#0A0A0C;
|
||
--radius:18px;
|
||
}
|
||
*{box-sizing:border-box;margin:0;padding:0;}
|
||
html{scroll-behavior:smooth;}
|
||
body{
|
||
font-family:'Cairo',sans-serif;
|
||
background:var(--bg);
|
||
color:var(--text);
|
||
line-height:1.7;
|
||
overflow-x:hidden;
|
||
}
|
||
.num{font-family:'Poppins',sans-serif;}
|
||
a{text-decoration:none;color:inherit;}
|
||
ul{list-style:none;}
|
||
img,svg{display:block;max-width:100%;}
|
||
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
|
||
.eyebrow{
|
||
display:inline-flex;align-items:center;gap:8px;
|
||
font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;
|
||
letter-spacing:.12em;text-transform:uppercase;color:var(--orange);
|
||
margin-bottom:14px;
|
||
}
|
||
.eyebrow::before{content:"";width:22px;height:2px;background:var(--orange);display:inline-block;}
|
||
h1,h2,h3{font-family:'Cairo',sans-serif;font-weight:800;color:var(--navy);}
|
||
.section-title{font-size:clamp(26px,3.4vw,38px);margin-bottom:14px;}
|
||
.section-lead{color:var(--gray);font-size:16px;max-width:620px;margin-bottom:44px;}
|
||
.btn{
|
||
display:inline-flex;align-items:center;gap:10px;
|
||
font-family:'Cairo',sans-serif;font-weight:700;font-size:15px;
|
||
padding:15px 30px;border-radius:100px;border:none;cursor:pointer;
|
||
transition:transform .25s ease, box-shadow .25s ease;
|
||
}
|
||
.btn:hover{transform:translateY(-2px);}
|
||
.btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 24px -8px rgba(46,204,113,.55);}
|
||
.btn-primary:hover{box-shadow:0 14px 30px -8px rgba(46,204,113,.7);}
|
||
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);}
|
||
.btn-outline:hover{background:rgba(255,255,255,.12);}
|
||
.btn-navy{background:var(--navy);color:#fff;}
|
||
|
||
/* ===== HEADER ===== */
|
||
header{
|
||
position:sticky;top:0;z-index:50;
|
||
background:rgba(24,37,58,.82);backdrop-filter:blur(10px);
|
||
border-bottom:1px solid rgba(255,255,255,.08);
|
||
}
|
||
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:78px;}
|
||
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;color:#fff;}
|
||
.logo-badge{
|
||
width:60px;height:60px;border-radius:12px;
|
||
background:transparent;
|
||
display:flex;align-items:center;justify-content:center;overflow:hidden;
|
||
flex-shrink:0;
|
||
}
|
||
.logo-badge img{width:100%;height:100%;object-fit:contain;padding:2px;}
|
||
nav ul{display:flex;gap:34px;font-weight:600;font-size:15px;}
|
||
nav a{position:relative;color:#fff;transition:color .2s;}
|
||
nav a:hover{color:var(--orange);}
|
||
.header-cta{display:flex;align-items:center;gap:14px;}
|
||
.burger{display:none;}
|
||
|
||
/* ===== HERO ===== */
|
||
.hero{
|
||
position:relative;color:#fff;overflow:hidden;
|
||
background:
|
||
radial-gradient(1100px 500px at 85% -10%, rgba(184,146,62,.30), transparent 60%),
|
||
linear-gradient(155deg, var(--navy-deep) 0%, var(--navy) 55%, #2E4468 100%);
|
||
background-size:cover; background-position:center;
|
||
padding:96px 0 110px;
|
||
}
|
||
.hero::after{
|
||
content:"";position:absolute;inset:0;opacity:.10;
|
||
background-image:
|
||
repeating-linear-gradient(45deg, #fff 0 2px, transparent 2px 34px);
|
||
pointer-events:none;
|
||
}
|
||
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;position:relative;}
|
||
.hero-eyebrow{
|
||
display:inline-flex;align-items:center;gap:8px;
|
||
background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
|
||
padding:8px 16px;border-radius:100px;font-size:13px;font-weight:700;margin-bottom:22px;
|
||
}
|
||
.hero-eyebrow span.dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;}
|
||
.hero h1{
|
||
font-size:clamp(34px,4.6vw,56px);color:#fff;line-height:1.28;font-weight:900;margin-bottom:20px;
|
||
text-shadow:0 4px 18px rgba(0,0,0,.45);
|
||
}
|
||
.hero h1 em{font-style:normal;color:var(--gold);}
|
||
.hero p.lead{font-size:18px;color:rgba(255,255,255,.85);max-width:520px;margin-bottom:34px;text-shadow:0 2px 10px rgba(0,0,0,.4);}
|
||
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:44px;}
|
||
.hero-meta{display:flex;gap:30px;flex-wrap:wrap;}
|
||
.hero-meta div{display:flex;flex-direction:column;gap:2px;}
|
||
.hero-meta .n{font-family:'Poppins';font-weight:800;font-size:26px;color:var(--gold);}
|
||
.hero-meta .l{font-size:12.5px;color:rgba(255,255,255,.65);}
|
||
|
||
/* Hero visual: signature element = the real crest, glowing, with 10 orbiting sport marks */
|
||
.hero-visual{position:relative;height:500px;display:flex;align-items:center;justify-content:center;}
|
||
.crest-glow{
|
||
position:absolute;width:360px;height:360px;border-radius:50%;
|
||
background:radial-gradient(circle, rgba(184,146,62,.30), transparent 68%);
|
||
filter:blur(4px);
|
||
}
|
||
.crest-main{
|
||
position:relative;width:260px;height:260px;object-fit:contain;
|
||
filter:drop-shadow(0 30px 50px rgba(0,0,0,.55));
|
||
animation:crestFloat 7s ease-in-out infinite;
|
||
}
|
||
@keyframes crestFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
|
||
@media (prefers-reduced-motion: reduce){.crest-main{animation:none;}}
|
||
.badge-orbit{position:absolute;inset:0;}
|
||
.sport-badge{
|
||
position:absolute;width:62px;height:62px;border-radius:18px;
|
||
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
|
||
backdrop-filter:blur(6px);
|
||
display:flex;align-items:center;justify-content:center;
|
||
box-shadow:0 16px 32px -16px rgba(0,0,0,.5);
|
||
animation:float 9s ease-in-out infinite;
|
||
transform:translate(50%,-50%);
|
||
}
|
||
.sport-badge svg{width:28px;height:28px;}
|
||
.sport-badge.b1{top:13%;right:50%;animation-delay:0s;background:rgba(255,107,53,.18);border-color:rgba(255,107,53,.4);}
|
||
.sport-badge.b2{top:20.1%;right:28.3%;animation-delay:.3s;background:rgba(255,193,69,.18);border-color:rgba(255,193,69,.4);}
|
||
.sport-badge.b3{top:38.6%;right:14.8%;animation-delay:.6s;}
|
||
.sport-badge.b4{top:61.4%;right:14.8%;animation-delay:.9s;}
|
||
.sport-badge.b5{top:79.9%;right:28.3%;animation-delay:1.2s;}
|
||
.sport-badge.b6{top:87%;right:50%;animation-delay:1.5s;}
|
||
.sport-badge.b7{top:79.9%;right:71.7%;animation-delay:1.8s;}
|
||
.sport-badge.b8{top:61.4%;right:85.2%;animation-delay:2.1s;}
|
||
.sport-badge.b9{top:38.6%;right:85.2%;animation-delay:2.4s;}
|
||
.sport-badge.b10{top:20.1%;right:71.7%;animation-delay:2.7s;}
|
||
@keyframes float{0%,100%{transform:translate(50%,-50%) translateY(0) scale(1)}50%{transform:translate(50%,-50%) translateY(-18px) scale(1.06)}}
|
||
@media (prefers-reduced-motion: reduce){.sport-badge{animation:none;}}
|
||
|
||
/* ===== TRUST BAR ===== */
|
||
.trust{background:var(--navy);padding:22px 0;}
|
||
.trust .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;color:rgba(255,255,255,.85);}
|
||
.trust-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;}
|
||
.trust-item svg{width:20px;height:20px;color:var(--gold);flex-shrink:0;}
|
||
|
||
section{padding:96px 0;}
|
||
.alt{background:var(--surface);}
|
||
|
||
/* ===== ABOUT ===== */
|
||
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
|
||
.about-visual{
|
||
aspect-ratio:1/1;border-radius:28px;
|
||
background:
|
||
linear-gradient(165deg, rgba(28,23,48,.72) 0%, rgba(52,43,74,.55) 100%),
|
||
url(images/2.webp);
|
||
background-size:cover; background-position:center;
|
||
position:relative;overflow:hidden;
|
||
display:flex;align-items:center;justify-content:center;
|
||
}
|
||
.about-visual .quote{color:#fff;text-align:center;padding:40px;font-weight:800;font-size:24px;position:relative;z-index:2;}
|
||
|
||
/* ===== MANIFESTO ===== */
|
||
.manifesto{
|
||
background:
|
||
radial-gradient(900px 400px at 15% 0%, rgba(184,146,62,.16), transparent 60%),
|
||
linear-gradient(155deg, var(--navy-deep) 0%, var(--navy) 100%);
|
||
padding:80px 0;text-align:center;position:relative;overflow:hidden;
|
||
}
|
||
.manifesto-lead{color:#fff;font-weight:800;font-size:clamp(22px,3.2vw,32px);line-height:1.7;margin-bottom:40px;}
|
||
.manifesto-lead .dim{display:block;color:rgba(255,255,255,.6);font-size:.72em;font-weight:700;margin-bottom:6px;}
|
||
.manifesto-pillars{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;}
|
||
.manifesto-pillar{color:rgba(255,255,255,.88);font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px;}
|
||
.manifesto-pillar .num{
|
||
font-family:'Poppins',sans-serif;color:var(--orange);font-weight:800;font-size:13px;
|
||
border:1px solid rgba(184,146,62,.5);border-radius:50%;width:26px;height:26px;
|
||
display:flex;align-items:center;justify-content:center;flex-shrink:0;
|
||
}
|
||
@media(max-width:700px){.manifesto-pillars{flex-direction:column;gap:16px;}}
|
||
.about-visual::before{
|
||
content:"";position:absolute;width:340px;height:340px;border-radius:50%;
|
||
border:1px dashed rgba(255,255,255,.25);top:50%;left:50%;transform:translate(-50%,-50%);
|
||
}
|
||
.about-visual::after{
|
||
content:"";position:absolute;width:240px;height:240px;border-radius:50%;
|
||
background:radial-gradient(circle, rgba(255,193,69,.35), transparent 70%);
|
||
top:20%;right:-40px;
|
||
}
|
||
.about-list{margin-top:26px;display:grid;gap:14px;}
|
||
.about-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--text);}
|
||
.about-list svg{width:22px;height:22px;color:var(--green);flex-shrink:0;margin-top:2px;}
|
||
|
||
/* ===== PROGRAMS ===== */
|
||
.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
|
||
.program-card{
|
||
background:#fff;border-radius:var(--radius);padding:30px 26px;
|
||
border:1px solid rgba(11,36,71,.07);
|
||
transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
|
||
cursor:pointer;position:relative;overflow:hidden;
|
||
}
|
||
.program-card::before{
|
||
content:"";position:absolute;top:0;right:0;width:100%;height:4px;
|
||
background:var(--accent,var(--orange));
|
||
}
|
||
.program-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(11,36,71,.35);border-color:transparent;}
|
||
.program-icon{
|
||
width:58px;height:58px;border-radius:16px;margin-bottom:18px;
|
||
display:flex;align-items:center;justify-content:center;
|
||
background:color-mix(in srgb, var(--accent,var(--orange)) 14%, white);
|
||
}
|
||
.program-icon svg{width:30px;height:30px;color:var(--accent,var(--orange));}
|
||
.program-card h3{font-size:19px;margin-bottom:8px;}
|
||
.program-card p{font-size:14px;color:var(--gray);margin-bottom:16px;}
|
||
.program-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
|
||
.tag{font-size:11.5px;font-weight:700;background:var(--surface);color:var(--navy);padding:5px 10px;border-radius:100px;}
|
||
.program-link{font-size:13.5px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:6px;}
|
||
.program-link svg{width:15px;height:15px;transition:transform .2s;}
|
||
.program-card:hover .program-link svg{transform:translateX(-4px);}
|
||
|
||
/* ===== WHY US ===== */
|
||
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 30px;}
|
||
.why-item{display:flex;gap:16px;}
|
||
.why-icon{
|
||
width:52px;height:52px;border-radius:14px;flex-shrink:0;
|
||
background:var(--navy);display:flex;align-items:center;justify-content:center;
|
||
}
|
||
.why-icon svg{width:26px;height:26px;color:var(--gold);}
|
||
.why-item h4{font-size:16.5px;margin-bottom:6px;color:var(--navy);}
|
||
.why-item p{font-size:13.8px;color:var(--gray);}
|
||
|
||
/* ===== HOW TO JOIN ===== */
|
||
.join-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px;position:relative;}
|
||
.join-step{background:#fff;border-radius:var(--radius);padding:36px 30px;border:1px solid rgba(11,36,71,.07);position:relative;}
|
||
.join-step .step-num{
|
||
width:52px;height:52px;border-radius:50%;
|
||
background:linear-gradient(150deg,var(--navy),var(--navy-deep));
|
||
color:var(--gold-light);font-family:'Poppins',sans-serif;font-weight:800;font-size:20px;
|
||
display:flex;align-items:center;justify-content:center;margin-bottom:22px;
|
||
}
|
||
.join-step h4{font-size:18px;color:var(--navy);margin-bottom:10px;}
|
||
.join-step p{font-size:14px;color:var(--gray);}
|
||
.join-arrow{position:absolute;top:44px;inset-inline-end:-42px;width:32px;height:16px;color:var(--gold);opacity:.55;z-index:2;}
|
||
@media(max-width:900px){
|
||
.join-steps{grid-template-columns:1fr;gap:20px;}
|
||
.join-arrow{display:none;}
|
||
}
|
||
|
||
/* ===== SKILL BARS (on program cards) ===== */
|
||
.skill-bars{margin:14px 0 18px;display:grid;gap:9px;}
|
||
.skill-bar-row{display:flex;align-items:center;gap:10px;}
|
||
.skill-bar-row .skill-label{font-size:11px;color:var(--gray);width:52px;flex-shrink:0;}
|
||
.skill-bar-track{flex:1;height:5px;border-radius:3px;background:rgba(11,36,71,.08);overflow:hidden;}
|
||
.skill-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent,var(--orange)),var(--gold));width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1);}
|
||
.skill-bar-row .skill-val{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;color:var(--navy);width:22px;text-align:end;flex-shrink:0;}
|
||
|
||
/* ===== CHAMPION PATH ===== */
|
||
#champion-path{background:var(--surface);}
|
||
.path-track{position:relative;margin-top:64px;}
|
||
.path-line{
|
||
position:absolute;top:34px;inset-inline-start:5%;inset-inline-end:5%;height:3px;
|
||
background:repeating-linear-gradient(90deg, var(--orange) 0 10px, transparent 10px 20px);
|
||
z-index:0;
|
||
}
|
||
.path-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1;}
|
||
.path-stage{text-align:center;}
|
||
.path-marker{
|
||
width:68px;height:68px;border-radius:50%;margin:0 auto 22px;
|
||
background:linear-gradient(150deg,var(--navy),var(--navy-deep));
|
||
border:3px solid var(--orange);
|
||
display:flex;align-items:center;justify-content:center;
|
||
box-shadow:0 12px 26px -12px rgba(11,36,71,.4);
|
||
transition:transform .3s ease;
|
||
}
|
||
.path-stage:hover .path-marker{transform:translateY(-6px) scale(1.05);}
|
||
.path-marker svg{width:28px;height:28px;color:var(--gold-light);}
|
||
.path-age{
|
||
display:inline-block;font-family:'Poppins',sans-serif;font-weight:800;font-size:13px;
|
||
color:#fff;background:var(--orange);padding:4px 14px;border-radius:100px;margin-bottom:12px;
|
||
}
|
||
.path-stage h4{font-size:16.5px;color:var(--navy);margin-bottom:8px;}
|
||
.path-stage p{font-size:13.3px;color:var(--gray);}
|
||
@media(max-width:900px){
|
||
.path-line{display:none;}
|
||
.path-stages{grid-template-columns:1fr 1fr;gap:36px 20px;}
|
||
}
|
||
@media(max-width:560px){ .path-stages{grid-template-columns:1fr;} }
|
||
|
||
/* ===== SCIENTIFIC METHOD ===== */
|
||
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px;}
|
||
.method-card{
|
||
background:linear-gradient(165deg, var(--navy-deep) 0%, var(--navy) 100%);
|
||
border-radius:var(--radius);padding:34px 28px;position:relative;overflow:hidden;
|
||
border:1px solid rgba(184,146,62,.25);
|
||
}
|
||
.method-card::before{
|
||
content:attr(data-step);position:absolute;top:-16px;inset-inline-end:8px;
|
||
font-family:'Poppins',sans-serif;font-weight:800;font-size:80px;color:rgba(255,255,255,.05);
|
||
line-height:1;pointer-events:none;
|
||
}
|
||
.method-icon{
|
||
width:56px;height:56px;border-radius:14px;margin-bottom:20px;position:relative;z-index:1;
|
||
background:rgba(184,146,62,.16);border:1px solid rgba(184,146,62,.4);
|
||
display:flex;align-items:center;justify-content:center;
|
||
}
|
||
.method-icon svg{width:26px;height:26px;color:var(--gold-light);}
|
||
.method-card h4{color:#fff;font-size:17px;margin-bottom:10px;position:relative;z-index:1;}
|
||
.method-card p{color:rgba(255,255,255,.65);font-size:13.5px;position:relative;z-index:1;}
|
||
@media(max-width:900px){ .method-grid{grid-template-columns:1fr;} }
|
||
|
||
/* ===== SCHOLARSHIP ===== */
|
||
.scholarship-banner{
|
||
position:relative;overflow:hidden;border-radius:28px;
|
||
background:linear-gradient(120deg, var(--navy-deep) 0%, var(--navy) 55%, #4A3D26 130%);
|
||
padding:56px 48px;display:flex;align-items:center;gap:44px;
|
||
border:1px solid rgba(184,146,62,.4);
|
||
}
|
||
.scholarship-banner::before{
|
||
content:"";position:absolute;top:-60px;inset-inline-end:-60px;width:280px;height:280px;border-radius:50%;
|
||
background:radial-gradient(circle, rgba(184,146,62,.28), transparent 70%);
|
||
}
|
||
.scholarship-trophy{
|
||
width:104px;height:104px;border-radius:50%;flex-shrink:0;position:relative;z-index:1;
|
||
background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--orange) 65%);
|
||
display:flex;align-items:center;justify-content:center;
|
||
box-shadow:0 0 0 8px rgba(255,193,69,.12);
|
||
}
|
||
.scholarship-trophy svg{width:52px;height:52px;color:var(--navy-deep);}
|
||
.scholarship-content{position:relative;z-index:1;flex:1;}
|
||
.scholarship-content .eyebrow{color:var(--gold-light);margin-bottom:10px;}
|
||
.scholarship-content h2{color:#fff;font-size:clamp(22px,2.6vw,30px);margin-bottom:12px;}
|
||
.scholarship-content p{color:rgba(255,255,255,.72);font-size:14.5px;max-width:560px;margin-bottom:22px;}
|
||
@media(max-width:800px){
|
||
.scholarship-banner{flex-direction:column;text-align:center;padding:40px 28px;}
|
||
.scholarship-content p{margin-inline:auto;}
|
||
}
|
||
|
||
/* ===== EXTRA SERVICES ===== */
|
||
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px;}
|
||
.service-card{
|
||
background:#fff;border-radius:var(--radius);padding:30px 24px;text-align:center;
|
||
border:1px solid rgba(11,36,71,.07);transition:transform .3s ease,box-shadow .3s ease;
|
||
}
|
||
.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 44px -24px rgba(11,36,71,.35);}
|
||
.service-icon{
|
||
width:60px;height:60px;border-radius:50%;margin:0 auto 18px;
|
||
background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--orange) 65%);
|
||
display:flex;align-items:center;justify-content:center;
|
||
}
|
||
.service-icon svg{width:28px;height:28px;color:var(--navy-deep);}
|
||
.service-card h4{font-size:15.5px;color:var(--navy);margin-bottom:8px;}
|
||
.service-card p{font-size:12.8px;color:var(--gray);}
|
||
@media(max-width:900px){ .services-grid{grid-template-columns:1fr 1fr;} }
|
||
@media(max-width:560px){ .services-grid{grid-template-columns:1fr;} }
|
||
|
||
/* ===== STATS (signature: badge path) ===== */
|
||
.stats-section{
|
||
background:linear-gradient(160deg,var(--navy-deep), var(--navy));
|
||
position:relative;overflow:hidden;
|
||
}
|
||
.stats-path{display:flex;justify-content:space-between;align-items:center;position:relative;}
|
||
.stats-path::before{
|
||
content:"";position:absolute;top:38px;right:8%;left:8%;height:2px;
|
||
background:repeating-linear-gradient(90deg, rgba(255,193,69,.5) 0 10px, transparent 10px 20px);
|
||
z-index:0;
|
||
}
|
||
.stat{position:relative;z-index:1;text-align:center;flex:1;}
|
||
.stat-badge{
|
||
width:76px;height:76px;border-radius:50%;margin:0 auto 18px;
|
||
background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--orange) 60%);
|
||
display:flex;align-items:center;justify-content:center;
|
||
box-shadow:0 0 0 6px rgba(255,193,69,.15);
|
||
}
|
||
.stat-badge svg{width:32px;height:32px;color:var(--navy);}
|
||
.stat .n{font-family:'Poppins';font-size:38px;font-weight:800;color:#fff;}
|
||
.stat .l{font-size:13.5px;color:rgba(255,255,255,.65);margin-top:4px;}
|
||
|
||
/* ===== TESTIMONIALS ===== */
|
||
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
|
||
.achievements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:52px;}
|
||
.achievements-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);transition:transform .3s ease;}
|
||
.achievements-grid img:hover{transform:translateY(-6px);}
|
||
|
||
.achv-marquee{margin-top:52px;position:relative;overflow:hidden;direction:ltr;}
|
||
.achv-marquee::before,.achv-marquee::after{
|
||
content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none;
|
||
}
|
||
.achv-marquee::before{right:0;background:linear-gradient(to left, var(--navy-deep), transparent);}
|
||
.achv-marquee::after{left:0;background:linear-gradient(to right, var(--navy-deep), transparent);}
|
||
.achv-track{display:flex;gap:22px;width:max-content;animation:achvScroll 34s linear infinite;}
|
||
.achv-marquee:hover .achv-track{animation-play-state:paused;}
|
||
.achv-track img{
|
||
height:260px;width:auto;flex-shrink:0;border-radius:16px;object-fit:cover;
|
||
box-shadow:0 20px 40px -18px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08);
|
||
transition:transform .35s ease;
|
||
}
|
||
.achv-track img:hover{transform:translateY(-8px) scale(1.02);}
|
||
@keyframes achvScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
|
||
@media (prefers-reduced-motion: reduce){ .achv-track{animation:none;} }
|
||
@media(max-width:700px){ .achv-track img{height:180px;} .achv-marquee::before,.achv-marquee::after{width:50px;} }
|
||
.testi-card{background:#fff;border-radius:var(--radius);padding:28px;border:1px solid rgba(11,36,71,.07);}
|
||
.stars{color:var(--gold);font-size:15px;letter-spacing:2px;margin-bottom:14px;}
|
||
.testi-card p.txt{font-size:14.5px;color:var(--text);margin-bottom:20px;}
|
||
.testi-person{display:flex;align-items:center;gap:12px;}
|
||
.avatar{
|
||
width:44px;height:44px;border-radius:50%;flex-shrink:0;
|
||
display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:'Poppins';
|
||
}
|
||
.testi-person .name{font-weight:700;font-size:14px;color:var(--navy);}
|
||
.testi-person .role{font-size:12px;color:var(--gray);}
|
||
|
||
.google-badge{
|
||
display:inline-flex;align-items:center;gap:10px;
|
||
background:#fff;border:1px solid rgba(11,36,71,.1);
|
||
padding:10px 20px;border-radius:100px;margin-bottom:40px;
|
||
box-shadow:0 10px 24px -16px rgba(11,36,71,.3);
|
||
}
|
||
.google-badge .g-icon{width:20px;height:20px;flex-shrink:0;}
|
||
.google-badge .g-score{font-family:'Poppins';font-weight:800;font-size:16px;color:var(--navy);}
|
||
.google-badge .g-stars{color:var(--gold);font-size:13px;letter-spacing:1px;}
|
||
.google-badge .g-count{font-size:12.5px;color:var(--gray);}
|
||
|
||
.testi-slider-wrap{position:relative;max-width:720px;margin:0 auto;}
|
||
.testi-slider .testi-card{display:none;}
|
||
.testi-slider .testi-card.active{display:block;animation:testiFade .5s ease;}
|
||
@keyframes testiFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
|
||
.testi-nav{
|
||
position:absolute;top:40%;transform:translateY(-50%);
|
||
width:44px;height:44px;border-radius:50%;background:#fff;
|
||
border:1px solid rgba(11,36,71,.12);box-shadow:0 10px 24px -12px rgba(11,36,71,.3);
|
||
display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;color:var(--navy);
|
||
}
|
||
.testi-nav.prev{right:-56px;}
|
||
.testi-nav.next{left:-56px;}
|
||
.testi-dots{display:flex;justify-content:center;gap:8px;margin-top:28px;flex-wrap:wrap;max-width:420px;margin-inline:auto;}
|
||
.testi-dot{width:8px;height:8px;border-radius:50%;background:rgba(11,36,71,.18);border:none;cursor:pointer;padding:0;transition:background .2s,width .2s;}
|
||
.testi-dot.active{background:var(--gold);width:22px;border-radius:5px;}
|
||
@media(max-width:900px){
|
||
.testi-nav.prev{right:0;}
|
||
.testi-nav.next{left:0;}
|
||
}
|
||
|
||
/* ===== FINAL CTA ===== */
|
||
.final-cta{
|
||
background:linear-gradient(120deg,var(--black) 0%, var(--navy-deep) 55%, var(--navy) 100%);
|
||
border:1px solid rgba(184,146,62,.35);
|
||
border-radius:32px;padding:64px 50px;text-align:center;position:relative;overflow:hidden;
|
||
margin:0 24px;
|
||
}
|
||
.final-cta::before{
|
||
content:"";position:absolute;width:400px;height:400px;border-radius:50%;
|
||
background:radial-gradient(circle, rgba(184,146,62,.18), transparent 70%);top:-180px;left:-100px;
|
||
}
|
||
.final-cta h2{color:#fff;font-size:clamp(24px,3.2vw,34px);margin-bottom:14px;}
|
||
.final-cta p{color:rgba(255,255,255,.72);margin-bottom:30px;font-size:15.5px;}
|
||
|
||
/* ===== FOOTER ===== */
|
||
footer{background:var(--navy-deep);color:rgba(255,255,255,.7);padding:64px 0 26px;}
|
||
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:48px;}
|
||
.footer-col h5{color:#fff;font-size:15px;margin-bottom:16px;}
|
||
.footer-col ul{display:grid;gap:10px;font-size:13.5px;}
|
||
.footer-col ul a:hover{color:var(--gold);}
|
||
.footer-logo{display:inline-block;width:auto;text-align:center;color:#fff;font-weight:900;font-size:19px;margin-bottom:10px;}
|
||
.footer-logo .logo-badge{display:inline-block;width:48px;height:48px;max-width:100%;border-radius:10px;margin-bottom:6px;}
|
||
.footer-logo span{display:block;text-align:right;}
|
||
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;font-size:12.5px;flex-wrap:wrap;gap:10px;}
|
||
|
||
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease;}
|
||
.reveal.in{opacity:1;transform:translateY(0);}
|
||
|
||
@media (max-width:920px){
|
||
nav, .header-cta .btn-outline{display:none;}
|
||
.hero-grid{grid-template-columns:1fr;}
|
||
.hero-visual{height:260px;}
|
||
.about-grid{grid-template-columns:1fr;}
|
||
.programs-grid, .why-grid, .testi-grid{grid-template-columns:1fr 1fr;}
|
||
.achievements-grid{grid-template-columns:repeat(3,1fr);}
|
||
.footer-grid{grid-template-columns:1fr 1fr;}
|
||
.stats-path{flex-wrap:wrap;gap:26px;}
|
||
.stats-path::before{display:none;}
|
||
}
|
||
@media (max-width:600px){
|
||
.programs-grid, .why-grid, .testi-grid, .footer-grid{grid-template-columns:1fr;}
|
||
.achievements-grid{grid-template-columns:repeat(2,1fr);}
|
||
.hero{padding:64px 0 80px;}
|
||
.final-cta{padding:44px 24px;margin:0;}
|
||
}
|
||
|
||
.mobile-sticky{
|
||
display:none;position:fixed;bottom:0;right:0;left:0;z-index:60;
|
||
background:#fff;box-shadow:0 -8px 24px rgba(11,36,71,.12);padding:12px 18px;
|
||
}
|
||
@media (max-width:600px){.mobile-sticky{display:flex;}}
|
||
.mobile-sticky .btn-primary{width:100%;justify-content:center;}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<div class="container nav-wrap">
|
||
<a href="#" class="logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span> أكاديمية الكاف الرياضية</a>
|
||
<nav>
|
||
<ul>
|
||
<li><a href="#programs">البرامج</a></li>
|
||
<li><a href="page-about.html">من نحن</a></li>
|
||
<li><a href="#stats">إنجازاتنا</a></li>
|
||
<li><a href="#testimonials">آراء الأهالي</a></li>
|
||
<li><a href="#contact">تواصل</a></li>
|
||
</ul>
|
||
</nav>
|
||
<div class="header-cta">
|
||
<a href="#contact" class="btn btn-outline">اتصل بنا</a>
|
||
<a href="#trial" class="btn btn-primary">حجز حصة تجريبية</a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="hero">
|
||
<div class="container hero-grid">
|
||
<div>
|
||
<div class="hero-eyebrow"><span class="dot"></span> حي القدس، الرياض · تدريب معتمد للأعمار 4–50 سنة</div>
|
||
<h1>نصنع <em>أبطال الغد</em>،<br>بخطوة اليوم</h1>
|
||
<p class="lead">أحد عشر برنامجًا رياضيًا لطفلك وللعائلة: كرة القدم، السباحة، الكاراتيه، التايكوندو، الجمباز، الكيك بوكسينغ، المواي تاي، كرة السلة، التدريب الشخصي، وبرنامج ذوي الهمم — بإشراف مدربين متخصصين وبيئة آمنة ومحفزة.</p>
|
||
<div class="hero-actions">
|
||
<a href="#trial" class="btn btn-primary">احجز حصة تجريبية مجانية</a>
|
||
<a href="#programs" class="btn btn-outline">تصفح البرامج</a>
|
||
</div>
|
||
<div class="hero-meta">
|
||
<div><span class="n">11</span><span class="l">برامج رياضية</span></div>
|
||
<div><span class="n">4–50</span><span class="l">الفئة العمرية</span></div>
|
||
<div><span class="n">3</span><span class="l">حصص أسبوعيًا</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="hero-visual">
|
||
<div class="crest-glow"></div>
|
||
<img class="crest-main" src="caf-logo.png" alt="شعار أكاديمية الكاف الرياضية">
|
||
<div class="badge-orbit">
|
||
<div class="sport-badge b1" title="كرة القدم"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><circle cx="12" cy="12" r="9"/><path d="M12 6l3 2.2-1.1 3.6H10.1L9 8.2 12 6z"/><path d="M3.5 10.5L9 8.2M20.5 10.5L15 8.2M8.2 20.5l1.9-5.7M15.8 20.5l-1.9-5.7"/></svg></div>
|
||
<div class="sport-badge b2" title="السباحة"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M2 15c2-2 4-2 6 0s4 2 6 0 4-2 6 0"/><circle cx="17" cy="6" r="2.4"/></svg></div>
|
||
<div class="sport-badge b3" title="الكاراتيه / التايكوندو"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><circle cx="12" cy="5" r="2"/><path d="M5 21l3-7 4-2 4 2 3 7M9 12l1.5-5M15 12l-1.5-5"/></svg></div>
|
||
<div class="sport-badge b4" title="الجمباز"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M12 3v3M12 18v3M3 12h3M18 12h3"/><circle cx="12" cy="12" r="6"/></svg></div>
|
||
<div class="sport-badge b5" title="الكيك بوكسينغ"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M6 8V6a2 2 0 012-2h3a2 2 0 012 2v2M4 8h9a2 2 0 012 2v2a4 4 0 01-4 4H8a4 4 0 01-4-4V8z"/><path d="M15 12h3a2 2 0 000-4"/></svg></div>
|
||
<div class="sport-badge b6" title="ذوي الهمم"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M12 2l2.6 6.4L21 9l-5 4.4L17.4 21 12 17.3 6.6 21 8 13.4 3 9l6.4-.6z"/></svg></div>
|
||
<div class="sport-badge b7" title="المواي تاي"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M7 10V7a3 3 0 013-3h1a3 3 0 013 3v1"/><path d="M7 10h9a3 3 0 013 3v2a5 5 0 01-5 5h-2a5 5 0 01-5-5v-3a2 2 0 012-2z"/></svg></div>
|
||
<div class="sport-badge b8" title="كرة السلة"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a13 13 0 010 18M4.5 6.5a13 13 0 0015 0M4.5 17.5a13 13 0 0115 0"/></svg></div>
|
||
<div class="sport-badge b9" title="التدريب الشخصي"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M6 7v10M18 7v10M2 10v4M22 10v4M6 12h12"/></svg></div>
|
||
<div class="sport-badge b10" title="باقة متعددة الأنشطة"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5M2 12l10 5 10-5"/></svg></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="trust">
|
||
<div class="container trust-item" style="justify-content:space-between;display:flex;">
|
||
<div class="trust-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s-7-5.5-7-11a7 7 0 0114 0c0 5.5-7 11-7 11z"/><circle cx="12" cy="10" r="2.5"/></svg> مدارس الحزم الأهلية — حي القدس، الرياض</div>
|
||
<div class="trust-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg> السبت – الخميس · 3:00 – 9:00 مساءً</div>
|
||
<div class="trust-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> مدربون متخصصون لكل رياضة</div>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="manifesto">
|
||
<div class="container">
|
||
<p class="manifesto-lead">
|
||
<span class="dim">نحن لا نُدير حصصاً</span>
|
||
نبني عقلية بطل منذ الحصة الأولى
|
||
</p>
|
||
<div class="manifesto-pillars">
|
||
<div class="manifesto-pillar"><span class="num">1</span> الانضباط قبل الموهبة</div>
|
||
<div class="manifesto-pillar"><span class="num">2</span> المنهج قبل الحماس</div>
|
||
<div class="manifesto-pillar"><span class="num">3</span> والنتائج تُقاس، لا تُقال</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about">
|
||
<div class="container about-grid">
|
||
<div class="reveal">
|
||
<div class="eyebrow">من نحن</div>
|
||
<h2 class="section-title">رياضة تبني الشخصية، لا الجسد فقط</h2>
|
||
<p style="color:var(--gray);font-size:16px;">نؤمن أن الرياضة أسلوب حياة يبني الثقة بالنفس والانضباط الذاتي منذ الصغر. رؤيتنا أن نكون الخيار الأول للأسر في الرياض الباحثة عن بيئة رياضية آمنة وشاملة، تُعنى بتطوير الأطفال من جميع الأعمار والمستويات.</p>
|
||
<ul class="about-list">
|
||
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M20 6L9 17l-5-5"/></svg> إشراف مدربين معتمدين متخصصين لكل رياضة</li>
|
||
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M20 6L9 17l-5-5"/></svg> تقارير تقدّم شهرية توضح مستوى الطفل لولي الأمر</li>
|
||
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M20 6L9 17l-5-5"/></svg> مرونة اختيار أكثر من رياضة ضمن الاشتراك الواحد</li>
|
||
</ul>
|
||
</div>
|
||
<div class="about-visual reveal">
|
||
<div class="quote">"نصنع أبطال الغد،<br>بخطوة اليوم"</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="alt" id="programs">
|
||
<div class="container">
|
||
<div class="eyebrow">برامجنا التدريبية</div>
|
||
<h2 class="section-title">اختر رياضة طفلك</h2>
|
||
<p class="section-lead">أحد عشر برنامجًا مصمَّمًا حسب العمر والمستوى، كل برنامج يشمل تقييمًا دوريًا ونظام تدرّج واضح.</p>
|
||
<div class="programs-grid">
|
||
|
||
<div class="program-card reveal" style="--accent:#B8923E">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="12" r="9"/><path d="M12 6l3 2.2-1.1 3.6H10.1L9 8.2 12 6z"/></svg></div>
|
||
<h3>كرة القدم</h3>
|
||
<p>تطوير المهارات الفردية والتكتيكية وروح الفريق داخل الملعب.</p>
|
||
<div class="skill-bars">
|
||
<div class="skill-bar-row"><span class="skill-label">تقنية</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:88%"></div></div><span class="skill-val">88</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">لياقة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:90%"></div></div><span class="skill-val">90</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">فريق</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:92%"></div></div><span class="skill-val">92</span></div>
|
||
</div>
|
||
<div class="program-tags"><span class="tag">4–16 سنة</span><span class="tag">60–90 دقيقة</span></div>
|
||
<a href="program-football.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#2E4468">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M2 15c2-2 4-2 6 0s4 2 6 0 4-2 6 0"/><circle cx="17" cy="6" r="2.4"/></svg></div>
|
||
<h3>السباحة</h3>
|
||
<p>من أساسيات الطفو والتنفس حتى تقنيات السباحة المتقدمة.</p>
|
||
<div class="skill-bars">
|
||
<div class="skill-bar-row"><span class="skill-label">تحمّل</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:91%"></div></div><span class="skill-val">91</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">تقنية</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:87%"></div></div><span class="skill-val">87</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">أمان</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:95%"></div></div><span class="skill-val">95</span></div>
|
||
</div>
|
||
<div class="program-tags"><span class="tag">4–16 سنة</span><span class="tag">45–60 دقيقة</span></div>
|
||
<a href="program-swimming.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#8F703A">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="5" r="2"/><path d="M5 21l3-7 4-2 4 2 3 7M9 12l1.5-5M15 12l-1.5-5"/></svg></div>
|
||
<h3>الكاراتيه</h3>
|
||
<p>انضباط ذاتي، احترام الآخرين، وثقة بالنفس عبر نظام أحزمة واضح.</p>
|
||
<div class="skill-bars">
|
||
<div class="skill-bar-row"><span class="skill-label">انضباط</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:96%"></div></div><span class="skill-val">96</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">تركيز</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:90%"></div></div><span class="skill-val">90</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">مرونة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:84%"></div></div><span class="skill-val">84</span></div>
|
||
</div>
|
||
<div class="program-tags"><span class="tag">5–16 سنة</span><span class="tag">60 دقيقة</span></div>
|
||
<a href="program-karate.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#C9772E">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="5" r="2"/><path d="M12 7v4l5 3-1.2 4-4.8-2-3 3-2-3 3-3-2-4 3-2z"/></svg></div>
|
||
<h3>التايكوندو</h3>
|
||
<p>قوة ومرونة وسرعة حركية عبر تقنيات الركل، ونظام أحزمة واضح.</p>
|
||
<div class="skill-bars">
|
||
<div class="skill-bar-row"><span class="skill-label">قوة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:89%"></div></div><span class="skill-val">89</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">سرعة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:92%"></div></div><span class="skill-val">92</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">مرونة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:88%"></div></div><span class="skill-val">88</span></div>
|
||
</div>
|
||
<div class="program-tags"><span class="tag">5–16 سنة</span><span class="tag">60 دقيقة</span></div>
|
||
<a href="program-taekwondo.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#5B4B79">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M12 3v3M12 18v3M3 12h3M18 12h3"/><circle cx="12" cy="12" r="6"/></svg></div>
|
||
<h3>الجمباز</h3>
|
||
<p>مرونة، توازن، وقوة الجسم من سن مبكرة بإشراف مدربات متخصصات.</p>
|
||
<div class="skill-bars">
|
||
<div class="skill-bar-row"><span class="skill-label">مرونة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:95%"></div></div><span class="skill-val">95</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">توازن</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:91%"></div></div><span class="skill-val">91</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">رشاقة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:89%"></div></div><span class="skill-val">89</span></div>
|
||
</div>
|
||
<div class="program-tags"><span class="tag">4–12 سنة</span><span class="tag">45–60 دقيقة</span></div>
|
||
<a href="program-gymnastics.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#241E36">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M6 8V6a2 2 0 012-2h3a2 2 0 012 2v2M4 8h9a2 2 0 012 2v2a4 4 0 01-4 4H8a4 4 0 01-4-4V8z"/><path d="M15 12h3a2 2 0 000-4"/></svg></div>
|
||
<h3>الكيك بوكسينغ</h3>
|
||
<p>قوة ذهنية وبدنية، تركيز، وأساسيات دفاع عن النفس بشكل آمن.</p>
|
||
<div class="skill-bars">
|
||
<div class="skill-bar-row"><span class="skill-label">قوة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:93%"></div></div><span class="skill-val">93</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">تركيز</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:88%"></div></div><span class="skill-val">88</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">ثقة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:90%"></div></div><span class="skill-val">90</span></div>
|
||
</div>
|
||
<div class="program-tags"><span class="tag">7–16 سنة</span><span class="tag">60 دقيقة</span></div>
|
||
<a href="program-kickboxing.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#A63A2E">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M7 10V7a3 3 0 013-3h1a3 3 0 013 3v1"/><path d="M7 10h9a3 3 0 013 3v2a5 5 0 01-5 5h-2a5 5 0 01-5-5v-3a2 2 0 012-2z"/><path d="M10 10v3M13 10v3"/></svg></div>
|
||
<h3>المواي تاي</h3>
|
||
<p>الملاكمة التايلندية بأسلوب آمن يبني اللياقة والانضباط الذهني والثقة بالنفس.</p>
|
||
<div class="skill-bars">
|
||
<div class="skill-bar-row"><span class="skill-label">لياقة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:92%"></div></div><span class="skill-val">92</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">انضباط</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:91%"></div></div><span class="skill-val">91</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">ثقة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:89%"></div></div><span class="skill-val">89</span></div>
|
||
</div>
|
||
<div class="program-tags"><span class="tag">7–16 سنة</span><span class="tag">60 دقيقة</span></div>
|
||
<a href="program-muaythai.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#2E7D8C">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a13 13 0 010 18M4.5 6.5a13 13 0 0015 0M4.5 17.5a13 13 0 0115 0"/></svg></div>
|
||
<h3>كرة السلة</h3>
|
||
<p>تمرير وتصويب ومراوغة وروح الفريق داخل الملعب عبر تمارين تدريجية.</p>
|
||
<div class="skill-bars">
|
||
<div class="skill-bar-row"><span class="skill-label">رشاقة</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:88%"></div></div><span class="skill-val">88</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">تكتيك</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:86%"></div></div><span class="skill-val">86</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">فريق</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:93%"></div></div><span class="skill-val">93</span></div>
|
||
</div>
|
||
<div class="program-tags"><span class="tag">5–16 سنة</span><span class="tag">60–75 دقيقة</span></div>
|
||
<a href="program-basketball.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#4A5568">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M6 7v10M18 7v10M2 10v4M22 10v4M6 12h12"/></svg></div>
|
||
<h3>التدريب الشخصي</h3>
|
||
<p>خطط تدريب فردية للرجال والنساء بإشراف مدربين ومدربات معتمدين حسب هدفك.</p>
|
||
<div class="skill-bars">
|
||
<div class="skill-bar-row"><span class="skill-label">التزام</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:94%"></div></div><span class="skill-val">94</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">تحمّل</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:89%"></div></div><span class="skill-val">89</span></div>
|
||
<div class="skill-bar-row"><span class="skill-label">نتائج</span><div class="skill-bar-track"><div class="skill-bar-fill" style="width:92%"></div></div><span class="skill-val">92</span></div>
|
||
</div>
|
||
<div class="program-tags"><span class="tag">12+ سنة</span><span class="tag">حصص فردية</span></div>
|
||
<a href="program-personal-training.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#2E8B57">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M12 2l2.6 6.4L21 9l-5 4.4L17.4 21 12 17.3 6.6 21 8 13.4 3 9l6.4-.6z"/></svg></div>
|
||
<h3>ذوي الهمم</h3>
|
||
<p>الكيك بوكسينغ والكاراتيه والمواي تاي والتايكوندو ضمن برنامج واحد متكامل بإشراف مدرب متخصص.</p>
|
||
<div class="program-tags"><span class="tag">6–16 سنة</span><span class="tag">4 حصص أسبوعيًا</span></div>
|
||
<a href="program-special-needs.html" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
<div class="program-card reveal" style="--accent:#C9A227">
|
||
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M12 2l2.6 6.4L21 9l-5 4.4L17.4 21 12 17.3 6.6 21 8 13.4 3 9l6.4-.6z"/></svg></div>
|
||
<h3>باقة متعددة الأنشطة</h3>
|
||
<p>اختر 2–3 رياضات ضمن اشتراك واحد بإشراف مدربين متعددي التخصصات.</p>
|
||
<div class="program-tags"><span class="tag">من 399 ريال</span><span class="tag">شهريًا</span></div>
|
||
<a href="#trial" class="program-link">التفاصيل <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="champion-path">
|
||
<div class="container">
|
||
<div class="eyebrow">مسار البطل</div>
|
||
<h2 class="section-title">من أول خطوة، لحد المستوى الاحترافي</h2>
|
||
<p class="section-lead">خطة واضحة ومتدرّجة تواكب طفلك من أول لمسة للكرة أو الحزام الأبيض، لحد ما يبقى جاهز للمنافسة.</p>
|
||
<div class="path-track">
|
||
<div class="path-line"></div>
|
||
<div class="path-stages">
|
||
<div class="path-stage reveal">
|
||
<div class="path-marker"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="3"/><path d="M12 2v4M12 18v4M2 12h4M18 12h4"/></svg></div>
|
||
<div class="path-age">٤–٦ سنوات</div>
|
||
<h4>التأسيس الحركي</h4>
|
||
<p>بناء الوعي الحركي والتناسق بين العين واليد، وتعويد الطفل على أجواء التدريب المنظّم بأسلوب ممتع.</p>
|
||
</div>
|
||
<div class="path-stage reveal">
|
||
<div class="path-marker"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M9 11l3 3L22 4M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg></div>
|
||
<div class="path-age">٧–١٠ سنوات</div>
|
||
<h4>المهارات الأساسية</h4>
|
||
<p>بناء المهارات الفنية الخاصة بكل رياضة تدريجيًا، مع تحديات بدنية مدروسة تناسب عمر الطفل.</p>
|
||
</div>
|
||
<div class="path-stage reveal">
|
||
<div class="path-marker"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z"/></svg></div>
|
||
<div class="path-age">١١–١٤ سنة</div>
|
||
<h4>التكتيك والقوة</h4>
|
||
<p>قراءة اللعب أو المباراة، بناء القوة الوظيفية، والتحضير للمشاركة في البطولات الرسمية.</p>
|
||
</div>
|
||
<div class="path-stage reveal">
|
||
<div class="path-marker"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 2l2.6 6.4L21 9l-5 4.4L17.4 21 12 17.3 6.6 21 8 13.4 3 9l6.4-.6z"/></svg></div>
|
||
<div class="path-age">١٥–١٨ سنة</div>
|
||
<h4>الأداء والمسار الاحترافي</h4>
|
||
<p>منافسات ومعسكرات نخبة، وتوثيق مستوى الأداء لفتح الطريق أمام المسار الاحترافي.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="alt" id="method">
|
||
<div class="container">
|
||
<div class="eyebrow" style="color:var(--orange);">منهجنا التدريبي</div>
|
||
<h2 class="section-title">أسلوب مدروس، مش تخمين</h2>
|
||
<p class="section-lead">كل حصة مبنية على أساس علمي وسلامة الطفل أولًا، مش مجرد تمارين عشوائية.</p>
|
||
<div class="method-grid">
|
||
<div class="method-card reveal" data-step="01">
|
||
<div class="method-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3z"/></svg></div>
|
||
<h4>إحماء وتهيئة قبل كل حصة</h4>
|
||
<p>روتين إحماء ثابت في بداية كل حصة يهيّئ عضلات ومفاصل الطفل، ويقلل من فرص الإصابة أثناء التدريب.</p>
|
||
</div>
|
||
<div class="method-card reveal" data-step="02">
|
||
<div class="method-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 3v18h18M7 15l4-6 3 4 5-8"/></svg></div>
|
||
<h4>متابعة مستوى اللياقة</h4>
|
||
<p>نراقب تقدّم كل طفل في اللياقة والمهارة تدريجيًا، ونضبط شدة التدريب بما يناسب عمره وقدراته — من غير إفراط.</p>
|
||
</div>
|
||
<div class="method-card reveal" data-step="03">
|
||
<div class="method-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 2v20M2 12h20"/><circle cx="12" cy="12" r="9"/></svg></div>
|
||
<h4>مراعاة مرحلة النمو</h4>
|
||
<p>خطط التدريب تراعي المرحلة العمرية والجسدية الفعلية للطفل، مش بس تاريخ ميلاده — عشان يقوى من غير أي ضرر على المدى الطويل.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="scholarship">
|
||
<div class="container">
|
||
<div class="scholarship-banner reveal">
|
||
<div class="scholarship-trophy"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M8 4h8v5a4 4 0 01-8 0V4z"/><path d="M8 4H4v2a4 4 0 004 4M16 4h4v2a4 4 0 01-4 4M12 13v4M8 21h8M9 21c0-2 1.5-3 3-3s3 1 3 3"/></svg></div>
|
||
<div class="scholarship-content">
|
||
<div class="eyebrow">منحة أبطال الغد</div>
|
||
<h2>منحتان تدريبيتان كاملتان، كل عام</h2>
|
||
<p>لموهبتين مميزتين في أي من رياضاتنا، بترشيح مباشر من المدرب المسؤول بناءً على الالتزام والانضباط والتميز في الأداء خلال فترة تدريبه.</p>
|
||
<a href="https://wa.me/966559695266?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D9%88%D8%AF%20%D8%A3%D8%B3%D8%AA%D9%81%D8%B3%D8%B1%20%D8%B9%D9%86%20%D9%85%D9%86%D8%AD%D8%A9%20%D8%A3%D8%A8%D8%B7%D8%A7%D9%84%20%D8%A7%D9%84%D8%BA%D8%AF" target="_blank" rel="noopener" class="btn btn-primary">اسأل عن المنحة</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<div class="container">
|
||
<div class="eyebrow">لماذا أكاديمية الكاف</div>
|
||
<h2 class="section-title">تفاصيل تصنع فارقًا حقيقيًا</h2>
|
||
<p class="section-lead">كل ما يحتاجه ولي الأمر ليطمئن، وكل ما يحتاجه الطفل ليتفوق.</p>
|
||
<div class="why-grid">
|
||
<div class="why-item reveal">
|
||
<div class="why-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3z"/></svg></div>
|
||
<div><h4>بيئة آمنة ومحفزة</h4><p>مساحات تدريب مؤهلة تحت إشراف دائم ومراقبة السلامة.</p></div>
|
||
</div>
|
||
<div class="why-item reveal">
|
||
<div class="why-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M17 20v-1a4 4 0 00-4-4H7a4 4 0 00-4 4v1M14 6a3 3 0 11-6 0 3 3 0 016 0zM23 20v-1a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg></div>
|
||
<div><h4>مدربون متخصصون</h4><p>مدرب معتمد لكل رياضة على حدة، لا مدرب عام لكل الأنشطة.</p></div>
|
||
</div>
|
||
<div class="why-item reveal">
|
||
<div class="why-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M9 11l3 3L22 4M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg></div>
|
||
<div><h4>تقييم دوري وشهادات</h4><p>اختبارات مستوى واضحة وشارات/أحزمة تُظهر تقدّم طفلك.</p></div>
|
||
</div>
|
||
<div class="why-item reveal">
|
||
<div class="why-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 19h16M4 15h10M4 11h16M4 7h10"/></svg></div>
|
||
<div><h4>تقارير شهرية للأهل</h4><p>متابعة واضحة لمستوى الطفل ومهاراته المكتسبة كل شهر.</p></div>
|
||
</div>
|
||
<div class="why-item reveal">
|
||
<div class="why-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M20 12a8 8 0 11-8-8M20 4l-8 8"/></svg></div>
|
||
<div><h4>مرونة اختيار الأنشطة</h4><p>إمكانية الجمع بين 2–3 رياضات ضمن باقة واحدة مرنة.</p></div>
|
||
</div>
|
||
<div class="why-item reveal">
|
||
<div class="why-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 2l2.6 6.4L21 9l-5 4.4L17.4 21 12 17.3 6.6 21 8 13.4 3 9l6.4-.6z"/></svg></div>
|
||
<div><h4>إعداد لأبطال المستقبل</h4><p>ترشيح المتميزين للمشاركة في البطولات والمنافسات.</p></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="stats-section" id="stats">
|
||
<div class="container">
|
||
<div class="eyebrow" style="color:var(--gold);">إنجازاتنا</div>
|
||
<h2 class="section-title" style="color:#fff;">أرقام نفخر بها</h2>
|
||
<div class="stats-path" style="margin-top:50px;">
|
||
<div class="stat reveal">
|
||
<div class="stat-badge"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 2l2.6 6.4L21 9l-5 4.4L17.4 21 12 17.3 6.6 21 8 13.4 3 9l6.4-.6z"/></svg></div>
|
||
<div class="n" data-count="11">0</div>
|
||
<div class="l">برامج تدريبية</div>
|
||
</div>
|
||
<div class="stat reveal">
|
||
<div class="stat-badge"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M17 20v-1a4 4 0 00-4-4H7a4 4 0 00-4 4v1M14 6a3 3 0 11-6 0 3 3 0 016 0z"/></svg></div>
|
||
<div class="n" data-count="250">0</div>
|
||
<div class="l">متدرب وطالب</div>
|
||
</div>
|
||
<div class="stat reveal">
|
||
<div class="stat-badge"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 4-6 8-6s8 2 8 6"/></svg></div>
|
||
<div class="n" data-count="18">0</div>
|
||
<div class="l">مدرب ومدربة معتمدون</div>
|
||
</div>
|
||
<div class="stat reveal">
|
||
<div class="stat-badge"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg></div>
|
||
<div class="n" data-count="3">0</div>
|
||
<div class="l">سنوات خبرة</div>
|
||
</div>
|
||
</div>
|
||
<div class="achv-marquee">
|
||
<div class="achv-track">
|
||
<img src="images/achievements/1.webp" width="1280" height="1600" alt="بطولة المملكة المفتوحة 2025 — المركز الأول">
|
||
<img src="images/achievements/2.webp" width="1280" height="1600" alt="من إنجازات أكاديمية الكاف الرياضية">
|
||
<img src="images/achievements/3.webp" width="1280" height="1600" alt="من إنجازات أكاديمية الكاف الرياضية">
|
||
<img src="images/achievements/4.webp" width="922" height="1152" alt="من إنجازات أكاديمية الكاف الرياضية">
|
||
<img src="images/achievements/5.webp" width="922" height="1152" alt="من إنجازات أكاديمية الكاف الرياضية">
|
||
<img src="images/achievements/6.webp" width="1408" height="768" alt="من إنجازات أكاديمية الكاف الرياضية">
|
||
<img src="images/achievements/7.webp" width="768" height="1029" alt="من إنجازات أكاديمية الكاف الرياضية">
|
||
<img src="images/achievements/8.webp" width="896" height="860" alt="من إنجازات أكاديمية الكاف الرياضية">
|
||
<img src="images/achievements/9.webp" width="768" height="1137" alt="من إنجازات أكاديمية الكاف الرياضية">
|
||
<img src="images/achievements/1.webp" width="1280" height="1600" alt="بطولة المملكة المفتوحة 2025 — المركز الأول" aria-hidden="true">
|
||
<img src="images/achievements/2.webp" width="1280" height="1600" alt="" aria-hidden="true">
|
||
<img src="images/achievements/3.webp" width="1280" height="1600" alt="" aria-hidden="true">
|
||
<img src="images/achievements/4.webp" width="922" height="1152" alt="" aria-hidden="true">
|
||
<img src="images/achievements/5.webp" width="922" height="1152" alt="" aria-hidden="true">
|
||
<img src="images/achievements/6.webp" width="1408" height="768" alt="" aria-hidden="true">
|
||
<img src="images/achievements/7.webp" width="768" height="1029" alt="" aria-hidden="true">
|
||
<img src="images/achievements/8.webp" width="896" height="860" alt="" aria-hidden="true">
|
||
<img src="images/achievements/9.webp" width="768" height="1137" alt="" aria-hidden="true">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="alt" id="testimonials">
|
||
<div class="container">
|
||
<div class="eyebrow">آراء الأهالي</div>
|
||
<h2 class="section-title">ماذا يقول أولياء الأمور عنا</h2>
|
||
<p class="section-lead">آراء حقيقية من أولياء أمور طلابنا على خرائط جوجل.</p>
|
||
<div class="google-badge">
|
||
<svg class="g-icon" viewBox="0 0 48 48"><path fill="#FFC107" d="M43.6 20.5H42V20H24v8h11.3C33.6 32.9 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.1 8 3l5.7-5.7C34.5 6.2 29.5 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.2-.1-2.4-.3-3.5z"/><path fill="#FF3D00" d="M6.3 14.7l6.6 4.8C14.6 15.9 18.9 13 24 13c3.1 0 5.8 1.1 8 3l5.7-5.7C34.5 6.2 29.5 4 24 4 16.3 4 9.7 8.3 6.3 14.7z"/><path fill="#4CAF50" d="M24 44c5.3 0 10.2-2 13.8-5.4l-6.4-5.4C29.4 34.9 26.9 36 24 36c-5.2 0-9.6-3.3-11.2-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z"/><path fill="#1976D2" d="M43.6 20.5H42V20H24v8h11.3c-.8 2.3-2.3 4.2-4.2 5.6l6.4 5.4C39.9 37.5 44 31.8 44 24c0-1.2-.1-2.4-.4-3.5z"/></svg>
|
||
<span class="g-score">4.8</span>
|
||
<span class="g-stars">★★★★★</span>
|
||
<span class="g-count">من 395 تقييمًا على خرائط جوجل</span>
|
||
</div>
|
||
<div class="testi-slider-wrap">
|
||
<div class="testi-slider">
|
||
<div class="testi-card active">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"أكاديمية كرة قدم ممتازة! مدربون محترفون، تدريب ممتاز، وأجواء ودية. تحسنت مهاراتي كثيرًا، وأوصي بها بشدة لكل من يحب كرة القدم!"</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:var(--orange);">A.D</div>
|
||
<div><div class="name">Alaa Diyab</div><div class="role">ولي أمر — برنامج كرة القدم</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"سجلت بنتي وولدي سباحة وكيك بوكسينغ، كان ولدي مرة خايف لكن بفضل الله ثم الكوتش أحمد حبيب والكوتش محمد كسر حاجز الخوف، وصار يتحمس لليوم اللي فيه السباحة والكيك بوكسينغ."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:var(--navy);">م.د</div>
|
||
<div><div class="name">محمود د</div><div class="role">ولي أمر — السباحة والكيك بوكسينغ</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"ابتدينا معاهم سباحة وكرة قدم، شاطرين وصراحة منظمين جدًا. وأحلى فكرة عجبتني موضوع التقرير اللي بيبعتوه، يبين ابنك مهاراته حلوة في إيه وعايز يتحسن في إيه."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:#2E4468;">H.A</div>
|
||
<div><div class="name">Habeeb Ahmed</div><div class="role">ولي أمر — السباحة وكرة القدم</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"انصح بشدة بالأكاديمية والأخص تدريب الكاراتية والكيك بوكسينج مع الكوتش احمد حبيب، عنده خبرة كبيرة في مجال الدفاع عن النفس وراقي في التعامل مع الأطفال."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:var(--orange);">M.A</div>
|
||
<div><div class="name">Moamn Ahmed</div><div class="role">ولي أمر — الكاراتيه والكيك بوكسينغ</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"ما شاء الله رائعين وتعامل طيب، والكابتن أحمد حبيب مدرب البوكسينج كثير رائع ومبدع، أولادي معهم من 3 سنين قدم وسباحة وبوكسينج."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:var(--navy);">F.C</div>
|
||
<div><div class="name">fun time channel</div><div class="role">ولي أمر — كرة القدم والسباحة والكيك بوكسينغ</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"من أفضل المدربين في الأكاديمية، وتدربت معه مواي تاي وكيك بوكسينج، كابتن أحمد حبيب المدرب الأفضل."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:#8F703A;">B</div>
|
||
<div><div class="name">Basto</div><div class="role">متدرب — المواي تاي والكيك بوكسينغ</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"كوتش أحمد عالمي في التدريب وبناء الشخصيات، ماشاء الله النتيجة ممتازة، ومع الوقت بيطلع ابنك واثق من نفسه وعنده حضور قوي."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:#B8923E;">H.H</div>
|
||
<div><div class="name">H Halabi</div><div class="role">ولي أمر — أكاديمية الكاف</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"من أفضل النوادي في الرياض."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:var(--green);">B.M</div>
|
||
<div><div class="name">Buthyna Mutaher</div><div class="role">ولي أمر — أكاديمية الكاف</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"الأكاديمية كويسة جدًا، والمدربين تعاملهم راقي مع الأطفال، والكابتن أحمد حبيب كتير شاطر ومتمرس في الكاراتيه، والأطفال بيحبوه جدًا."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:#2E4468;">Y</div>
|
||
<div><div class="name">Yasmeen</div><div class="role">ولية أمر — الكاراتيه</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"مدربين ذوو كفاءة، والتحسّن واضح على أطفالي بالذات في الكيك بوكسينج والسباحة، جدًا مبدعين فيه."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:var(--orange);">S.M</div>
|
||
<div><div class="name">Shoshy Mostafa</div><div class="role">ولية أمر — الكيك بوكسينغ والسباحة</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"المدرب أحمد حبيب ممتاز ومحترف في الملاكمة، وتعامله مع المتدربين رائع حيث يُعلّمهم خطوة بخطوة."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:var(--navy);">M.A</div>
|
||
<div><div class="name">Mona Alharthy</div><div class="role">ولية أمر — الكيك بوكسينغ</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="testi-card">
|
||
<div class="stars">★★★★★</div>
|
||
<p class="txt">"سجلت أولادي بوكس وسباحة، والتعامل راقي جدًا، والمسبح نظيف والمدربين محترمين."</p>
|
||
<div class="testi-person">
|
||
<div class="avatar" style="background:#8F703A;">K.A</div>
|
||
<div><div class="name">Khalaf Aboghazy</div><div class="role">ولي أمر — الكيك بوكسينغ والسباحة</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<button type="button" class="testi-nav prev" onclick="testiSlide(1)" aria-label="السابق"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M9 6l6 6-6 6"/></svg></button>
|
||
<button type="button" class="testi-nav next" onclick="testiSlide(-1)" aria-label="التالي"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M15 6l-6 6 6 6"/></svg></button>
|
||
<div class="testi-dots">
|
||
<button type="button" class="testi-dot active" onclick="testiSlideTo(0)" aria-label="رأي 1"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(1)" aria-label="رأي 2"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(2)" aria-label="رأي 3"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(3)" aria-label="رأي 4"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(4)" aria-label="رأي 5"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(5)" aria-label="رأي 6"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(6)" aria-label="رأي 7"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(7)" aria-label="رأي 8"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(8)" aria-label="رأي 9"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(9)" aria-label="رأي 10"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(10)" aria-label="رأي 11"></button>
|
||
<button type="button" class="testi-dot" onclick="testiSlideTo(11)" aria-label="رأي 12"></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="how-to-join">
|
||
<div class="container">
|
||
<div class="eyebrow">كيف تنضم إلينا</div>
|
||
<h2 class="section-title">كيف ينضم إلينا بطلك؟</h2>
|
||
<p class="section-lead">مسار واضح من أول تواصل لأول حصة تدريبية، من غير أي تعقيد أو انتظار.</p>
|
||
<div class="join-steps">
|
||
<div class="join-step reveal">
|
||
<div class="step-num">1</div>
|
||
<h4>احجز الحصة التجريبية المجانية</h4>
|
||
<p>تواصل معنا عبر الموقع أو واتساب، ونحدد لك موعدًا مناسبًا في الأكاديمية. مدربونا يقيّمون طفلك في أجواء ممتعة ومريحة.</p>
|
||
<svg class="join-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 12H4M10 6l-6 6 6 6"/></svg>
|
||
</div>
|
||
<div class="join-step reveal">
|
||
<div class="step-num">2</div>
|
||
<h4>نرشّح له البرنامج والجدول المناسب</h4>
|
||
<p>بناءً على عمر ومستوى طفلك خلال الحصة التجريبية، نرشّح له الرياضة والمجموعة العمرية والجدول اللي يناسب أسرتك.</p>
|
||
<svg class="join-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 12H4M10 6l-6 6 6 6"/></svg>
|
||
</div>
|
||
<div class="join-step reveal">
|
||
<div class="step-num">3</div>
|
||
<h4>أكمل الاشتراك وابدأ الرحلة</h4>
|
||
<p>اختر الباقة المناسبة لطفلك من باقاتنا المرنة، وابدأ رحلته الرياضية مع فريق مدربين معتمدين وبيئة آمنة ومحفزة.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="alt" id="extra-services">
|
||
<div class="container">
|
||
<div class="eyebrow">خدمات إضافية</div>
|
||
<h2 class="section-title">أكتر من مجرد حصص أسبوعية</h2>
|
||
<p class="section-lead">خدمات إضافية بنقدر نجهّزها لطفلك أو لعائلتك حسب احتياجكم — تواصل معنا لمعرفة التفاصيل والأسعار.</p>
|
||
<div class="services-grid">
|
||
<a href="https://wa.me/966559695266?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D9%88%D8%AF%20%D8%A3%D8%B3%D8%AA%D9%81%D8%B3%D8%B1%20%D8%B9%D9%86%20%D8%A7%D9%84%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%20(1:1)" target="_blank" rel="noopener" class="service-card reveal">
|
||
<div class="service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 4-6 8-6s8 2 8 6"/><path d="M19 8h3M20.5 6.5v3"/></svg></div>
|
||
<h4>تدريب خاص 1:1</h4>
|
||
<p>حصص فردية مع مدرب معتمد لتطوير مركّز في أي من رياضاتنا حسب مستوى طفلك.</p>
|
||
</a>
|
||
<a href="https://wa.me/966559695266?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D9%88%D8%AF%20%D8%A3%D8%B3%D8%AA%D9%81%D8%B3%D8%B1%20%D8%B9%D9%86%20%D8%A7%D9%84%D9%85%D8%B9%D8%B3%D9%83%D8%B1%D8%A7%D8%AA%20%D8%A7%D9%84%D9%85%D9%88%D8%B3%D9%85%D9%8A%D8%A9" target="_blank" rel="noopener" class="service-card reveal">
|
||
<div class="service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg></div>
|
||
<h4>معسكرات موسمية</h4>
|
||
<p>برامج مكثفة في الإجازات الصيفية والمناسبات، تجمع بين التدريب والأنشطة الجماعية الممتعة.</p>
|
||
</a>
|
||
<a href="https://wa.me/966559695266?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D9%88%D8%AF%20%D8%A3%D8%B3%D8%AA%D9%81%D8%B3%D8%B1%20%D8%B9%D9%86%20%D8%AD%D9%81%D9%84%D8%A7%D8%AA%20%D8%A7%D9%84%D9%85%D9%8A%D9%84%D8%A7%D8%AF%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A9" target="_blank" rel="noopener" class="service-card reveal">
|
||
<div class="service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 8v13M12 8a3 3 0 100-6 3 3 0 000 6zM5 13l7-5 7 5M4 21h16"/></svg></div>
|
||
<h4>احتفالات أعياد ميلاد رياضية</h4>
|
||
<p>خلّي عيد ميلاد طفلك مختلف — احتفال رياضي كامل التنظيم في ملاعبنا مع أنشطة لكل أصدقائه.</p>
|
||
</a>
|
||
<a href="https://wa.me/966559695266?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D9%88%D8%AF%20%D8%A3%D8%B3%D8%AA%D9%81%D8%B3%D8%B1%20%D8%B9%D9%86%20%D8%AA%D8%A3%D8%AC%D9%8A%D8%B1%20%D8%A7%D9%84%D9%85%D9%84%D8%A7%D8%B9%D8%A8%2F%D8%A7%D9%84%D9%85%D8%B1%D8%A7%D9%81%D9%82" target="_blank" rel="noopener" class="service-card reveal">
|
||
<div class="service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg></div>
|
||
<h4>تأجير الملاعب والمرافق</h4>
|
||
<p>ملاعب ومرافق احترافية متاحة للحجز الخاص خارج أوقات البرامج التدريبية.</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="trial">
|
||
<div class="container">
|
||
<div class="final-cta reveal">
|
||
<h2>ابدأ رحلة طفلك الرياضية اليوم</h2>
|
||
<p>عبّي النموذج التالي وسيتواصل معك فريقنا خلال ساعات العمل لتأكيد حصتك التجريبية المجانية.</p>
|
||
</div>
|
||
<div class="reveal" style="max-width:640px;margin:36px auto 0;background:#fff;border-radius:var(--radius);padding:36px 32px;box-shadow:0 20px 50px -30px rgba(11,36,71,.35);">
|
||
<form id="trialForm" onsubmit="return sendTrialRequest(event)">
|
||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;">
|
||
<div>
|
||
<label style="display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px;">اسم ولي الأمر *</label>
|
||
<input type="text" id="tf-parent" required style="width:100%;padding:12px 14px;border:1px solid rgba(11,36,71,.15);border-radius:10px;font-family:'Cairo',sans-serif;font-size:14px;">
|
||
</div>
|
||
<div>
|
||
<label style="display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px;">رقم الجوال (واتساب) *</label>
|
||
<input type="tel" id="tf-phone" required placeholder="05xxxxxxxx" style="width:100%;padding:12px 14px;border:1px solid rgba(11,36,71,.15);border-radius:10px;font-family:'Cairo',sans-serif;font-size:14px;">
|
||
</div>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;">
|
||
<div>
|
||
<label style="display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px;">اسم الطفل وعمره</label>
|
||
<input type="text" id="tf-child" style="width:100%;padding:12px 14px;border:1px solid rgba(11,36,71,.15);border-radius:10px;font-family:'Cairo',sans-serif;font-size:14px;">
|
||
</div>
|
||
<div>
|
||
<label style="display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px;">الرياضة المطلوبة *</label>
|
||
<select id="tf-sport" required style="width:100%;padding:12px 14px;border:1px solid rgba(11,36,71,.15);border-radius:10px;font-family:'Cairo',sans-serif;font-size:14px;background:#fff;">
|
||
<option value="" selected disabled>اختر الرياضة</option>
|
||
<option value="كرة القدم">كرة القدم</option>
|
||
<option value="السباحة">السباحة</option>
|
||
<option value="الكاراتيه">الكاراتيه</option>
|
||
<option value="التايكوندو">التايكوندو</option>
|
||
<option value="الجمباز">الجمباز</option>
|
||
<option value="الكيك بوكسينغ">الكيك بوكسينغ</option>
|
||
<option value="المواي تاي">المواي تاي</option>
|
||
<option value="كرة السلة">كرة السلة</option>
|
||
<option value="تدريب شخصي">تدريب شخصي</option>
|
||
<option value="باقة متعددة الأنشطة">باقة متعددة الأنشطة</option>
|
||
<option value="ذوي الهمم">ذوي الهمم</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div style="margin-bottom:20px;">
|
||
<label style="display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px;">ملاحظات (اختياري)</label>
|
||
<textarea id="tf-notes" rows="3" style="width:100%;padding:12px 14px;border:1px solid rgba(11,36,71,.15);border-radius:10px;font-family:'Cairo',sans-serif;font-size:14px;resize:vertical;"></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;">إرسال الطلب عبر واتساب ←</button>
|
||
<p style="font-size:12px;color:var(--gray);text-align:center;margin-top:14px;">بالإرسال سيتم فتح واتساب برسالة جاهزة لتأكيد طلبك مباشرة مع الأكاديمية.</p>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer id="contact">
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div class="footer-col">
|
||
<div class="footer-logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span><span>أكاديمية الكاف الرياضية</span></div>
|
||
<p style="font-size:13.5px;">المملكة العربية السعودية، الرياض</p>
|
||
<p style="font-size:13.5px;margin-top:6px;">"نصنع أبطال الغد، بخطوة اليوم"</p>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h5>روابط سريعة</h5>
|
||
<ul>
|
||
<li><a href="#programs">البرامج التدريبية</a></li>
|
||
<li><a href="page-about.html">من نحن</a></li>
|
||
<li><a href="page-pricing.html">الباقات والأسعار</a></li>
|
||
<li><a href="page-blog.html">المدونة</a></li>
|
||
<li><a href="page-coaches.html">فريق المدربين</a></li>
|
||
<li><a href="page-privacy.html">سياسة الخصوصية</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h5>ساعات العمل</h5>
|
||
<ul>
|
||
<li>السبت – الخميس</li>
|
||
<li>3:00م – 9:00م</li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h5>تواصل معنا</h5>
|
||
<ul>
|
||
<li><a href="tel:+966559695266">0559695266</a></li>
|
||
<li><a href="mailto:Contact@caf-academy.com">Contact@caf-academy.com</a></li>
|
||
</ul>
|
||
<div style="display:flex;gap:10px;margin-top:16px;">
|
||
<a href="https://www.instagram.com/caf_academy_?igsi=aDZmaTlhZmttd3E3" target="_blank" rel="noopener" aria-label="Instagram" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a>
|
||
<a href="https://www.tiktok.com/@caf_academy?_r=1&_t=ZS-98y2YmrQpY8" target="_blank" rel="noopener" aria-label="TikTok" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M16.5 3c.3 2.1 1.7 3.6 3.9 3.9v3c-1.3 0-2.6-.4-3.7-1.2v6.4a5.7 5.7 0 1 1-5.7-5.7c.2 0 .5 0 .7.1v3.1a2.6 2.6 0 1 0 1.8 2.5V3h3z"/></svg></a>
|
||
<a href="https://www.snapchat.com/add/alsahari_2025" target="_blank" rel="noopener" aria-label="Snapchat" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12 2c3 0 4.7 2.3 4.8 5 0 1 0 2 .1 2.4.2.3.9.4 1.4.2.4-.1.9 0 1 .5.1.5-.2.9-.7 1.1-.3.1-.8.3-.8.6 0 .5.9 1.7 2.4 2.1.3.1.5.4.4.7-.2.7-1.4 1-2.2 1.1-.1.3-.2.7-.3 1-.1.3-.4.4-.7.4-.5 0-1-.1-1.6-.1-.9 0-1.4.6-2.9.6s-2-.6-2.9-.6c-.6 0-1.1.1-1.6.1-.3 0-.6-.1-.7-.4-.1-.3-.2-.7-.3-1-.8-.1-2-.4-2.2-1.1-.1-.3.1-.6.4-.7 1.5-.4 2.4-1.6 2.4-2.1 0-.3-.5-.5-.8-.6-.5-.2-.8-.6-.7-1.1.1-.5.6-.6 1-.5.5.2 1.2.1 1.4-.2.1-.4.1-1.4.1-2.4C7.3 4.3 9 2 12 2z"/></svg></a>
|
||
<a href="https://www.facebook.com/share/18RGgydYWL/" target="_blank" rel="noopener" aria-label="Facebook" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a>
|
||
<a href="https://www.youtube.com/@cafacademy" target="_blank" rel="noopener" aria-label="YouTube" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg></a>
|
||
<a href="https://wa.me/966559695266" target="_blank" rel="noopener" aria-label="WhatsApp" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M17.6 6.32A8.86 8.86 0 0 0 12.05 4a8.94 8.94 0 0 0-7.75 13.4L3 21l3.72-1.24a8.9 8.9 0 0 0 4.33 1.1h0a8.93 8.93 0 0 0 8.94-8.86 8.83 8.83 0 0 0-2.4-6.68zM12.05 19.4a7.4 7.4 0 0 1-3.78-1.04l-.27-.16-2.8.9.9-2.7-.18-.28a7.4 7.4 0 1 1 6.13 3.28zm4.07-5.53c-.22-.11-1.3-.64-1.5-.72s-.35-.11-.5.11-.58.72-.71.86-.26.16-.48.05a6.06 6.06 0 0 1-1.78-1.1 6.64 6.64 0 0 1-1.23-1.53c-.13-.22 0-.34.1-.45s.22-.26.33-.38a1.5 1.5 0 0 0 .22-.37.4.4 0 0 0 0-.38c-.05-.11-.5-1.2-.68-1.64s-.37-.38-.5-.38h-.43a.82.82 0 0 0-.6.28 2.5 2.5 0 0 0-.78 1.86 4.34 4.34 0 0 0 .91 2.3 9.94 9.94 0 0 0 3.8 3.36c.53.23.94.36 1.26.46a3 3 0 0 0 1.39.09 2.27 2.27 0 0 0 1.49-1.05 1.85 1.85 0 0 0 .13-1.05c-.05-.09-.2-.15-.42-.26z"/></svg></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<span>© 2026 أكاديمية الكاف الرياضية — جميع الحقوق محفوظة</span>
|
||
<span>تصميم: محمد الشيخ — <a href="https://wa.me/966566785756" target="_blank" rel="noopener" style="text-decoration:underline;">واتساب 0566785756</a></span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<div class="mobile-sticky">
|
||
<a href="#trial" class="btn btn-primary">احجز حصة تجريبية مجانية</a>
|
||
</div>
|
||
|
||
<script>
|
||
// scroll reveal
|
||
const reveals = document.querySelectorAll('.reveal');
|
||
const io = new IntersectionObserver((entries)=>{
|
||
entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} });
|
||
},{threshold:.15});
|
||
reveals.forEach(r=>io.observe(r));
|
||
|
||
// counters
|
||
const counters = document.querySelectorAll('[data-count]');
|
||
const cio = new IntersectionObserver((entries)=>{
|
||
entries.forEach(e=>{
|
||
if(e.isIntersecting){
|
||
const el = e.target;
|
||
const target = +el.dataset.count;
|
||
let cur = 0;
|
||
const step = Math.max(1, Math.ceil(target/40));
|
||
const t = setInterval(()=>{
|
||
cur += step;
|
||
if(cur >= target){ cur = target; clearInterval(t); }
|
||
el.textContent = cur;
|
||
}, 30);
|
||
cio.unobserve(el);
|
||
}
|
||
});
|
||
},{threshold:.6});
|
||
counters.forEach(c=>cio.observe(c));
|
||
</script>
|
||
|
||
<script>
|
||
function sendTrialRequest(e){
|
||
e.preventDefault();
|
||
var parent = document.getElementById('tf-parent').value.trim();
|
||
var phone = document.getElementById('tf-phone').value.trim();
|
||
var child = document.getElementById('tf-child').value.trim();
|
||
var sport = document.getElementById('tf-sport').value;
|
||
var notes = document.getElementById('tf-notes').value.trim();
|
||
var msg = 'مرحبًا أكاديمية الكاف، أرغب بحجز حصة تجريبية مجانية.\n';
|
||
msg += 'اسم ولي الأمر: ' + parent + '\n';
|
||
msg += 'رقم الجوال: ' + phone + '\n';
|
||
if(child) msg += 'الطفل: ' + child + '\n';
|
||
msg += 'الرياضة: ' + sport + '\n';
|
||
if(notes) msg += 'ملاحظات: ' + notes;
|
||
window.open('https://wa.me/966559695266?text=' + encodeURIComponent(msg), '_blank');
|
||
return false;
|
||
}
|
||
</script>
|
||
|
||
<script>
|
||
(function(){
|
||
const cards = document.querySelectorAll('.testi-slider .testi-card');
|
||
const dots = document.querySelectorAll('.testi-dot');
|
||
let idx = 0;
|
||
function show(i){
|
||
cards.forEach((c,n)=>c.classList.toggle('active', n===i));
|
||
dots.forEach((d,n)=>d.classList.toggle('active', n===i));
|
||
idx = i;
|
||
}
|
||
window.testiSlide = function(dir){ show((idx + dir + cards.length) % cards.length); };
|
||
window.testiSlideTo = function(i){ show(i); };
|
||
if(cards.length > 1){
|
||
let timer = setInterval(()=>testiSlide(-1), 6000);
|
||
const wrap = document.querySelector('.testi-slider-wrap');
|
||
wrap.addEventListener('mouseenter', ()=>clearInterval(timer));
|
||
wrap.addEventListener('mouseleave', ()=>{ timer = setInterval(()=>testiSlide(-1), 6000); });
|
||
}
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|