1 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
2 @using Dynamicweb;
3 @using Dynamicweb.Frontend;
4 @using Dynamicweb.Content.Items;
5 @using Bluedesk.DynamicWeb.ItemTypes;
6 @using Bluedesk.Tools.DynamicWeb.DataAccess;
7
8 @using System.Runtime.Caching;
9
10
11 @{
12 /* var paragraphID = Pageview.CurrentParagraph.ID;
13 CTAParagraph _data = Dynamicweb.Services.Items.GetItem("CTAParagraph", Pageview.CurrentParagraph.ItemId).ToCodeFirstItem<CTAParagraph>() ?? new CTAParagraph(); */
14
15 /* Hack */
16
17 var paragraphID = Pageview.CurrentParagraph.ID;
18 CTAParagraph _data = new CTAParagraph();
19
20 int CacheTime = 5;
21 MemoryCache memCache = MemoryCache.Default;
22 string cacheKey = $"CTAParagraph_{paragraphID}-{Pageview.AreaID}";
23
24 if (Pageview.IsVisualEditorMode)
25 {
26 var cache = MemoryCache.Default;
27 memCache.Remove($"CTAParagraph_{paragraphID}-{Pageview.AreaID}");
28 }
29
30 if (memCache.Contains(cacheKey))
31 {
32 _data = memCache.Get(cacheKey) as CTAParagraph;
33
34 if (_data == null)
35 {
36 _data = Dynamicweb.Content.Services.Items.GetItem("CTAParagraph", Pageview.CurrentParagraph.ItemId).ToCodeFirstItem<CTAParagraph>() ?? new CTAParagraph();
37 memCache.Set(cacheKey, _data, DateTimeOffset.UtcNow.AddMinutes(CacheTime));
38
39 }
40
41 }
42 else
43 {
44 _data = Dynamicweb.Content.Services.Items.GetItem("CTAParagraph", Pageview.CurrentParagraph.ItemId).ToCodeFirstItem<CTAParagraph>() ?? new CTAParagraph();
45 memCache.Set(cacheKey, _data, DateTimeOffset.UtcNow.AddMinutes(CacheTime));
46 }
47
48 /* End Hack */
49
50 List<string> BackgroundConfigIdList = ((List<string>)Dynamicweb.Context.Current.Items["BackgroundConfigIdList"]) ?? new List<string>();
51 BackgroundConfigIdList.Add(_data.BackgroundConfigurationID);
52 Dynamicweb.Context.Current.Items["BackgroundConfigIdList"] = BackgroundConfigIdList;
53
54 string contentRightClass = _data.ImagePosition.Equals("right") ? "image-right" : "image-left";
55
56 string newWindow = _data.Button.NewWindow ? "target='_blank'" : "";
57 string ariaLabel = !string.IsNullOrWhiteSpace(_data.Button.ButtonAriaLabel) ? "aria-label='" + _data.Button.ButtonAriaLabel + "'" : "";
58 bool clickableBlock = !string.IsNullOrWhiteSpace(_data.Button.GetLink(Pageview)) && _data.Clickable;
59 string clickableClass = clickableBlock ? "cta-paragraph__container--clickable" : "";
60 string ctaHasBackgroundImageClass = _data.ImageAsBackground ? "cta-paragraph--hasbackgroundimg" : "";
61
62 bool hasContent = !string.IsNullOrWhiteSpace(_data.Button.ButtonText) || !string.IsNullOrWhiteSpace(_data.Content.Text) || !string.IsNullOrWhiteSpace(_data.Header.HeaderFormatted());
63 double ColumnWidthSize = hasContent ? 0.5 : 1;
64
65 // string backgroundClass = getbackgroundclass(_data.BackgroundConfiguration.BackgroundClass);
66
67 string AnimateDirection = !string.IsNullOrWhiteSpace(_data.AnimateDirection) ? _data.AnimateDirection : "";
68 bool AnimateHalfBlock = false;
69 int AnimationDuration = _data.AnimateDuration;
70 string DataAosValue = "";
71
72 switch (AnimateDirection)
73 {
74 case "left":
75 DataAosValue = "fade-left";
76 break;
77
78 case "right":
79 DataAosValue = "fade-right";
80 break;
81
82 case "up":
83 DataAosValue = "fade-up";
84 break;
85
86 case "down":
87 DataAosValue = "fade-down";
88 break;
89
90 case "center":
91 AnimateHalfBlock = true;
92 break;
93
94 case "":
95 case "none":
96 // No action
97 break;
98 }
99
100 string ParagraphHeight = _data.Height == 0 ? "auto" : _data.Height + "px";
101
102 }
103
104 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
105 @using Dynamicweb;
106 @using Dynamicweb.Content.Items;
107 @using Bluedesk.DynamicWeb.ItemTypes;
108
109 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
110 @using Dynamicweb;
111 @using Dynamicweb.Content.Items;
112 @using Bluedesk.DynamicWeb.ItemTypes;
113
114 @functions {
115
116 Dictionary<string, string> GetFontConfiguration(string TextColor, FontConfigurationItemTab FontConfiguration)
117 {
118 var colorService = new ColorSwatchService();
119 TextColor = !string.IsNullOrWhiteSpace(TextColor) ? TextColor : "" ;
120 TextColor = !TextColor.Contains("#") ? colorService.GetHexColor(Pageview.AreaID, TextColor) : TextColor;
121 Dictionary<string, string> FontConfig = new Dictionary<string, string>() {
122 { "textColor" , TextColor },
123 { "fontSize" , FontConfiguration.FontSize },
124 { "lineHeight", FontConfiguration.LineHeight},
125 { "fontFamily" , FontConfiguration.FontConfiguration.FontFamily },
126 { "fontWeight" , FontConfiguration.FontWeight },
127 { "fontStyle" , FontConfiguration.FontStyle }
128 };
129 return FontConfig;
130 }
131
132 public string GenerateButtonConfigVariables(ButtonConfiguration BC, MasterConfig mc, int areaId)
133 {
134 string ButtonLabelAlignment = BC.ButtonLabelAlignment;
135 switch (ButtonLabelAlignment)
136 {
137 case "align-left":
138 ButtonLabelAlignment = "flex-start";
139 break;
140 case "align-center":
141 ButtonLabelAlignment = "center";
142 break;
143 case "align-right":
144 ButtonLabelAlignment = "flex-end";
145 break;
146 case "align-full":
147 ButtonLabelAlignment = "space-between";
148 break;
149 default:
150 ButtonLabelAlignment = "flex-start";
151 break;
152 }
153
154 var btnStyleBlock = new System.Text.StringBuilder();
155
156 // General Config
157 btnStyleBlock.Append(GenerateCssVar("btn-min-height", $"{mc.GeneralConfiguration.ButtonHeight}px"));
158 btnStyleBlock.Append(GenerateCssVar("btn-border-radius", $"{mc.GeneralConfiguration.RoundedCornerValue}px"));
159
160 // Button Config
161 btnStyleBlock.Append(GenerateCssVar("btn-border-width", $"{BC.BorderSize.ToString()}px"));
162 btnStyleBlock.Append(GenerateCssVar("btn-label-alignment", ButtonLabelAlignment));
163
164 // Button Config Tab
165 btnStyleBlock.Append(GenerateCssVar("btn-bg-color", BC.ButtonColorConfiguration.BackgroundColor.GetColorCode(areaId)));
166 btnStyleBlock.Append(GenerateCssVar("btn-font-color", BC.ButtonColorConfiguration.FontColor.GetColorCode(areaId)));
167 btnStyleBlock.Append(GenerateCssVar("btn-border-color", BC.ButtonColorConfiguration.BorderColor.GetColorCode(areaId)));
168
169 // Button Config Hover tab
170 btnStyleBlock.Append(GenerateCssVar("btn-bg-color-hover", BC.ButtonHoverColorConfiguration.BackgroundColor.GetColorCode(areaId)));
171 btnStyleBlock.Append(GenerateCssVar("btn-font-color-hover", BC.ButtonHoverColorConfiguration.FontColor.GetColorCode(areaId)));
172 btnStyleBlock.Append(GenerateCssVar("btn-border-color-hover", BC.ButtonHoverColorConfiguration.BorderColor.GetColorCode(areaId)));
173
174 // Button Config Font Config
175 btnStyleBlock.Append(GenerateCssVar("btn-font-size", BC.FontConfiguration.FontSize));
176 btnStyleBlock.Append(GenerateCssVar("btn-font-config-color", BC.FontConfiguration.Color.GetColorCode(areaId)));
177 btnStyleBlock.Append(GenerateCssVar("btn-font-line-height", BC.FontConfiguration.LineHeight));
178 btnStyleBlock.Append(GenerateCssVar("btn-font-family", BC.FontConfiguration.FontConfiguration.FontFamily));
179 btnStyleBlock.Append(GenerateCssVar("btn-font-weight", BC.FontConfiguration.FontWeight));
180 btnStyleBlock.Append(GenerateCssVar("btn-font-transform", BC.FontConfiguration.FontStyle));
181
182 return btnStyleBlock.ToString();
183 }
184
185 public string GenerateCssVar(string name, string value)
186 {
187 if (!string.IsNullOrWhiteSpace(value)) {
188 return $"--{name}: {value};";
189 } else {
190 return "";
191 }
192 }
193 }
194
195
196 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
197 @using Dynamicweb;
198 @using Dynamicweb.Content.Items;
199 @using Bluedesk.DynamicWeb.ItemTypes;
200 @using Bluedesk.DynamicWeb.ItemTypes.Configuration;
201
202
203 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
204 @using Dynamicweb;
205 @using Dynamicweb.Content.Items;
206 @using Bluedesk.DynamicWeb.ItemTypes;
207 @using Bluedesk.DynamicWeb.ItemTypes.Extensions;
208 @using Bluedesk.DynamicWeb.ItemTypes.Configuration;
209 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration;
210 @using Dynamicweb;
211 @using Dynamicweb.Frontend
212 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
213
214 @helper RenderButton(CTAButton button, PageView Pageview)
215 {
216
217 if (!string.IsNullOrWhiteSpace(button.GetLink(Pageview)))
218 {
219 string Template = button.GetButtonTemplate().Replace("{{ ButtonLink }}", button.GetLink(Pageview));
220 @Template;
221 }
222 }
223
224
225 @{
226
227 var colorService = new ColorSwatchService();
228
229 string fullWidthContainerClass = _data.Fullwidth ? "" : "container";
230
231 string backgroundClass = !string.IsNullOrWhiteSpace(_data.BackgroundConfiguration.BackgroundClass) ? string.Format("bg-{0}", _data.BackgroundConfiguration.BackgroundClass) : "";
232 string backgroundStyle = !string.IsNullOrWhiteSpace(_data.BackgroundConfiguration.BackgroundColor) ? $"background-color: {_data.BackgroundConfiguration.BackgroundColor}; " : "";
233 backgroundStyle += !string.IsNullOrWhiteSpace(_data.BackgroundConfiguration.BackgroundImage) ? $"background-image: url({_data.BackgroundConfiguration.BackgroundImage}); " : "";
234
235 // string backgroundClass = "null";
236 // string backgroundStyle = "";
237 }
238
239
240 @functions {
241 //string getbackgroundclass(string backgroundClass)
242 //{
243 // return !string.IsNullOrWhiteSpace(backgroundClass) ? string.Format("bg-{0}", backgroundClass) : "";
244 //}
245 }
246
247 @helper CTAParagraphImage(
248 ParagraphImageResizable Image,
249 bool hasContent,
250 bool ImageAsBackground,
251 string ImagePosition,
252 bool ParallaxImage,
253 bool Fullwidth,
254 string imagesHeight,
255 double ColumnWidthSize,
256 int AnimationDuration = 300,
257 bool AnimateHalfBlock = false
258 )
259 {
260 if (!string.IsNullOrWhiteSpace(Image.Image))
261 {
262
263 string image = !string.IsNullOrWhiteSpace(Image.Image) ? Image.Image : null;
264 imagesHeight = hasContent ? imagesHeight : "100%";
265 imagesHeight = !string.IsNullOrWhiteSpace(imagesHeight) ? "height: " + imagesHeight + ";" : "";
266
267 string imageParrallax = ParallaxImage ? "rellax" : "";
268 string imageAsBackground = ImageAsBackground ? "cta-paragraph__image--is-background" : "";
269 double imageWidth = 2000;
270
271 imageWidth = Fullwidth ? imageWidth : 1200;
272 imageWidth = !ImageAsBackground ? imageWidth * ColumnWidthSize : imageWidth;
273
274 string strImageWidth = imageWidth + "px";
275 string strImageWidthSize = imageWidth + "w";
276
277 string ImageUrl;
278 if (image.EndsWith(".gif"))
279 {
280 ImageUrl = image;
281 }
282 else
283 {
284 ImageUrl = "/Admin/Public/GetImage.ashx?Image=" + image + "&Crop=7&Format=webp&Quality=90&Compression=80";
285 ImageUrl = ImageUrl.Replace("?x", "&x");
286 }
287
288 string animationDirection = AnimateHalfBlock ? ImagePosition.Equals("right") ? "fade-left" : "fade-right" : "";
289
290 if (!string.IsNullOrWhiteSpace(Image.Image))
291 {
292
293 <figure class="cta-paragraph__image-container @imageAsBackground @Image.PositionY @Image.PositionX" style="@imagesHeight" data-aos="@animationDirection" data-aos-duration="@AnimationDuration">
294
295 <picture class="cta-paragraph__image @Image.BackgroundSize @imageParrallax">
296 @if (ImageUrl.EndsWith(".gif"))
297 {
298 <source media="(max-width: 400px)" srcset="@ImageUrl&Width=400">
299 <source media="(max-width: 994px)" srcset="@ImageUrl&Width=994">
300 <img src="@ImageUrl" loading="lazy" alt="@Image.ImageAlt" class="cta-paragraph__image @Image.BackgroundSize @imageParrallax" width="1980" height="500">
301 }
302 else
303 {
304 <source media="(max-width: 400px)" srcset="@ImageUrl&Width=400">
305 <source media="(max-width: 994px)" srcset="@ImageUrl&Width=994">
306 <img src="@ImageUrl&Width=@imageWidth" loading="lazy" alt="@Image.ImageAlt" class="cta-paragraph__image @Image.BackgroundSize @imageParrallax" width="1980" height="500">
307 }
308 </picture>
309
310 </figure>
311 }
312 }
313 }
314
315 @helper CTAParagraphContent(
316 int paragraphID,
317 ParagraphHeader Header,
318 ParagraphHeader SubHeader,
319 ParagraphContent Content,
320 CTAButton Button,
321 CTAButton ExtraButton,
322 ParagraphImage Image,
323 bool strCenterVertical,
324 string ImagePosition = "",
325 int AnimationDuration = 300,
326 bool AnimateHalfBlock = false
327 )
328 {
329
330 bool hasImage = !string.IsNullOrWhiteSpace(Image.Image) ? true : false;
331 string noImageClass = hasImage ? "" : "no-image";
332
333 string centerTextClass = strCenterVertical ? "text-center" : "";
334 string centerContent = !string.IsNullOrWhiteSpace(Image.Image) ? "" : "cta-paragraph__content--center";
335
336 string paragraphInstanceClass = "cta-paragraph__content--" + paragraphID;
337
338 string animationDirection = (AnimateHalfBlock && hasImage) ? ImagePosition.Equals("right") ? "fade-right" : "fade-left" : "";
339
340 if (!string.IsNullOrWhiteSpace(Button.ButtonText) || !string.IsNullOrWhiteSpace(Content.Text) || !string.IsNullOrWhiteSpace(Header.HeaderFormatted("cta-paragraph__header")))
341 {
342
343 <section class="cta-paragraph__content @paragraphInstanceClass @centerContent @noImageClass" data-aos="@animationDirection" data-aos-duration="@AnimationDuration">
344
345 <article class="cta-paragraph__content-container @noImageClass">
346
347 @if (!string.IsNullOrWhiteSpace(Header.HeaderFormatted("cta-paragraph__header")))
348 {
349 <header class="cta-paragraph__header @centerTextClass">
350 @if (SubHeader != null)
351 {
352 @SubHeader.HeaderFormatted("cta-paragraph__subheader")
353 }
354 @Header.HeaderFormatted("cta-paragraph__header")
355 </header>
356 }
357
358 @if (!string.IsNullOrWhiteSpace(Content.Text))
359 {
360 <div class="cta-paragraph__text @centerTextClass">@Content.Text</div>
361 }
362
363 @if (!string.IsNullOrWhiteSpace(Button.GetLink(Pageview)) && !string.IsNullOrWhiteSpace(Button.ButtonText))
364 {
365 <nav class="cta-paragraph__btn-navigation @centerTextClass">
366 @RenderButton(Button, Pageview)
367 @RenderButton(ExtraButton, Pageview)
368 </nav>
369 }
370
371 </article>
372 </section>
373
374 }
375
376 }
377
378 @helper CTAParagraphVideo(ParagraphVideo Video, string imagesHeight)
379 {
380 if (!string.IsNullOrWhiteSpace(Video.YoutubeLink) || !string.IsNullOrWhiteSpace(Video.VimeoLink))
381 {
382 string YoutubeID = Video.YoutubeId;
383 string YoutubeLink = Video.YoutubeLink;
384
385 string VimeoID = Video.VimeoId;
386 string VimeoLink = Video.VimeoLink;
387
388 int CleanVideo = Video.Clean ? 1 : 0;
389 int ShowControls = Video.ShowControls ? 1 : 0;
390 int AutoPlay = Video.AutoPlay ? 1 : 0;
391 int LoopVideo = Video.LoopVideo ? 1 : 0;
392 int MuteAudio = Video.MuteAudio ? 1 : 0;
393 string hideControlsClass = Video.ShowControls ? "video-player-wrapper--hidecontrols" : "";
394 string origin = Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain();
395 imagesHeight = !string.IsNullOrWhiteSpace(imagesHeight) ? "height: " + imagesHeight + ";" : "";
396
397 if (!string.IsNullOrWhiteSpace(YoutubeLink))
398 {
399 if(AutoPlay == 1)
400 {
401 <section class="cta-paragraph__video-container" style="@imagesHeight">
402 <div class="">
403 <div class="video-player-wrapper @hideControlsClass">
404 <iframe class="video-player" loading="lazy" data-video="@YoutubeID" frameborder="0" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" src="https://www.youtube-nocookie.com/embed/@YoutubeID?autoplay=@AutoPlay&controls=@ShowControls&loop=@LoopVideo&playlist=@YoutubeID&playsinline=1&modestbranding=@CleanVideo&mute=@MuteAudio&rel=0&enablejsapi=1&origin=@origin&disablekb=0"></iframe>
405 </div>
406 </div>
407 </section>
408 }
409 else
410 {
411 <lite-youtube videoid="@YoutubeID" params="controls=@ShowControls&loop=@LoopVideo&playlist=@YoutubeID&playsinline=1&modestbranding=@CleanVideo&mute=@MuteAudio&rel=0&enablejsapi=1&origin=@origin&disablekb=0"></lite-youtube>
412 }
413 }
414 if (!string.IsNullOrWhiteSpace(VimeoLink))
415 {
416 <section class="cta-paragraph__video-container" style="@imagesHeight">
417 <div class="">
418 <div class="video-player-wrapper">
419 <iframe class="video-player" loading="lazy" data-video="@VimeoID" frameborder="0" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="Vimeo video player" src="https://player.vimeo.com/video/@VimeoID?title=0&byline=0&portrait=0&autoplay=@AutoPlay&controls=@ShowControls&loop=@LoopVideo&muted=@MuteAudio"></iframe>
420 </div>
421 </div>
422 </section>
423 }
424 }
425 }
426
427 @helper CTAParagraphIcon(ParagraphIcon Icon, bool strCenterVertical)
428 {
429 if (!string.IsNullOrWhiteSpace(Icon.FaIcon))
430 {
431 string centerIconClass = strCenterVertical ? "justify-center" : "justify-start";
432 string iconSizeClass = string.Format("cta-paragraph__icon--{0}", Icon.FaIconSize);
433
434 <div class="cta-paragraph__icon-container">
435 <div class="cta-paragraph__icon-inner-container @centerIconClass">
436 <span class="cta-paragraph__icon @iconSizeClass">@Icon.FaIcon</span>
437 </div>
438 </div>
439 }
440 }
441
442 @helper RenderContentAlignment(BackgroundConfiguration data)
443 {
444
445 switch (data.ContentElementAlign)
446 {
447 case "align-left":
448 <text>
449 align-items: flex-start;
450 text-align: left;
451 </text>
452 break;
453 case "align-center":
454 <text>
455 align-items: center;
456 text-align: center;
457 </text>
458 break;
459 case "align-right":
460 <text>
461 align-items: flex-end;
462 text-align: right;
463 </text>
464 break;
465 case "align-full":
466 <text>
467 align-items: flex-start;
468 text-align: justify;
469 </text>
470 break;
471 }
472
473 }
474
475
476 <style>
477
478 @@media screen and (min-width: 991px) {
479 .cta-paragraph__container--@paragraphID {
480 height: @ParagraphHeight !important;
481 }
482 }
483
484 </style>
485
486 @if (_data != null)
487 {
488
489 string BackgroundPadding = _data.BackgroundConfiguration.backgroundPadding;
490
491 bool Containerfit = _data.BackgroundConfiguration.ContainerFit == "Fit" ? true : false;
492 if (!string.IsNullOrWhiteSpace(contentRightClass))
493 {
494 contentRightClass = Containerfit ? "" : contentRightClass;
495 }
496
497 string backgroundImageRepeatClass = _data.BackgroundConfiguration.BackgroundImageRepeat;
498 string backgroundImageSizeClass = "";
499
500 string BackgroundImagePositionX = _data.BackgroundConfiguration.BackgroundImagePositionX;
501 string BackgroundImagePositionY = _data.BackgroundConfiguration.BackgroundImagePositionY;
502
503
504 string BackgroundImagePositionClass = "";
505
506 if (backgroundImageRepeatClass == "no-repeat")
507 {
508 BackgroundImagePositionClass = BackgroundImagePositionY + "-" + BackgroundImagePositionX;
509 backgroundImageSizeClass = _data.BackgroundConfiguration.BackgroundImageSize;
510 }
511
512 string shadowClass = _data.BackgroundConfiguration.contentShadow ? "contentShadow" : "";
513
514 <section class="cta-paragraph cta-paragraph--@paragraphID config--@_data.BackgroundConfigurationID @backgroundClass @_data.CssClass @backgroundImageRepeatClass @BackgroundImagePositionClass @backgroundImageSizeClass @BackgroundPadding @ctaHasBackgroundImageClass" style="@backgroundStyle" data-paragraphid="@paragraphID" id="@paragraphID" data-aos="@DataAosValue" data-aos-duration="@AnimationDuration">
515
516 <div class="cta-paragraph__container cta-paragraph__container--@paragraphID @fullWidthContainerClass @clickableClass @contentRightClass @shadowClass">
517
518 <style>
519
520 .cta-paragraph--@paragraphID .cta-paragraph__content {
521 @if (Containerfit)
522 {
523 <text>
524 flex-grow: 0;
525 </text>
526 }
527 }
528
529 .cta-paragraph--@paragraphID .cta-paragraph__image-container {
530 @if (Containerfit)
531 {
532 <text>
533 position: absolute;
534 top: 0;
535 left: 0;
536 right: 0;
537 bottom: 0;
538 </text>
539 }
540 }
541
542 </style>
543
544 @CTAParagraphImage(
545 _data.Image,
546 true,
547 _data.ImageAsBackground,
548 _data.ImagePosition,
549 _data.ParallaxImage,
550 _data.Fullwidth,
551 "",
552 ColumnWidthSize,
553 AnimationDuration,
554 AnimateHalfBlock
555 )
556 @CTAParagraphContent(
557 paragraphID,
558 _data.Header,
559 _data.SubHeader,
560 _data.Content,
561 _data.Button,
562 _data.ExtraButton,
563 _data.Image,
564 _data.CenterVertical,
565 _data.ImagePosition,
566 AnimationDuration,
567 AnimateHalfBlock
568 )
569
570 @if (clickableBlock)
571 {
572 <a href="@_data.Button.GetLink(Pageview)" class="cta-paragraph__clickable" @newWindow @ariaLabel></a>
573 }
574
575 </div>
576
577 </section>
578 }
579
