// Rotating hero phone const HERO_SCREENS = [ "assets/screen-home.png", "assets/screen-day.png", "assets/screen-week.png", "assets/screen-month.png", ]; const HeroPhoneRotator = () => { const [i, setI] = React.useState(0); React.useEffect(() => { const id = setInterval(() => setI(x => (x+1) % HERO_SCREENS.length), 3200); return () => clearInterval(id); }, []); return (
{HERO_SCREENS.map((src, idx) => ( ))}
); }; // ---------------- COMMERCIAL ---------------- const Commercial = () => { const ref = React.useRef(null); const [muted, setMuted] = React.useState(true); const [playing, setPlaying] = React.useState(true); const toggleMute = () => { if (!ref.current) return; ref.current.muted = !ref.current.muted; setMuted(ref.current.muted); }; const togglePlay = () => { if (!ref.current) return; if (ref.current.paused) { ref.current.play(); setPlaying(true); } else { ref.current.pause(); setPlaying(false); } }; return (
); }; // ---------------- NAV ---------------- const Nav = () => ( ); // ---------------- APP STORE BADGE ---------------- const AppleGlyph = ({ size = 22 }) => ( ); const AppStoreBadge = () => (
Download on the
App Store
 ); // ---------------- HERO ---------------- const HERO_WORDS = ["TRAIN", "FUEL", "RECOVER", "IMPROVE", "WIN", "EMBRACE"]; const Hero = ({ mantras }) => { const [wi, setWi] = React.useState(0); React.useEffect(() => { const id = setInterval(() => setWi((i) => (i + 1) % mantras.length), 2000); return () => clearInterval(id); }, [mantras.length]); return (
LIVE ON THE APP STORE · V1.0

I CAN
{mantras[wi]}

The AI performance tracker built for athletes who want to improve every single day. Training, nutrition and sleep — unified into one coaching system that knows your sport, remembers your data, and tells you exactly what to do next.

3-in-1
Training · Nutrition · Sleep
24/7
AI Coach on standby
6
Sports supported
🔥
Streak
19 days
💤
Avg Sleep
9.5h
▲
Load this week
+18%
); }; const Marquee = () => { const items = ["SOCCER", "BASKETBALL", "BOXING", "TENNIS", "FOOTBALL", "CRICKET"]; const all = [...items, ...items]; return (
{all.map((t,i) =>
{t}
)}
); }; // ---------------- HOW IT WORKS ---------------- const HowItWorks = () => (
01 / The system

Three pillars.
One performance log.

Most apps track workouts only. I Can connects the three things that actually decide whether you improve — and feeds them into an AI that actually coaches you.

Training

Log every session — matches, gym, cardio, technical work — with sport-specific inputs that matter.

Type · Duration · Intensity Sport-specific metrics Auto load calculation

Nutrition

Three meals, snacks, drinks — or skip typing and log a plate with a single photo on Premium.

Meals + snacks + hydration Quality score, not calories AI photo logging

Sleep

Hours, wake time, consistency. The quiet variable that moves everything else on the dashboard.

Hours + wake time Consistency streak Recovery correlation
); // ---------------- AI COACH ---------------- const AICoach = () => { return (
02 / AI Coach

Not generic advice.
Your advice.

Your Elite Coach — always on. It remembers every training session, meal and hour of sleep you've logged, knows your sport, and gives personalised programs that respond to your data. Training, tactics, recovery, mindset, nutrition — one coach, one tap.

    {[ ['Context-aware','Understands the last 30 days of logs, not just today.'], ['Sport-specific','A boxer gets round-level advice. A footballer gets match recovery.'], ['Personalised programs','Punching power, recovery blocks, nutrition — built for you.'], ['Always on','Ask anything, any time. No appointments.'], ].map(([t,d]) => (
  • {t}
    {d}
    • ))}
); }; // ---------------- DASHBOARD ---------------- const Dashboard = () => { const [tab, setTab] = React.useState(1); const screens = [ { label:'Day', src:'assets/screen-day.png', note:'Daily score, training, nutrition and sleep — at a glance.' }, { label:'Week', src:'assets/screen-week.png', note:'Load, nutrition quality and sleep hours across the week.' }, { label:'Month', src:'assets/screen-month.png', note:'Monthly performance, trend line and consistency calendar.' }, ]; return (
03 / Dashboard

See the pattern.
Move the needle.

Daily overview, weekly trends, monthly breakdowns. Every log turns into a signal — training load, nutrition quality, sleep consistency, streaks, improvements.

{screens.map((s, idx) => ( {s.label} ))}
{screens.map((s,i) => ( setTab(i)} style={{cursor:'pointer',userSelect:'none',padding:'8px 16px',fontSize:12}}>{s.label} ))}

{screens[tab].label}{tab===0?'ly':tab===1?'ly':'ly'} view

{screens[tab].note}

    {[ { t:'Daily log', d:'Training + nutrition + sleep, logged in under 60 seconds.', n:'01'}, { t:'Weekly trends', d:'Load, recovery, fuel quality — all scored, all charted.', n:'02'}, { t:'Monthly breakdowns', d:'Long-term performance trends that reveal the real you.', n:'03'}, { t:'Streaks + reports', d:'Consistency is king. We\'ll keep you honest.', n:'04'}, ].map(it => (
  • {it.n}
    {it.t}
    {it.d}
    • ))}
); }; // ---------------- WALKTHROUGH ---------------- const Walkthrough = () => { const screens = [ { src:'assets/screen-journal.png', num:'01', t:'Journal', d:'Every log stored in a structured journal. Review past days, track consistency, reflect on performance — with a private Note of the Day only you see.' }, { src:'assets/screen-reports.png', num:'02', t:'Reports', d:'Weekly, monthly and yearly reports unlock as you log. Earn them through consistency — not just time spent in the app.' }, { src:'assets/screen-friends.png', num:'03', t:'Friends', d:'Add teammates, stay accountable, share streaks. The social layer that keeps athletes consistent — opt-in, never noisy.' }, ]; return (
04 / Walkthrough

Built like a system.
Not a checklist.

Every tab reinforces the next. Log once. See it reflected in your journal, reports, coach and friends feed — instantly.

{screens.map((s,i) => (
{i%2===0 ? ( <>
{s.num} / FEATURE

{s.t}

{s.d}

) : ( <>
{s.num} / FEATURE

{s.t}

{s.d}

)}
))}
); }; // ---------------- SPORTS ---------------- const Sports = () => { const sports = [ { n:'Soccer', d:'Matches · Tactics', ic:'⚽'}, { n:'Basketball', d:'Games · Drills', ic:'🏀'}, { n:'Boxing', d:'Rounds · Sparring', ic:'🥊'}, { n:'Tennis', d:'Matches · Volume', ic:'🎾'}, { n:'Football', d:'Games · Plays', ic:'🏈'}, { n:'Cricket', d:'Overs · Batting', ic:'🏏'}, ]; return (
04 / Sport-specific

Your sport.
Your metrics.

I Can isn't a generic fitness app. Every sport gets custom inputs, relevant metrics, and AI coaching tuned to the demands of what you actually play.

{sports.map(s => (
{s.ic}
{s.n}
{s.d}
))}
); }; // ---------------- BIG MANTRA ---------------- const BigMantra = () => (
The mantra

Embrace
The Challenge.

); // ---------------- FINAL CTA ---------------- const FinalCTA = () => (
LIVE NOW · iPhone

Improve.
Every single day.

The system is built. The app is live. Your next 1% is one download away.

); // ---------------- FOOTER ---------------- const Footer = () => ( ); Object.assign(window, { Nav, Hero, Commercial, HowItWorks, AICoach, Dashboard, Walkthrough, Sports, BigMantra, FinalCTA, Footer, AppStoreBadge });