import Head from 'next/head';
import React from 'react';

import { brand } from './marketingData';

type Props = {
  title: string;
  description: string;
  keywords?: string;
};

export default function MarketingSeo({ title, description, keywords }: Props) {
  const fullTitle = `${title} | ${brand.name}`;

  return (
    <Head>
      <title>{fullTitle}</title>
      <meta name="description" content={description} />
      <meta
        name="keywords"
        content={keywords || 'Ethiopian coffee export, specialty coffee, green coffee beans, single origin coffee'}
      />
    </Head>
  );
}
