import { createFileRoute } from '@tanstack/react-router'
import { p, AppContainer } from 'web-components'

export const Route = createFileRoute('/me/terms')({ component: TermsPage })

function TermsPage() {
  return (
    <AppContainer>
      <p className="font-bold mb-6 text-2xl">
        Terms & Conditions
      </p>

      <div className="prose prose-sm max-w-none text-gray-600">
        <p className="font-semibold mb-2 mt-4 text-gray-900">
          1. Acceptance of Terms
        </p>
        <p className="mb-4">
          By using Freshyo, you agree to these terms. If you do not agree, please
          do not use our service.
        </p>

        <p className="font-semibold mb-2 mt-4 text-gray-900">
          2. Orders and Payments
        </p>
        <p className="mb-4">
          All orders are subject to availability. We reserve the right to cancel
          any order. Payments are collected at the time of delivery (COD).
        </p>

        <p className="font-semibold mb-2 mt-4 text-gray-900">
          3. Delivery Policy
        </p>
        <p className="mb-4">
          Delivery times are estimates. We strive to deliver within the promised
          time window but delays may occur due to unforeseen circumstances.
        </p>

        <p className="font-semibold mb-2 mt-4 text-gray-900">
          4. Returns and Refunds
        </p>
        <p className="mb-4">
          If you are not satisfied with the quality of your order, please contact
          us within 24 hours of delivery. Refunds will be processed after quality
          assessment.
        </p>

        <p className="font-semibold mb-2 mt-4 text-gray-900">
          5. Privacy
        </p>
        <p className="mb-4">
          We respect your privacy. Your personal information is used only for
          order processing and delivery purposes.
        </p>
      </div>
    </AppContainer>
  )
}