booking.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import {
  Form,
  FormInput,
  FormTextArea,
  FormRadioGroup,
  FormButton,
  DatePickerInput,
  TimePickerInput,
} from '@/components/form'
import { Grid } from '@/components/grid'

export default function Booking() {
  return (
    <Section className="py-30 bg-body">
      <div className="max-w-3xl mx-auto">
        <Heading
          as="h2"