Install

import { Section, Link, Hr, Text } from "@react-email/components";

<Section className="mt-[20px]">
  <Hr className="max-w-[150px] mb-4" align="left" style={{ backgroundColor: '#f3f4f6' }} />
  <Link href="#" className="text-[16px] text-blue-600 underline underline-offset-2">
    MidnightUI Dev Log →
  </Link>
  <Text className="text-[16px] text-gray-600">
    Weekly new updates and improvements to MidnightUI.
  </Text>
  <Hr className="max-w-[150px] mb-4" align="left" style={{ backgroundColor: '#f3f4f6' }} />
  <Link href="#" className="text-[16px] text-blue-600 underline underline-offset-2">
    Follow us on LinkedIn →
  </Link>
  <Text className="text-[16px] text-gray-600">
    Stay up-to-date with the latest announcements and jobs.
  </Text>
  <Hr className="max-w-[150px] mt-6 mb-4" align="left" style={{ backgroundColor: '#f3f4f6' }} />
  <Link href="#" className="text-[16px] text-blue-600 underline underline-offset-2">
    Why we are building MidnightUI →
  </Link>
  <Text className="text-[16px] text-gray-600">
    MidnightUI is the new wave of email design systems.
  </Text>
  <Hr className="max-w-[150px] mt-6 mb-4" align="left" style={{ backgroundColor: '#f3f4f6' }} />
</Section>