highlights.tsx

import { Section } from '@/components/section'
import { Grid } from '@/components/grid'
import { Card1 } from '@/components/card-1'

export default function Highlights() {
  return (
    <Section className="pt-30 lg:pt-50 pb-30 bg-gradient-to-b from-body to-body-light">
      <Grid>
        <Card1
          id="1"
          title="Portfolio"
          image="/portfolio/fotoaibe/pexels-fotoaibe-1643384.jpg"
          href="/portfolio"
          alt="Luxury home interior design"
        />
        <Card1
          id="2"
          title="Client Testimonials"
          image="/portfolio/fotoaibe/pexels-fotoaibe-1571453.jpg"
          href="/testimonials"