Call to Action

import React from 'react';
import Button from './Button';

const Cta = ({ headline, copy, ctaText, href }) => {
  return (
    <section
      className={`flex min-h-[26rem] w-full items-center justify-center bg-white}`}
    >
      <div className="width-wrapper flex max-w-[48rem] flex-col items-center gap-3 py-20 text-center text-black md:px-24 md:py-40">
        <h3 className={`headline-xl-bold`}>{headline && headline}</h3>
        {copy && (
        <p>{copy}</p>
        )}
        <Button
          link={href ? href : '/request-a-demo'}
          text={href ? ctaText : 'Request a Demo'}
        />
      </div>
    </section>
  );
};
export default Cta;

More Components

Button

There is no description. Have a poem instead.

When I heard the learn’d astronomer,
When the proofs, the figures, were ranged in columns before me,
When I was shown the charts and diagrams, to add, divide, and measure them,
When I sitting heard the astronomer where he lectured with much applause in the lecture-room,
How soon unaccountable I became tired and sick,
Till rising and gliding out I wander’d off by myself,
In the mystical moist night-air, and from time to time,
Look’d up in perfect silence at the stars.

Vaiva's Pattern Library.

Call to Action

More Components

TailwindCSS Text Carousel

Button