55 lines
3.4 KiB
PHP
55 lines
3.4 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
?><!doctype html>
|
|
<html lang="ar" dir="rtl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#f5f7f2">
|
|
<meta name="description" content="SportPath — خطوات صغيرة، صحة أقوى. خطط حركة وغذاء تساعدك على الاستمرار.">
|
|
<title>SportPath — طريقك لعافية تدوم</title>
|
|
<link rel="stylesheet" href="/assets/app.css">
|
|
</head>
|
|
<body>
|
|
<header class="topbar wrap">
|
|
<a class="brand" href="/" aria-label="SportPath الصفحة الرئيسية"><span class="brand-mark">S</span> SportPath</a>
|
|
<a class="top-link" href="#approach">عن البرنامج <span aria-hidden="true">↙</span></a>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero wrap">
|
|
<div class="hero-copy">
|
|
<p class="eyebrow"><span class="pulse"></span> عادات صغيرة. أثر يدوم.</p>
|
|
<h1>خفّف السرعة.<br><em>وزِد العافية.</em></h1>
|
|
<p class="intro">حركة تناسب يومك، وأكل تفهمه أكثر، وخطة تتقدم معك — بدون حلول سحرية أو ضغط.</p>
|
|
<a class="button" href="#approach">اكتشف الفكرة <span aria-hidden="true">←</span></a>
|
|
<p class="note">رحلتك تبدأ بخطوة واقعية، لا بخطة مثالية.</p>
|
|
</div>
|
|
<div class="hero-art" aria-label="رسم تجريدي لمسار تقدم يومي" role="img">
|
|
<div class="art-orbit orbit-one"></div><div class="art-orbit orbit-two"></div>
|
|
<div class="art-sun"></div><div class="art-path"></div>
|
|
<div class="art-card"><span class="card-dot"></span><span>حركة اليوم</span><strong>خطوة بخطوة</strong></div>
|
|
<span class="art-caption">تقدّمك، بإيقاعك</span>
|
|
</div>
|
|
<div class="hero-index" aria-hidden="true"><span>01</span><i></i><span>03</span></div>
|
|
</section>
|
|
|
|
<section class="approach" id="approach">
|
|
<div class="wrap approach-inner">
|
|
<p class="eyebrow">طريقة أهدأ للاستمرار</p>
|
|
<div class="approach-grid">
|
|
<h2>الصحة ليست تحديًا<br>لأسبوع واحد.</h2>
|
|
<p>SportPath قيد البناء ليجمع التمرين اليومي وخيارات الطعام ومتابعة التقدم في تجربة واحدة. التوصيات ستراعي مستواك ووقتك، وتبقى قابلة للتعديل — لأن أفضل خطة هي التي تقدر تكملها.</p>
|
|
</div>
|
|
<div class="principles">
|
|
<article><span>01 / الحركة</span><h3>تمارين واضحة</h3><p>شرح بصري قصير، مع بدائل تناسب المساحة والقدرة.</p></article>
|
|
<article><span>02 / التغذية</span><h3>فهم بدون أحكام</h3><p>مساعدة على تقدير الوجبة، مع مساحة لتصحيح الكمية والمكونات.</p></article>
|
|
<article><span>03 / الاستمرارية</span><h3>تقدّم واقعي</h3><p>أهداف مرنة وتذكير تختاره أنت، لا تنبيهات مزعجة.</p></article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer class="wrap footer"><a class="brand" href="/"><span class="brand-mark">S</span> SportPath</a><span>الصحة رحلة، وكل خطوة تُحسب.</span><span>قريبًا</span></footer>
|
|
</body>
|
|
</html>
|