import { companyInfo } from '@/lib/company';
import LayoutContainer from '@/components/layout/LayoutContainer';
import InstagramLink from '@/components/ui/InstagramLink';
import styles from './ContactInfo.module.css';

export default function ContactInfo() {
  const instagramUrl = `https://instagram.com/${companyInfo.instagram}`;

  return (
    <section className={styles.contactInfo}>
      <LayoutContainer>
        <h1 className={styles.title}>Контакты</h1>
        <p className={styles.text}>
          Вы всегда можете написать мне в Instagram
        </p>
        <div className={styles.instagramBlock}>
          <p className={styles.instagramText}>
            Instagram:{' '}
            <a
              href={instagramUrl}
              target="_blank"
              rel="noopener noreferrer"
              className={styles.instagramLink}
            >
              @{companyInfo.instagram}
            </a>
          </p>
          <InstagramLink>Перейти в Instagram</InstagramLink>
        </div>
      </LayoutContainer>
    </section>
  );
}

