deriv-com / deriv-com-v2 / 6745621639

import { Card, OptimizedImage } from '@deriv-com/components';

import { Button } from '@deriv/quill-design';

export const CTABlockContent = () => {

  const scrollTop = (value = 0) => {

  return (

    <Card.ContentRight

      className="lg:gap-gap-lg"

      align="start"

      size="lg"

      header="Join over 2.5 million online traders"

      color="gray"

      content={

        <OptimizedImage

          className="block"

          imageName="home/hero/cta_image.png"

          width={1232}

          height={711}

          alt="cta demo forex mobile"

        />

      }

    >

      <Button

        colorStyle="black"

        className="lg:mt-400"

        size="lg"

        onClick={() => scrollTop()}

      >

        Get a demo forex account

      </Button>

    </Card.ContentRight>

  );

};