featured.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Image } from '@/components/image'
import { Grid } from '@/components/grid'
import { Label } from '@/components/label'

export default function Featured() {
  return (
    <Section
      className="relative py-30 overflow-hidden bg-overlay/70 px-0"
      innerAlign="content"
    >
      <div className="absolute inset-0 w-full -z-1">
        <Image
          src="/images/layout-4/pexels-jonathanborba-2878738.jpg"
          alt="Signature dish"
          className="w-full h-full object-cover"
          size="full"
        />