reservation.tsx

import { Section } from '@/components/section'
import { Columns, Column } from '@/components/columns'
import { Heading } from '@/components/heading'
import { Form, FormInput, FormTextArea, FormButton } from '@/components/form'
import { Image } from '@/components/image'
import { Accent } from '@/components/accent'
import { Paragraph } from '@/components/paragraph'
import { Grid } from '@/components/grid'

export default function Reservation() {
  return (
    <Section className="py-30 bg-body relative">
      <Columns
        reverseColumns={true}
        align="items-center"
      >
        <Column className="aspect-8/9 relative flex items-center">
          <div className="relative w-full">
            <Image
              src="/images/layout-4/pexels-reneterp-1581384.jpg"