src/components/SeoTags/index.tsx

import React from "react";

interface SeoTagsProps {
  title: string;
  description: string;
  image: string;
}

export const SeoTags: React.FC<SeoTagsProps> = ({ description, title, image }) => (
  <>
    <meta name="description" content={description} />

    {/* <!-- Facebook Meta Tags --> */}
    <meta property="og:url" content="https://jsoncrack.com" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content={title} />
    <meta property="og:description" content={description} />
    <meta property="og:image" content={image} />

    {/* <!-- Twitter Meta Tags --> */}
    <meta name="twitter:card" content="summary_large_image" />
    <meta property="twitter:domain" content="https://jsoncrack.com" />
    <meta property="twitter:url" content="https://jsoncrack.com" />
    <meta name="twitter:title" content={title} />
    <meta name="twitter:description" content={description} />
    <meta name="twitter:image" content={image} />
  </>
);