contact-info.tsx

import { Section } from '@/components/section'
import { Columns, Column } from '@/components/columns'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Grid } from '@/components/grid'
import { CardContact } from '@/components/card-contact'
import phoneIcon from '@iconify/icons-lucide/phone'
import starIcon from '@iconify/icons-lucide/star'
import mapPinIcon from '@iconify/icons-lucide/map-pin'
import mailIcon from '@iconify/icons-lucide/mail'

export default function ContactInfo() {
  return (
    <Section className="py-20 md:py-30 bg-accent4 relative">
      <Columns
        gap="gap-10 lg:gap-20"
        cols="grid-cols-1 lg:grid-cols-[2fr_3fr]"
        reverseColumns={false}
        align="items-start"
      >