// app/projects/[id]/page.tsx
import { createClient } from '@/lib/supabase'
import { Timeline } from '@/components/timeline'

export default async function ProjectPage({ params }) {
  const db = createClient()
  const { data: project } = await db
    .from('projects')
    .select('*, stages(*), payments(*)')
    .eq('id', params.id)
    .single()

  return (
    <main dir="rtl">
      <Timeline steps={project.stages} />
      <Payments items={project.payments} />
    </main>
  )
}

// api/checkout/route.ts
export async function POST(req: Request) {
  const { plan } = await req.json()
  const session = await pay.create({
    amount: plan.price, currency: 'SAR',
    methods: ['mada', 'applepay', 'visa'],
  })
  return Response.json({ url: session.url })
}

// CourseView.swift
import SwiftUI

struct CourseView: View {
  @State private var lessons: [Lesson] = []
  let course: Course

  var body: some View {
    List(lessons) { lesson in
      LessonRow(lesson: lesson)
    }
    .navigationTitle(course.title)
    .task { await load() }
  }

  func load() async {
    lessons = try? await API.lessons(course.id)
  }
}

-- schema.sql
create table projects (
  id          uuid primary key default gen_random_uuid(),
  client_id   uuid references clients(id),
  title       text not null,
  timeline    text default 'contract_payment',
  created_at  timestamptz default now()
);