Add Hero image Paragraph [4h]

[amitaibu]

Reference from CTA:

1. Similar to Drupal's Paragraph type -

   ihp-cms-starter/Application/Schema.sql

   Lines 33 to 40 in 738892c

   	CREATE TABLE paragraph_ctas (
   	id UUID DEFAULT uuid_generate_v4() PRIMARY KEY NOT NULL,
   	landing_page_id UUID NOT NULL,
   	weight INT DEFAULT 0 NOT NULL,
   	title TEXT NOT NULL,
   	body TEXT NOT NULL,
   	ref_landing_page_id UUID DEFAULT uuid_generate_v4() NOT NULL
   	);

2. Define the type of the Render -

   ihp-cms-starter/Web/Element/Types.hs

   Lines 51 to 55 in 738892c

   	data RenderCta = RenderCta
   	{ title :: Text
   	, body :: Text
   	, button :: RenderButton
   	}

3. Similar to Drupal's Trait - https://github.com/amitaibu/ihp-cms-starter/blob/738892c31083a249603921ce8f72aa1a12f76c7f/Web/Element/Cta.hs
4. Add to the /StyleGuide page -

   ihp-cms-starter/Web/View/StyleGuide/Index.hs

   Lines 47 to 56 in 738892c

   	cta = RenderCta
   	{ title = "Hello, World!"
   	, body = "This is a test of the __emergency__ broadcast system."
   	, button = RenderButton
   	{ text = "Click me!"
   	, url = "/"
   	, isPrimary = False
   	}
   	}
   	|> Web.Element.Cta.render

5. Like Drupal's PEVB, handover dynamic data to the trait -

   ihp-cms-starter/Web/View/LandingPages/Show.hs

   Lines 67 to 78 in 738892c

   	renderParagraphCta :: ParagraphCta -> Html
   	renderParagraphCta paragraphCta =
   	RenderCta
   	{ title = paragraphCta.title
   	, body = paragraphCta.body
   	, button = RenderButton
   	{ text = "Read More"
   	, url = pathTo $ ShowLandingPageAction paragraphCta.landingPageId
   	, isPrimary = False
   	}
   	}
   	|> Web.Element.Cta.render