diff --git a/includes/RestApi/SiteGenController.php b/includes/RestApi/SiteGenController.php
index 8f2be97f3..18328fda5 100644
--- a/includes/RestApi/SiteGenController.php
+++ b/includes/RestApi/SiteGenController.php
@@ -3,7 +3,9 @@
 namespace NewfoldLabs\WP\Module\Onboarding\RestApi;
 
 use NewfoldLabs\WP\Module\Onboarding\Permissions;
+use NewfoldLabs\WP\Module\AI\SiteGen\SiteGen;
 use NewfoldLabs\WP\Module\Onboarding\Data\Services\SiteGenService;
+use NewfoldLabs\WP\Module\Onboarding\Data\Options;
 
 /**
  * Class SiteGenController
@@ -49,6 +51,35 @@ public function register_routes() {
 				'args'                => $this->sitegen_meta_args(),
 			)
 		);
+		\register_rest_route(
+			$this->namespace,
+			$this->rest_base . '/get-homepages',
+			array(
+				'methods'             => \WP_REST_Server::CREATABLE,
+				'callback'            => array( $this, 'get_homepages' ),
+				'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ),
+				'args'                => $this->get_homepages_args(),
+			)
+		);
+		\register_rest_route(
+			$this->namespace,
+			$this->rest_base . '/get-homepages-regenerate',
+			array(
+				'methods'             => \WP_REST_Server::CREATABLE,
+				'callback'            => array( $this, 'get_regenerated_homepages' ),
+				'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ),
+				'args'                => $this->get_homepages_regenerate_args(),
+			)
+		);
+		\register_rest_route(
+			$this->namespace,
+			$this->rest_base . '/favourites',
+			array(
+				'methods'             => \WP_REST_Server::CREATABLE,
+				'callback'            => array( $this, 'toggle_favourite_homepage' ),
+				'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ),
+			)
+		);
 	}
 
 	/**
@@ -73,6 +104,53 @@ public function sitegen_meta_args() {
 		);
 	}
 
+	/**
+	 * Gets the arguments for the 'get-homepages' endpoint.
+	 *
+	 * @return array The array of arguments.
+	 */
+	public function get_homepages_args() {
+		return array(
+			'site_description' => array(
+				'required'          => true,
+				'validate_callback' => function ( $param ) {
+					return is_string( $param );
+				},
+				'sanitize_callback' => 'sanitize_text_field',
+			),
+			'regenerate'       => array(
+				'required' => false,
+			),
+			// Add other parameters here as needed.
+		);
+	}
+
+	/**
+	 * Gets the arguments for the 'get-homepages' endpoint.
+	 *
+	 * @return array The array of arguments.
+	 */
+	public function get_homepages_regenerate_args() {
+		return array(
+			'site_description' => array(
+				'required'          => true,
+				'validate_callback' => function ( $param ) {
+					return is_string( $param );
+				},
+				'sanitize_callback' => 'sanitize_text_field',
+			),
+			'regenerate'       => array(
+				'required' => false,
+			),
+			'slug'             => array(
+				'required' => false,
+			),
+			'colorPalettes'    => array(
+				'required' => false,
+			),
+		);
+	}
+
 	/**
 	 * Gets all the valid Identifiers
 	 *
@@ -105,4 +183,126 @@ public function generate_sitegen_meta( \WP_REST_Request $request ) {
 		// TODO Implement the main function and do computations if required.
 		return SiteGenService::instantiate_site_meta( $site_info, $identifier, $skip_cache );
 	}
+
+	/**
+	 * Gets the preview homepages
+	 *
+	 * @param \WP_REST_Request $request parameter.
+	 * @return array
+	 */
+	public function get_homepages( \WP_REST_Request $request ) {
+
+		$site_description = $request->get_param( 'site_description' );
+		$regenerate       = $request->get_param( 'regenerate' );
+		$site_info        = array( 'site_description' => $site_description );
+		// If the option exists and is not empty, return it.
+		$existing_homepages = get_option( Options::get_option_name( 'sitegen_homepages' ), array() );
+		if ( ! empty( $existing_homepages ) && ! $regenerate ) {
+			return new \WP_REST_Response( $existing_homepages, 200 );
+		}
+		$target_audience = SiteGenService::instantiate_site_meta( $site_info, 'target_audience' );
+		$content_style   = SiteGenService::instantiate_site_meta( $site_info, 'content_tones' );
+
+		if ( ! $target_audience || is_wp_error( $target_audience ) ) {
+			return new \WP_Error(
+				'nfd_onboarding_error',
+				__( 'Required data is missing.', 'wp-module-onboarding' ),
+				array( 'status' => 400 )
+			);
+		}
+		if ( ! $content_style || is_wp_error( $content_style ) ) {
+			return new \WP_Error(
+				'nfd_onboarding_error',
+				__( 'Required data is missing.', 'wp-module-onboarding' ),
+				array( 'status' => 400 )
+			);
+		}
+
+		$processed_home_pages = SiteGenService::generate_homepages(
+			$site_description,
+			$content_style,
+			$target_audience,
+			$regenerate
+		);
+
+		if ( is_wp_error( $processed_home_pages ) ) {
+			return $processed_home_pages;
+		}
+
+		return new \WP_REST_Response( $processed_home_pages, 200 );
+	}
+
+	/**
+	 * Gets the regenerated preview homepages
+	 *
+	 * @param \WP_REST_Request $request parameter.
+	 * @return array
+	 */
+	public function get_regenerated_homepages( \WP_REST_Request $request ) {
+		$site_description          = $request->get_param( 'site_description' );
+		$regenerate_slug           = $request->get_param( 'slug' );
+		$regenerate_color_palattes = $request->get_param( 'colorPalettes' );
+		$is_favourite              = $request->get_param( 'isFavourited' );
+		$site_info                 = array( 'site_description' => $site_description );
+		$target_audience           = SiteGenService::instantiate_site_meta( $site_info, 'target_audience' );
+		$content_style             = SiteGenService::instantiate_site_meta( $site_info, 'content_tones' );
+
+		if ( ! $target_audience || is_wp_error( $target_audience ) ) {
+			return new \WP_Error(
+				'nfd_onboarding_error',
+				__( 'Required data is missing.', 'wp-module-onboarding' ),
+				array( 'status' => 400 )
+			);
+		}
+
+		if ( ! $content_style || is_wp_error( $content_style ) ) {
+			return new \WP_Error(
+				'nfd_onboarding_error',
+				__( 'Required data is missing.', 'wp-module-onboarding' ),
+				array( 'status' => 400 )
+			);
+		}
+
+		if ( $is_favourite ) {
+			$result = SiteGenService::handle_favorite_regeneration( $regenerate_slug, $regenerate_color_palattes );
+		} else {
+			$result = SiteGenService::handle_regular_regeneration( $site_description, $content_style, $target_audience );
+		}
+
+		if ( null === $result ) {
+			return new \WP_Error(
+				'nfd_onboarding_error',
+				__( 'Error at Regenerating home pages.', 'wp-module-onboarding' ),
+				array(
+					'status' => 400,
+				)
+			);
+		}
+
+		return new \WP_REST_Response( $result, 200 );
+	}
+
+	/**
+	 * Updates favourite status
+	 *
+	 * @param \WP_REST_Request $request parameter.
+	 * @return array
+	 */
+	public function toggle_favourite_homepage( \WP_REST_Request $request ) {
+		$slug = $request->get_param( 'slug' );
+
+		$response = SiteGenService::toggle_favourite_homepage( $slug );
+
+		if ( is_wp_error( $response ) ) {
+			$error_message = $response->get_error_message();
+			return new \WP_Error(
+				'nfd_onboarding_error',
+				__( 'Error at updating Favourite status', 'wp-module-onboarding' ),
+				array(
+					'status' => 404,
+				)
+			);
+		}
+		return new \WP_REST_Response( $response, 200 );
+	}
 }
diff --git a/src/OnboardingSPA/components/Button/ButtonDark/stylesheet.scss b/src/OnboardingSPA/components/Button/ButtonDark/stylesheet.scss
index 1f886eac0..f3d98d096 100644
--- a/src/OnboardingSPA/components/Button/ButtonDark/stylesheet.scss
+++ b/src/OnboardingSPA/components/Button/ButtonDark/stylesheet.scss
@@ -2,10 +2,14 @@
 
 	&--dark {
 		background-color: var(--nfd-onboarding-navigation-back-background);
-		width: 74px;
 		height: 36px;
 		color: var(--nfd-onboarding-primary);
 		border-radius: 8px;
 		padding: 0, 13px, 0 13px;
+
+		&:hover {
+			background-color: #fff;
+			color: #272d30;
+		}
 	}
 }
diff --git a/src/OnboardingSPA/components/Button/index.js b/src/OnboardingSPA/components/Button/index.js
index 86e7812d7..a5efeaee4 100644
--- a/src/OnboardingSPA/components/Button/index.js
+++ b/src/OnboardingSPA/components/Button/index.js
@@ -2,22 +2,24 @@
  * Common Button Component
  * Different variants can be added later based on our requirements
  *
- * @returns Button
+ * @return Button
  */
 
-const Button = ({ text, handleClick, disabled, className }) => {
+const Button = ( { children, onClick, disabled, className } ) => {
 	const handleBtnClick = () => {
-		handleClick();
+		if ( onClick ) {
+			onClick();
+		}
 	};
 
 	return (
 		<button
 			type="button"
-			className={`${className} nfd-card-button`}
-			onClick={handleBtnClick}
-			disabled={disabled}
+			className={ `${ className } nfd-card-button` }
+			onClick={ handleBtnClick }
+			disabled={ disabled }
 		>
-			{text}
+			{ children }
 		</button>
 	);
 };
diff --git a/src/OnboardingSPA/components/Footer/components/SiteGenFooter/index.js b/src/OnboardingSPA/components/Footer/components/SiteGenFooter/index.js
index aea5f1aa3..1d74c033b 100644
--- a/src/OnboardingSPA/components/Footer/components/SiteGenFooter/index.js
+++ b/src/OnboardingSPA/components/Footer/components/SiteGenFooter/index.js
@@ -11,20 +11,23 @@ import {
 	FOOTER_END,
 } from '../../../../../constants';
 import NextButtonSiteGen from '../../../Button/NextButtonSiteGen';
+import { stepSiteGenEditor } from '../../.././../steps/SiteGen/Editor/step';
 
 const SiteGenFooter = () => {
 	const isLargeViewport = useViewportMatch( 'small' );
-	const { footerNavEnabled } = useSelect( ( select ) => {
+	const { footerNavEnabled, currentStep } = useSelect( ( select ) => {
 		return {
 			footerNavEnabled:
 				select( nfdOnboardingStore ).getFooterNavEnabled(),
+			currentStep: select( nfdOnboardingStore ).getCurrentStep(),
 		};
 	} );
 
+	const isEditorStep = currentStep === stepSiteGenEditor;
 	return (
 		<>
 			<Fill name={ `${ FOOTER_SITEGEN }/${ FOOTER_START }` }>
-				<ToggleDarkMode />
+				{ ! isEditorStep && <ToggleDarkMode /> }
 			</Fill>
 			{ ! isLargeViewport && (
 				<Fill name={ `${ FOOTER_SITEGEN }/${ FOOTER_END }` }>
diff --git a/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js b/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js
index db3390a10..df5b3e2ee 100644
--- a/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js
+++ b/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js
@@ -37,7 +37,6 @@ const SiteGenHeader = () => {
 		path: currentStep?.path,
 	} );
 	const progress = ( currentStepIndex / allSteps.length ) * 100;
-
 	return (
 		<>
 			<Fill name={ `${ HEADER_SITEGEN }/${ HEADER_TOP }` }>
@@ -48,10 +47,14 @@ const SiteGenHeader = () => {
 					) }
 				</>
 			</Fill>
-			<Fill name={ `${ HEADER_SITEGEN }/${ HEADER_START }` }>
-				<>{ isHeaderNavigationEnabled && <StepNavigation /> }</>
-			</Fill>
-			{ currentStep?.header && <currentStep.header /> }
+
+			{ currentStep?.header?.component
+				? isHeaderNavigationEnabled && <currentStep.header.component />
+				: isHeaderNavigationEnabled && (
+						<Fill name={ `${ HEADER_SITEGEN }/${ HEADER_START }` }>
+							<StepNavigation />
+						</Fill>
+				  ) }
 		</>
 	);
 };
diff --git a/src/OnboardingSPA/components/Header/index.js b/src/OnboardingSPA/components/Header/index.js
index 03760ff3d..7d7a5b737 100644
--- a/src/OnboardingSPA/components/Header/index.js
+++ b/src/OnboardingSPA/components/Header/index.js
@@ -1,6 +1,7 @@
 import { Slot } from '@wordpress/components';
 import { Fragment, Suspense } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
+import classNames from 'classnames';
 
 import { store as nfdOnboardingStore } from '../../store';
 import {
@@ -9,7 +10,6 @@ import {
 	HEADER_START,
 	HEADER_TOP,
 } from '../../../constants';
-import classNames from 'classnames';
 import { stepSiteGenEditor } from '../../steps/SiteGen/Editor/step';
 import { SITEGEN_FLOW } from '../../data/flows/constants';
 
@@ -17,11 +17,11 @@ const Header = () => {
 	const { headers, headerActiveView, isHeaderEnabled, currentStep } =
 		useSelect( ( select ) => {
 			return {
+				currentStep: select( nfdOnboardingStore ).getCurrentStep(),
 				headers: select( nfdOnboardingStore ).getHeaders(),
 				headerActiveView:
 					select( nfdOnboardingStore ).getHeaderActiveView(),
 				isHeaderEnabled: select( nfdOnboardingStore ).isHeaderEnabled(),
-				currentStep: select( nfdOnboardingStore ).getCurrentStep(),
 			};
 		} );
 
diff --git a/src/OnboardingSPA/components/Header/stylesheet.scss b/src/OnboardingSPA/components/Header/stylesheet.scss
index b2555fc43..1367aa6ca 100644
--- a/src/OnboardingSPA/components/Header/stylesheet.scss
+++ b/src/OnboardingSPA/components/Header/stylesheet.scss
@@ -1,3 +1,5 @@
+$nfd-onboarding-editor-header-hover: #272d30;
+
 .nfd-onboarding-header {
 	align-items: center;
 	background-color: var(--nfd-onboarding-header-base);
@@ -23,6 +25,10 @@
 		transition-delay: 80ms;
 
 		@include reduce-motion("transition");
+
+		@media (max-width: #{ ($break-xlarge) }) {
+			padding-left: 4px;
+		}
 	}
 
 	&__start,
@@ -39,16 +45,8 @@
 		display: flex;
 		align-items: center;
 		height: 100%;
-		flex-grow: 1;
-		justify-content: center;
-		min-width: 5px;
-		font-weight: 600;
 		font-size: 20px;
 		line-height: $grid-unit-30;
-
-		svg {
-			margin-right: $grid-unit-10;
-		}
 	}
 
 	&__end {
@@ -117,4 +115,25 @@
 		font-size: 13px;
 		padding: 15px 10px !important;
 	}
+
+	&-editor {
+		padding: 0 13px 0 13px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: 8px;
+		cursor: pointer;
+		height: 36px;
+		background-color: var(--nfd-onboarding-navigation-back-background);
+		color: var(--nfd-onboarding-primary);
+		fill: var(--nfd-onboarding-primary);
+		border-radius: 6px;
+
+		&:hover {
+			background-color: var(--nfd-onboarding-primary);
+			color: $nfd-onboarding-editor-header-hover;
+			fill: $nfd-onboarding-editor-header-hover;
+		}
+	}
+
 }
diff --git a/src/OnboardingSPA/components/LivePreview/BlockPreview/stylesheet.scss b/src/OnboardingSPA/components/LivePreview/BlockPreview/stylesheet.scss
index 1ee2b924e..d89588a41 100644
--- a/src/OnboardingSPA/components/LivePreview/BlockPreview/stylesheet.scss
+++ b/src/OnboardingSPA/components/LivePreview/BlockPreview/stylesheet.scss
@@ -27,6 +27,17 @@ $main-color-grey-other: #e2e2e2;
 			}
 		}
 
+		&-full {
+			width: 100%;
+			min-height: 90vh;
+			overflow: hidden;
+			position: relative;
+			align-items: center;
+			border: 1px solid #e3dfdf;
+			border-top: 0;
+			margin-bottom: 30px;
+		}
+
 		&--is-skeleton {
 			z-index: 1;
 			width: 100%;
diff --git a/src/OnboardingSPA/components/LivePreview/BlockPreviewSiteGen/auto.js b/src/OnboardingSPA/components/LivePreview/BlockPreviewSiteGen/auto.js
new file mode 100644
index 000000000..49f2764da
--- /dev/null
+++ b/src/OnboardingSPA/components/LivePreview/BlockPreviewSiteGen/auto.js
@@ -0,0 +1,130 @@
+import { Disabled } from '@wordpress/components';
+import { useResizeObserver, pure, useRefEffect } from '@wordpress/compose';
+import { useMemo } from '@wordpress/element';
+import {
+	BlockList,
+	// eslint-disable-next-line  @wordpress/no-unsafe-wp-apis
+	__unstableIframe as Iframe,
+	// eslint-disable-next-line  @wordpress/no-unsafe-wp-apis
+	__unstableEditorStyles as EditorStyles,
+} from '@wordpress/block-editor';
+
+// This is used to avoid rendering the block list if the sizes change.
+let MemoizedBlockList;
+
+const MAX_HEIGHT = 6000;
+
+function ScaledBlockPreview( {
+	viewportWidth,
+	settings,
+	containerWidth,
+	minHeight,
+	additionalStyles = [],
+} ) {
+	if ( ! viewportWidth ) {
+		viewportWidth = containerWidth;
+	}
+
+	const [ contentResizeListener, { height: contentHeight } ] =
+		useResizeObserver();
+	const { styles, assets } = {
+		styles: settings.styles,
+		assets: settings.__unstableResolvedAssets,
+	};
+
+	// Avoid scrollbars for pattern previews.
+	const editorStyles = useMemo( () => {
+		if ( styles ) {
+			return [
+				...styles,
+				{
+					css: 'body{height:auto;overflow:hidden;border:none;padding:0;}',
+					__unstableType: 'presets',
+				},
+				...additionalStyles,
+			];
+		}
+
+		return styles;
+	}, [ styles, additionalStyles ] );
+
+	// Initialize on render instead of module top level, to avoid circular dependency issues.
+	MemoizedBlockList = MemoizedBlockList || pure( BlockList );
+
+	const scale = containerWidth / viewportWidth;
+	const aspectRatio = contentHeight
+		? containerWidth / ( contentHeight * scale )
+		: 0;
+	return (
+		<Disabled
+			className="block-editor-block-preview__content"
+			style={ {
+				transform: `scale(${ scale })`,
+				aspectRatio,
+				maxHeight:
+					contentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : undefined,
+				minHeight,
+			} }
+		>
+			<Iframe
+				assets={ assets }
+				contentRef={ useRefEffect( ( bodyElement ) => {
+					const {
+						ownerDocument: { documentElement },
+					} = bodyElement;
+					documentElement.classList.add(
+						'block-editor-block-preview__content-iframe'
+					);
+					documentElement.style.position = 'absolute';
+					documentElement.style.width = '100%';
+
+					// necessary for contentResizeListener to work.
+					bodyElement.style.boxSizing = 'border-box';
+					bodyElement.style.position = 'absolute';
+					bodyElement.style.width = '100%';
+					bodyElement.spellcheck = 0;
+				}, [] ) }
+				aria-hidden
+				tabIndex={ -1 }
+				style={ {
+					position: 'absolute',
+					width: viewportWidth,
+					height: contentHeight,
+					pointerEvents: 'none',
+					// This is a catch-all max-height for patterns.
+					// See: https://github.com/WordPress/gutenberg/pull/38175.
+					maxHeight: MAX_HEIGHT,
+					minHeight:
+						scale !== 0 && scale < 1 && minHeight
+							? minHeight / scale
+							: minHeight,
+				} }
+			>
+				<EditorStyles styles={ editorStyles } />
+				{ contentResizeListener }
+				<MemoizedBlockList renderAppender={ false } />
+			</Iframe>
+		</Disabled>
+	);
+}
+
+export default function AutoBlockPreview( props ) {
+	const [ containerResizeListener, { width: containerWidth } ] =
+		useResizeObserver();
+
+	return (
+		<>
+			<div style={ { position: 'relative', width: '100%', height: 0 } }>
+				{ containerResizeListener }
+			</div>
+			<div className="block-editor-block-preview__container">
+				{ containerWidth && (
+					<ScaledBlockPreview
+						{ ...props }
+						containerWidth={ containerWidth }
+					/>
+				) }
+			</div>
+		</>
+	);
+}
diff --git a/src/OnboardingSPA/components/LivePreview/BlockPreviewSiteGen/index.js b/src/OnboardingSPA/components/LivePreview/BlockPreviewSiteGen/index.js
new file mode 100644
index 000000000..5e481bb8a
--- /dev/null
+++ b/src/OnboardingSPA/components/LivePreview/BlockPreviewSiteGen/index.js
@@ -0,0 +1,115 @@
+import { useSelect } from '@wordpress/data';
+import { BlockEditorProvider } from '@wordpress/block-editor';
+import { parse } from '@wordpress/blocks';
+import { useEffect, useState, memo } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+
+import AutoHeightBlockPreview from './auto';
+import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output';
+import { store as nfdOnboardingStore } from '../../../store';
+
+const BlockPreviewSiteGen = ( {
+	blockGrammer,
+	viewportWidth = 1300,
+	styling = 'large',
+	setIsLoadingParent = false,
+	previewSettings = false,
+	skeletonLoadingTime = 2500,
+	isRegenerating = { isRegenerating },
+} ) => {
+	const [ blocks, setBlocks ] = useState();
+	const [ settings, setSettings ] = useState();
+	const [ loading, setIsLoading ] = useState( true );
+
+	useEffect( () => {
+		if ( skeletonLoadingTime ) {
+			const timer = setTimeout( () => {
+				setIsLoading( false );
+				if ( setIsLoadingParent ) {
+					setIsLoadingParent( false );
+				}
+			}, skeletonLoadingTime );
+			return () => clearTimeout( timer );
+		}
+		setIsLoading( false );
+		if ( setIsLoadingParent ) {
+			setIsLoadingParent( false );
+		}
+	}, [ skeletonLoadingTime ] );
+
+	const { currentData, storedPreviewSettings } = useSelect( ( select ) => {
+		return {
+			currentData:
+				select( nfdOnboardingStore ).getCurrentOnboardingData(),
+			storedPreviewSettings:
+				select( nfdOnboardingStore ).getPreviewSettings(),
+		};
+	}, [] );
+
+	useEffect( () => {
+		if ( previewSettings ) {
+			setSettings(
+				// eslint-disable-next-line react-hooks/rules-of-hooks
+				useGlobalStylesOutput( previewSettings, storedPreviewSettings )
+			);
+		} else {
+			setSettings( storedPreviewSettings );
+		}
+	}, [] );
+
+	useEffect( () => {
+		if ( blockGrammer ) {
+			setBlocks( parse( blockGrammer ) );
+		}
+	}, [ blockGrammer ] );
+
+	useEffect( () => {
+		if ( ! previewSettings ) {
+			setSettings( storedPreviewSettings );
+		}
+	}, [ storedPreviewSettings, currentData ] );
+
+	const SkeletonLivePreview = memo( () => {
+		return (
+			<div className="regenerating-site-card-wrap regenerating-site-card-skeleton">
+				<div className="regenerating-site-card">
+					<p className="regenerating-site-card__title">
+						<p className="regenerating-site-card__title">
+							{ isRegenerating
+								? __(
+										'Regenerating Site',
+										'wp-module-onboarding'
+								  )
+								: __(
+										'Generating Site',
+										'wp-module-onboarding'
+								  ) }
+						</p>
+					</p>
+					<div className="regenerating-site-card__progress-bar">
+						<div className="regenerating-site-card__progress-bar__fill"></div>
+					</div>
+				</div>
+			</div>
+		);
+	} );
+
+	return (
+		<div className={ `live-preview__container-${ styling }` }>
+			{ loading && <SkeletonLivePreview /> }
+			{ blocks && settings && (
+				<BlockEditorProvider
+					value={ blocks }
+					settings={ settings.settings }
+				>
+					<AutoHeightBlockPreview
+						viewportWidth={ viewportWidth }
+						settings={ settings.settings }
+					/>
+				</BlockEditorProvider>
+			) }
+		</div>
+	);
+};
+
+export default memo( BlockPreviewSiteGen );
diff --git a/src/OnboardingSPA/components/LivePreview/SelectableCard/stylesheet.scss b/src/OnboardingSPA/components/LivePreview/SelectableCard/stylesheet.scss
index 2ee21e2b1..3a2b5c701 100644
--- a/src/OnboardingSPA/components/LivePreview/SelectableCard/stylesheet.scss
+++ b/src/OnboardingSPA/components/LivePreview/SelectableCard/stylesheet.scss
@@ -86,10 +86,9 @@
 			width: 100%;
 			opacity: 0;
 			transition: 0.5s ease;
-			background-color:
-				rgb(var(--wp-admin-theme-color-darker-10--rgb))
+			background-color: rgb(var(--wp-admin-theme-color-darker-10--rgb));
 
-				&__icon{
+			&__icon {
 				fill: var(--nfd-onboarding-white);
 				font-size: 20px;
 				position: absolute;
diff --git a/src/OnboardingSPA/components/LivePreview/SiteGenPreviewSelectableCard/index.js b/src/OnboardingSPA/components/LivePreview/SiteGenPreviewSelectableCard/index.js
new file mode 100644
index 000000000..e97c10b23
--- /dev/null
+++ b/src/OnboardingSPA/components/LivePreview/SiteGenPreviewSelectableCard/index.js
@@ -0,0 +1,145 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+import { search, Icon, reusableBlock } from '@wordpress/icons';
+import { useState } from '@wordpress/element';
+import { useNavigate } from 'react-router-dom';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { BlockPreviewSiteGen } from '..';
+import Button from '../../../components/Button';
+import { store as nfdOnboardingStore } from '../../../store';
+import { ReactComponent as FavouriteIconStroked } from '../../../static/icons/sitegen/heart-stroked.svg';
+import { ReactComponent as FavouriteIconFilled } from '../../../static/icons/sitegen/heart-filled.svg';
+import { __ } from '@wordpress/i18n';
+
+const SiteGenPreviewSelectableCard = ( {
+	className = 'live-preview-sitegen--selectable-card',
+	blockGrammer,
+	viewportWidth = 1500,
+	styling = 'large',
+	previewSettings,
+	overlay = false,
+	onClick = false,
+	onRegenerateClick = false,
+	skeletonLoadingTime = 2500,
+	designObject,
+	handleFavorite,
+	handlePreview,
+	isRegenerating,
+} ) => {
+	const { setActiveHomepage } = useDispatch( nfdOnboardingStore );
+	const [ loadingParent, setIsLoadingParent ] = useState( true );
+
+	const navigate = useNavigate();
+	const { nextStep } = useSelect( ( select ) => {
+		return {
+			nextStep: select( nfdOnboardingStore ).getNextStep(),
+		};
+	} );
+
+	const onPreviewVersionClick = () => {
+		setActiveHomepage( designObject );
+		navigate( nextStep.path );
+	};
+	const handleRegenerate = () => {
+		onRegenerateClick(
+			designObject?.slug,
+			designObject?.color,
+			designObject?.isFavourited
+		);
+	};
+
+	return (
+		<div
+			className={ `${ className }` }
+			role="button"
+			tabIndex={ 0 }
+			onClick={ () => {
+				if ( ! loadingParent && typeof onClick === 'function' ) {
+					onClick();
+				}
+			} }
+			onKeyDown={ () => {
+				if ( ! loadingParent && typeof onClick === 'function' ) {
+					onClick();
+				}
+			} }
+		>
+			<div className={ `${ className }__live-preview-container` }>
+				<BlockPreviewSiteGen
+					styling={ styling }
+					blockGrammer={ blockGrammer }
+					viewportWidth={ viewportWidth }
+					previewSettings={ previewSettings }
+					setIsLoadingParent={ setIsLoadingParent }
+					skeletonLoadingTime={ skeletonLoadingTime }
+					isRegenerating={ isRegenerating }
+				/>
+				{ overlay && ! loadingParent && (
+					<div
+						className={ `${ className }__live-preview-container__overlay` }
+						onClick={ onPreviewVersionClick }
+						onKeyDown={ ( event ) => {
+							if ( event.key === 'Enter' ) {
+								handlePreview();
+							}
+						} }
+					>
+						<Button
+							className={ `${ className }__live-preview-container__overlay__button` }
+							onClick={ () => handlePreview() }
+						>
+							<Icon icon={ search } />
+							{ __( 'Preview Version', 'wp-module-onboarding' ) }
+						</Button>
+					</div>
+				) }
+				<div
+					className={ `${ className }__live-preview-container-buttons ${
+						isRegenerating ? 'disabled' : ''
+					}` }
+				>
+					<div
+						role="button"
+						tabIndex="0"
+						onClick={ () => handleFavorite( designObject?.slug ) }
+						onKeyDown={ ( event ) => {
+							if ( event.key === 'Enter' ) {
+								handleFavorite( designObject?.slug );
+							}
+						} }
+						aria-label="Add to Wishlist"
+						className={ `${ className }__live-preview-container-buttons__button` }
+					>
+						<span>
+							{ designObject?.isFavourited ? (
+								<FavouriteIconFilled />
+							) : (
+								<FavouriteIconStroked />
+							) }
+						</span>
+						<span>{ designObject?.title }</span>
+					</div>
+					<div
+						role="button"
+						tabIndex="0"
+						onClick={ () => handleRegenerate() }
+						onKeyDown={ ( event ) => {
+							if ( event.key === 'Enter' ) {
+								handleRegenerate();
+							}
+						} }
+						aria-label={ __(
+							'Regenerate Content',
+							'wp-module-onboarding'
+						) }
+						className={ `${ className }__live-preview-container-buttons__button` }
+					>
+						<Icon icon={ reusableBlock } />
+						{ __( 'Regenerate', 'wp-module-onboarding' ) }
+					</div>
+				</div>
+			</div>
+		</div>
+	);
+};
+
+export default SiteGenPreviewSelectableCard;
diff --git a/src/OnboardingSPA/components/LivePreview/SiteGenPreviewSelectableCard/stylesheet.scss b/src/OnboardingSPA/components/LivePreview/SiteGenPreviewSelectableCard/stylesheet.scss
new file mode 100644
index 000000000..cdac5bd0a
--- /dev/null
+++ b/src/OnboardingSPA/components/LivePreview/SiteGenPreviewSelectableCard/stylesheet.scss
@@ -0,0 +1,103 @@
+.live-preview-sitegen--selectable-card {
+	width: 420px;
+	padding: 20px;
+	display: flex;
+	overflow: hidden;
+	align-items: center;
+	flex-direction: column;
+	justify-content: center;
+	flex-wrap: wrap;
+
+	@media (min-width: #{ ($break-mobile) }) and (max-width: #{ ($break-wide) }) {
+		width: 340px;
+		padding: 15px;
+	}
+
+	@media (max-width: #{ ($break-mobile) }) {
+		width: 300px;
+		padding: 10px;
+	}
+
+	&__live-preview-container {
+		position: relative;
+		width: 100%;
+		align-items: center;
+		border-radius: 8px;
+
+		.live-preview {
+
+			&__container {
+
+				&-custom {
+					width: 100%;
+					overflow: hidden;
+					height: 315px;
+					border-radius: 16px;
+				}
+			}
+		}
+
+		&__overlay {
+			position: absolute;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			top: 0;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			height: 315px;
+			z-index: 2;
+			width: 100%;
+			opacity: 0;
+			transition: 0.5s ease;
+			border-radius: 8px;
+
+			.live-preview-sitegen--selectable-card & {
+				background-color: var(--nfd-onboarding-card-overlay);
+			}
+
+			&__button {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				font-size: 14px;
+				padding: 6px 56px 6px 56px;
+				border-radius: 8px;
+				gap: 6px;
+			}
+
+			&:hover {
+				cursor: pointer;
+				opacity: 1;
+			}
+		}
+
+		&-buttons {
+			padding-top: 20px;
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			height: 40px;
+			opacity: 1;
+
+			&.disabled {
+				pointer-events: none;
+				cursor: not-allowed;
+				opacity: 0.5;
+			}
+
+			&__button {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				color: var(--nfd-onboarding-primary);
+				gap: 8px;
+				font-size: 16px;
+				fill: var(--nfd-onboarding-primary);
+				cursor: pointer;
+				text-align: left;
+			}
+		}
+	}
+}
diff --git a/src/OnboardingSPA/components/LivePreview/index.js b/src/OnboardingSPA/components/LivePreview/index.js
index e7cebd4a1..8e18d6370 100644
--- a/src/OnboardingSPA/components/LivePreview/index.js
+++ b/src/OnboardingSPA/components/LivePreview/index.js
@@ -3,3 +3,5 @@ export { default as LivePreviewSkeleton } from './LivePreviewSkeleton';
 export { default as LivePreviewSelectableCard } from './SelectableCard';
 export { default as LivePreviewSelectableCardWithInfo } from './SelectableCardWithInfo';
 export { default as GlobalStylesProvider } from './GlobalStylesProvider';
+export { default as SiteGenLivePreview } from './SiteGenPreviewSelectableCard';
+export { default as BlockPreviewSiteGen } from './BlockPreviewSiteGen';
diff --git a/src/OnboardingSPA/components/LivePreview/stylesheet.scss b/src/OnboardingSPA/components/LivePreview/stylesheet.scss
index f1a74565d..8e43ab671 100644
--- a/src/OnboardingSPA/components/LivePreview/stylesheet.scss
+++ b/src/OnboardingSPA/components/LivePreview/stylesheet.scss
@@ -1,3 +1,4 @@
 @import "./BlockPreview/stylesheet";
 @import "./SelectableCard/stylesheet";
 @import "./SelectableCardWithInfo/stylesheet";
+@import "./SiteGenPreviewSelectableCard/stylesheet";
diff --git a/src/OnboardingSPA/components/Loaders/SiteGenLoader/index.js b/src/OnboardingSPA/components/Loaders/SiteGenLoader/index.js
index 4b3474b36..94cd18a97 100644
--- a/src/OnboardingSPA/components/Loaders/SiteGenLoader/index.js
+++ b/src/OnboardingSPA/components/Loaders/SiteGenLoader/index.js
@@ -34,11 +34,11 @@ const SiteGenLoader = ( { autoNavigate = false } ) => {
 
 	useEffect( () => {
 		const percentageValue =
-			( currentData.sitegen.siteGenMetaStatus.currentStatus /
-				currentData.sitegen.siteGenMetaStatus.totalCount ) *
+			( currentData?.sitegen?.siteGenMetaStatus?.currentStatus /
+				currentData?.sitegen?.siteGenMetaStatus?.totalCount ) *
 			100;
 		setPercentage( percentageValue );
-	}, [ currentData.sitegen.siteGenMetaStatus.currentStatus ] );
+	}, [ currentData?.sitegen?.siteGenMetaStatus?.currentStatus ] );
 
 	useEffect( () => {
 		if ( percentage === 100 ) {
diff --git a/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteGen/index.js b/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteGen/index.js
index 8e8b22e2f..412a9ea2a 100644
--- a/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteGen/index.js
+++ b/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteGen/index.js
@@ -20,6 +20,7 @@ import { initialize as initializeSettings } from '../../../utils/api/settings';
 import { init as initializePlugins } from '../../../utils/api/plugins';
 import { init as initializeThemes } from '../../../utils/api/themes';
 import { trigger as cronTrigger } from '../../../utils/api/cronTrigger';
+import { MAX_RETRIES_SITE_GEN } from '../../../../constants';
 
 // Wrapping the NewfoldInterfaceSkeleton with the HOC to make theme available
 const ThemedNewfoldInterfaceSkeleton = themeToggleHOC(
@@ -61,6 +62,32 @@ const SiteGen = () => {
 		}
 	}
 
+	async function performSiteGenMetaGeneration(
+		siteInfo,
+		identifier,
+		retryCount = 1
+	) {
+		return new Promise( () =>
+			generateSiteGenMeta( siteInfo, identifier )
+				.then( ( data ) => {
+					if ( data.body !== null ) {
+						currentData.sitegen.siteGenMetaStatus.currentStatus += 1;
+						setCurrentOnboardingData( currentData );
+					} else if ( retryCount < MAX_RETRIES_SITE_GEN ) {
+						performSiteGenMetaGeneration(
+							siteInfo,
+							identifier,
+							retryCount + 1
+						);
+					}
+				} )
+				.catch( ( err ) => {
+					/* eslint-disable no-console */
+					console.log( err );
+				} )
+		);
+	}
+
 	async function generateSiteGenData() {
 		// Start the API Requests when the loader is shown.
 		if (
@@ -72,41 +99,25 @@ const SiteGen = () => {
 			return;
 		}
 
-		// If the calls are already made then skip doing that again.
-		if (
-			currentData.sitegen.siteGenMetaStatus.currentStatus >=
-			currentData.sitegen.siteGenMetaStatus.totalCount
-		) {
-			return;
-		}
-
 		let identifiers = await getSiteGenIdentifiers();
 		identifiers = identifiers.body;
 
 		const midIndex = Math.floor( identifiers.length / 2 );
 		if ( location.pathname.includes( 'experience' ) ) {
 			identifiers = identifiers.slice( 0, midIndex );
+			currentData.sitegen.siteGenMetaStatus.currentStatus = 0;
 		} else if ( location.pathname.includes( 'building' ) ) {
 			identifiers = identifiers.slice( midIndex );
+			currentData.sitegen.siteGenMetaStatus.currentStatus = midIndex;
 		}
-
+		setCurrentOnboardingData( currentData );
 		const siteInfo = {
 			site_description: currentData.sitegen?.siteDetails?.prompt,
 		};
 
 		// Iterate over Identifiers and fire Requests!
 		identifiers.forEach( ( identifier ) => {
-			return new Promise( () =>
-				generateSiteGenMeta( siteInfo, identifier )
-					.then( ( data ) => {
-						if ( data.body !== null ) {
-							currentData.sitegen.siteGenMetaStatus.currentStatus += 1;
-							setCurrentOnboardingData( currentData );
-						}
-					} )
-					/* eslint-disable no-console */
-					.catch( ( err ) => console.log( err ) )
-			);
+			performSiteGenMetaGeneration( siteInfo, identifier );
 		} );
 	}
 
diff --git a/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/style.scss b/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/style.scss
index b98d95405..dc0741ec5 100644
--- a/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/style.scss
+++ b/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/style.scss
@@ -31,6 +31,13 @@ html.nfd-interface-interface-skeleton__html-container {
 			top: 0;
 		}
 	}
+
+	&.nfd-onboarding-skeleton--sitegen {
+
+		.is-fullscreen-mode & {
+			top: 0;
+		}
+	}
 }
 
 .nfd-interface-interface-skeleton__editor {
diff --git a/src/OnboardingSPA/static/icons/equalizer.svg b/src/OnboardingSPA/static/icons/equalizer.svg
new file mode 100644
index 000000000..171f55051
--- /dev/null
+++ b/src/OnboardingSPA/static/icons/equalizer.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+  <path fill="var(--ci-primary-color, #000000)" d="M96,146.025V16H64V146.025a64.009,64.009,0,0,0,0,123.95V496H96V269.975a64.009,64.009,0,0,0,0-123.95ZM80,240a32,32,0,1,1,32-32A32.036,32.036,0,0,1,80,240Z" class="ci-primary"/>
+  <path fill="var(--ci-primary-color, #000000)" d="M272,290.025V16H240V290.025a64.009,64.009,0,0,0,0,123.95V496h32V413.975a64.009,64.009,0,0,0,0-123.95ZM256,384a32,32,0,1,1,32-32A32.036,32.036,0,0,1,256,384Z" class="ci-primary"/>
+  <path fill="var(--ci-primary-color, #000000)" d="M448,82.025V16H416V82.025a64.009,64.009,0,0,0,0,123.95V496h32V205.975a64.009,64.009,0,0,0,0-123.95ZM432,176a32,32,0,1,1,32-32A32.036,32.036,0,0,1,432,176Z" class="ci-primary"/>
+</svg>
\ No newline at end of file
diff --git a/src/OnboardingSPA/static/icons/sitegen/heart-filled.svg b/src/OnboardingSPA/static/icons/sitegen/heart-filled.svg
new file mode 100644
index 000000000..cf2506f55
--- /dev/null
+++ b/src/OnboardingSPA/static/icons/sitegen/heart-filled.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_938_2474)">
+<path d="M10 19.1585L8.975 18.2335C7.20833 16.6168 5.75 15.221 4.6 14.046C3.45 12.871 2.53333 11.821 1.85 10.896C1.16667 9.971 0.6875 9.1335 0.4125 8.3835C0.1375 7.6335 0 6.87516 0 6.1085C0 4.6085 0.504167 3.35433 1.5125 2.346C2.52083 1.33766 3.76667 0.833496 5.25 0.833496C6.2 0.833496 7.07917 1.0585 7.8875 1.5085C8.69583 1.9585 9.4 2.6085 10 3.4585C10.7 2.5585 11.4417 1.896 12.225 1.471C13.0083 1.046 13.85 0.833496 14.75 0.833496C16.2333 0.833496 17.4792 1.33766 18.4875 2.346C19.4958 3.35433 20 4.6085 20 6.1085C20 6.87516 19.8625 7.6335 19.5875 8.3835C19.3125 9.1335 18.8333 9.971 18.15 10.896C17.4667 11.821 16.55 12.871 15.4 14.046C14.25 15.221 12.7917 16.6168 11.025 18.2335L10 19.1585Z" fill="#EF4A71"/>
+</g>
+<defs>
+<clipPath id="clip0_938_2474">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/OnboardingSPA/static/icons/sitegen/heart-stroked.svg b/src/OnboardingSPA/static/icons/sitegen/heart-stroked.svg
new file mode 100644
index 000000000..b9cfca95c
--- /dev/null
+++ b/src/OnboardingSPA/static/icons/sitegen/heart-stroked.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 19.1583L8.975 18.2333C7.20833 16.6166 5.75 15.2208 4.6 14.0458C3.45 12.8708 2.53333 11.8208 1.85 10.8958C1.16667 9.97081 0.6875 9.13331 0.4125 8.38331C0.1375 7.63331 0 6.87498 0 6.10831C0 4.60831 0.504167 3.35415 1.5125 2.34581C2.52083 1.33748 3.76667 0.833313 5.25 0.833313C6.2 0.833313 7.07917 1.05831 7.8875 1.50831C8.69583 1.95831 9.4 2.60831 10 3.45831C10.7 2.55831 11.4417 1.89581 12.225 1.47081C13.0083 1.04581 13.85 0.833313 14.75 0.833313C16.2333 0.833313 17.4792 1.33748 18.4875 2.34581C19.4958 3.35415 20 4.60831 20 6.10831C20 6.87498 19.8625 7.63331 19.5875 8.38331C19.3125 9.13331 18.8333 9.97081 18.15 10.8958C17.4667 11.8208 16.55 12.8708 15.4 14.0458C14.25 15.2208 12.7917 16.6166 11.025 18.2333L10 19.1583ZM10 17.1833C11.6833 15.6333 13.0708 14.3041 14.1625 13.1958C15.2542 12.0875 16.1208 11.1166 16.7625 10.2833C17.4042 9.44998 17.8542 8.70831 18.1125 8.05831C18.3708 7.40831 18.5 6.75831 18.5 6.10831C18.5 5.00831 18.15 4.10415 17.45 3.39581C16.75 2.68748 15.85 2.33331 14.75 2.33331C13.9 2.33331 13.1083 2.59581 12.375 3.12081C11.6417 3.64581 11.05 4.38331 10.6 5.33331H9.375C8.94167 4.39998 8.35833 3.66665 7.625 3.13331C6.89167 2.59998 6.1 2.33331 5.25 2.33331C4.15 2.33331 3.25 2.68748 2.55 3.39581C1.85 4.10415 1.5 5.00831 1.5 6.10831C1.5 6.75831 1.62917 7.41248 1.8875 8.07081C2.14583 8.72915 2.59583 9.47915 3.2375 10.3208C3.87917 11.1625 4.75 12.1333 5.85 13.2333C6.95 14.3333 8.33333 15.65 10 17.1833Z" fill="#9CA2A7"/>
+</svg>
diff --git a/src/OnboardingSPA/steps/SiteGen/Editor/Header/TextInput/index.js b/src/OnboardingSPA/steps/SiteGen/Editor/Header/TextInput/index.js
new file mode 100644
index 000000000..571f64f6d
--- /dev/null
+++ b/src/OnboardingSPA/steps/SiteGen/Editor/Header/TextInput/index.js
@@ -0,0 +1,32 @@
+import { useRef, useEffect } from '@wordpress/element';
+
+const TextInputVersion = ( {
+	isInputDisabled,
+	versionName,
+	setVersionName,
+} ) => {
+	const inputRef = useRef( null );
+
+	useEffect( () => {
+		if ( ! isInputDisabled && inputRef.current ) {
+			inputRef.current.focus();
+		}
+	}, [ isInputDisabled ] );
+
+	const handleTextChange = ( e ) => {
+		setVersionName( e.target.value );
+	};
+
+	return (
+		<input
+			ref={ inputRef }
+			className="nfd-onboarding-header__center-input"
+			disabled={ isInputDisabled }
+			type="text"
+			value={ versionName }
+			onChange={ handleTextChange }
+		/>
+	);
+};
+
+export default TextInputVersion;
diff --git a/src/OnboardingSPA/steps/SiteGen/Editor/Header/step-navigation-center.js b/src/OnboardingSPA/steps/SiteGen/Editor/Header/step-navigation-center.js
new file mode 100644
index 000000000..172d4a31d
--- /dev/null
+++ b/src/OnboardingSPA/steps/SiteGen/Editor/Header/step-navigation-center.js
@@ -0,0 +1,110 @@
+import { Icon, chevronDown, reusableBlock, settings } from '@wordpress/icons';
+import { __ } from '@wordpress/i18n';
+
+import { useViewportMatch } from '@wordpress/compose';
+import { useState } from '@wordpress/element';
+import { ReactComponent as FavouriteIcon } from '../../../../static/icons/sitegen/heart-stroked.svg';
+import { Dropdown, MenuGroup, MenuItem } from '@wordpress/components';
+import TextInputVersion from './TextInput';
+import { useSelect } from '@wordpress/data';
+import { store as nfdOnboardingStore } from '../../../../store';
+
+/**
+ * Centre Step buttons presented in Header.
+ *
+ * @return {WPComponent} StepNavigation Component
+ */
+const StepNavigationCenter = () => {
+	const activeHomepage = useSelect(
+		( select ) => select( nfdOnboardingStore ).getActiveHomepage(),
+		[]
+	);
+	const [ isInputDisabled, setIsInputDisabled ] = useState( true );
+	const [ versionName, setVersionName ] = useState( activeHomepage?.title );
+	const isLargeViewport = useViewportMatch( 'medium' );
+
+	const handleRenameClick = () => {
+		setIsInputDisabled( false );
+	};
+
+	/**
+	 * Version step Navigation button.
+	 *
+	 * @return {WPComponent} VersionButton Component
+	 */
+	const VersionDropDownMenuItems = () => {
+		return (
+			<MenuGroup className="nfd-onboarding-header__version_dropdown-menu">
+				{ ! isLargeViewport && (
+					<>
+						<MenuItem onClick={ () => {} }>
+							<Icon icon={ reusableBlock } />
+							{ __( 'Regenrate', 'wp-module-onboarding' ) }
+						</MenuItem>
+						<MenuItem onClick={ () => {} }>
+							<Icon icon={ settings } />
+							{ __( 'Customize', 'wp-module-onboarding' ) }
+						</MenuItem>
+					</>
+				) }
+
+				<MenuItem onClick={ handleRenameClick }>
+					{ __( 'Rename', 'wp-module-onboarding' ) }
+				</MenuItem>
+				<MenuItem onClick={ () => {} }>
+					{ __( 'View All', 'wp-module-onboarding' ) }
+				</MenuItem>
+			</MenuGroup>
+		);
+	};
+
+	/**
+	 * Version step Navigation button.
+	 *
+	 * @param  root0
+	 * @param  root0.isInputDisabled
+	 * @return {WPComponent} VersionButton Component
+	 */
+
+	const VersionButton = () => {
+		return (
+			<Dropdown
+				renderToggle={ ( { isOpen, onToggle } ) => (
+					<div
+						role="button"
+						tabIndex="0"
+						aria-expanded={ isOpen }
+						aria-label="Regenerate"
+						className="navigation-buttons-editor"
+					>
+						<FavouriteIcon />
+						<TextInputVersion
+							versionName={ versionName }
+							setVersionName={ setVersionName }
+							isInputDisabled={ isInputDisabled }
+						/>
+						<Icon
+							icon={ chevronDown }
+							onClick={ onToggle }
+							onKeyDown={ ( event ) => {
+								if ( event.key === 'Enter' ) {
+									onToggle();
+								}
+							} }
+						/>
+					</div>
+				) }
+				renderContent={ VersionDropDownMenuItems }
+				paddingSize="none"
+			/>
+		);
+	};
+
+	return (
+		<div className="nfd-onboarding-header__step-navigation">
+			<VersionButton isInputDisabled={ isInputDisabled } />
+		</div>
+	);
+};
+
+export default StepNavigationCenter;
diff --git a/src/OnboardingSPA/steps/SiteGen/Editor/Header/step-navigation-left.js b/src/OnboardingSPA/steps/SiteGen/Editor/Header/step-navigation-left.js
new file mode 100644
index 000000000..8e566fa91
--- /dev/null
+++ b/src/OnboardingSPA/steps/SiteGen/Editor/Header/step-navigation-left.js
@@ -0,0 +1,94 @@
+import { useSelect, useDispatch } from '@wordpress/data';
+import { useNavigate } from 'react-router-dom';
+import { Icon, chevronLeft, reusableBlock } from '@wordpress/icons';
+import { __ } from '@wordpress/i18n';
+import { useViewportMatch } from '@wordpress/compose';
+
+import { store as nfdOnboardingStore } from '../../../../store';
+
+/**
+ * Step buttons presented in Header.
+ *
+ * @return {WPComponent} StepNavigation Component
+ */
+const StepNavigationLeft = () => {
+	const { previousStep, showErrorDialog } = useSelect( ( select ) => {
+		return {
+			previousStep: select( nfdOnboardingStore ).getPreviousStep(),
+			showErrorDialog: select( nfdOnboardingStore ).getShowErrorDialog(),
+		};
+	}, [] );
+
+	const isLargeViewport = useViewportMatch( 'medium' );
+
+	/**
+	 * Back step Navigation button.
+	 *
+	 * @param {*} param0
+	 *
+	 * @return {WPComponent} Back Component
+	 */
+	const Back = ( { path } ) => {
+		const { setNavErrorContinuePath } = useDispatch( nfdOnboardingStore );
+		const navigate = useNavigate();
+		const navigateBack = () => {
+			if ( showErrorDialog !== false ) {
+				setNavErrorContinuePath( path );
+			} else {
+				navigate( path, { state: { origin: 'header' } } );
+			}
+		};
+		return (
+			<div
+				role="button"
+				tabIndex="0"
+				onClick={ navigateBack }
+				onKeyDown={ ( event ) => {
+					if ( event.key === 'Enter' ) {
+						navigateBack();
+					}
+				} }
+				aria-label="Back"
+				className="navigation-buttons-editor"
+			>
+				<Icon icon={ chevronLeft } />
+				{ __( 'Back', 'wp-module-onboarding' ) }
+			</div>
+		);
+	};
+
+	const Regenerate = () => {
+		const regenerate = () => {
+			// alert( 'regenerate' );
+		};
+		return (
+			<div
+				role="button"
+				tabIndex="0"
+				onClick={ regenerate }
+				onKeyDown={ ( event ) => {
+					if ( event.key === 'Enter' ) {
+						regenerate();
+					}
+				} }
+				aria-label="Regenerate"
+				className="navigation-buttons-editor"
+			>
+				<Icon icon={ reusableBlock } />
+				{ __( 'Regenerate', 'wp-module-onboarding' ) }
+			</div>
+		);
+	};
+
+	return (
+		<div className="nfd-onboarding-header__step-navigation">
+			<Back
+				path={ previousStep.path }
+				showErrorDialog={ showErrorDialog }
+			/>
+			{ isLargeViewport ? <Regenerate /> : '' }
+		</div>
+	);
+};
+
+export default StepNavigationLeft;
diff --git a/src/OnboardingSPA/steps/SiteGen/Editor/Header/step-navigation-right.js b/src/OnboardingSPA/steps/SiteGen/Editor/Header/step-navigation-right.js
new file mode 100644
index 000000000..3163d7656
--- /dev/null
+++ b/src/OnboardingSPA/steps/SiteGen/Editor/Header/step-navigation-right.js
@@ -0,0 +1,86 @@
+import { useSelect } from '@wordpress/data';
+import { Icon, chevronRight, settings } from '@wordpress/icons';
+import { __ } from '@wordpress/i18n';
+import { useViewportMatch } from '@wordpress/compose';
+
+import { store as nfdOnboardingStore } from '../../../../store';
+
+/**
+ * Step buttons presented in Header.
+ *
+ * @return {WPComponent} StepNavigation Component
+ */
+const StepNavigationRight = () => {
+	// eslint-disable-next-line no-unused-vars
+	const { previousStep, showErrorDialog } = useSelect( ( select ) => {
+		return {
+			previousStep: select( nfdOnboardingStore ).getPreviousStep(),
+			showErrorDialog: select( nfdOnboardingStore ).getShowErrorDialog(),
+		};
+	}, [] );
+
+	const isLargeViewport = useViewportMatch( 'medium' );
+
+	/**
+	 * Back step Navigation button.
+	 *
+	 *
+	 * @return {WPComponent} Back Component
+	 */
+	const Customize = () => {
+		const customize = () => {
+			//	alert('customize');
+		};
+		return (
+			<div
+				role="button"
+				tabIndex="0"
+				onClick={ customize }
+				onKeyDown={ ( event ) => {
+					if ( event.key === 'Enter' ) {
+						customize();
+					}
+				} }
+				aria-label="Customize"
+				className="navigation-buttons-editor"
+			>
+				<Icon icon={ settings } />
+				{ __( 'Customize', 'wp-module-onboarding' ) }
+			</div>
+		);
+	};
+
+	const Save = () => {
+		const save = () => {
+			//	alert( 'save' );
+		};
+		return (
+			<div
+				role="button"
+				tabIndex="0"
+				onClick={ save }
+				onKeyDown={ ( event ) => {
+					if ( event.key === 'Enter' ) {
+						save();
+					}
+				} }
+				aria-label="Save"
+				className="navigation-buttons-editor"
+			>
+				{ isLargeViewport
+					? __( 'Save & Continue', 'wp-module-onboarding' )
+					: __( 'Next', 'wp-module-onboarding' ) }
+				<Icon icon={ chevronRight } />
+			</div>
+		);
+	};
+
+	return (
+		<div className="nfd-onboarding-header__step-navigation">
+			{ isLargeViewport ? <Customize /> : '' }
+			<Save />
+		</div>
+	);
+};
+
+export default StepNavigationRight;
diff --git a/src/OnboardingSPA/steps/SiteGen/Editor/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/Editor/stylesheet.scss
index 421df366b..e4c544fc9 100644
--- a/src/OnboardingSPA/steps/SiteGen/Editor/stylesheet.scss
+++ b/src/OnboardingSPA/steps/SiteGen/Editor/stylesheet.scss
@@ -1,3 +1,45 @@
+.nfd-onboarding-header {
+
+	&.nfd-onboarding-header-sg-editor {
+		background-color: var(--nfd-onboarding-admin-bar-background);
+		color: var(--nfd-onboarding-admin-bar-color);
+	}
+}
+
+.nfd-onboarding-header__center {
+
+	.nfd-onboarding-header__center-input {
+		font-size: 18px;
+		text-align: center;
+		border: none;
+		color: var(--nfd-onboarding-header-contrast);
+		background-color: var(--nfd-onboarding-header-base);
+		width: 150px;
+	}
+}
+
+.components-dropdown__content {
+
+	.components-popover__content {
+		padding: 0;
+
+		.nfd-onboarding-header__version_dropdown-menu {
+			width: 240px;
+
+			.components-menu-item__button {
+
+				.components-menu-item__item {
+					gap: 8px;
+				}
+
+				&:last-child {
+					border-top: 1px solid var(--nfd-onboarding-header-border);
+				}
+			}
+		}
+	}
+}
+
 .nfd-onboarding-step {
 
 	&--site-gen {
diff --git a/src/OnboardingSPA/steps/SiteGen/Preview/contents.js b/src/OnboardingSPA/steps/SiteGen/Preview/contents.js
index d35c4b3de..c6bc4b107 100644
--- a/src/OnboardingSPA/steps/SiteGen/Preview/contents.js
+++ b/src/OnboardingSPA/steps/SiteGen/Preview/contents.js
@@ -4,13 +4,15 @@ const getContents = () => {
 	return {
 		heading: __( 'Presto, here are 3 versions', 'wp-module-onboarding' ),
 		subheading: __(
-			"We've created 3 unique website designs for you to start with, preview click around or start over.",
+			"We've created 3 unique website designs for you to start with, preview, click around or start over.",
 			'wp-module-onboarding'
 		),
-		favoriteInfo: __(
+		favouriteNote: __(
 			'Favorite a generated version to find and use again in the future.',
 			'wp-module-onboarding'
 		),
+		generating: __( 'Generating Site', 'wp-module-onboarding' ),
+		regenerating: __( 'Regenerating Site', 'wp-module-onboarding' ),
 	};
 };
 
diff --git a/src/OnboardingSPA/steps/SiteGen/Preview/heartAnimation.js b/src/OnboardingSPA/steps/SiteGen/Preview/heartAnimation.js
new file mode 100644
index 000000000..ea5d1c430
--- /dev/null
+++ b/src/OnboardingSPA/steps/SiteGen/Preview/heartAnimation.js
@@ -0,0 +1,22 @@
+const HeartAnimation = () => {
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width="30"
+			height="24"
+			viewBox="-5 -2 36 24"
+			fill="none"
+			className="heart"
+		>
+			<g id="State=Active">
+				<path
+					id="Vector"
+					d="M10 19.1585L8.975 18.2335C7.20833 16.6168 5.75 15.221 4.6 14.046C3.45 12.871 2.53333 11.821 1.85 10.896C1.16667 9.971 0.6875 9.1335 0.4125 8.3835C0.1375 7.6335 0 6.87516 0 6.1085C0 4.6085 0.504167 3.35433 1.5125 2.346C2.52083 1.33766 3.76667 0.833496 5.25 0.833496C6.2 0.833496 7.07917 1.0585 7.8875 1.5085C8.69583 1.9585 9.4 2.6085 10 3.4585C10.7 2.5585 11.4417 1.896 12.225 1.471C13.0083 1.046 13.85 0.833496 14.75 0.833496C16.2333 0.833496 17.4792 1.33766 18.4875 2.346C19.4958 3.35433 20 4.6085 20 6.1085C20 6.87516 19.8625 7.6335 19.5875 8.3835C19.3125 9.1335 18.8333 9.971 18.15 10.896C17.4667 11.821 16.55 12.871 15.4 14.046C14.25 15.221 12.7917 16.6168 11.025 18.2335L10 19.1585Z"
+					fill="#EF4A71"
+				/>
+			</g>
+		</svg>
+	);
+};
+
+export default HeartAnimation;
diff --git a/src/OnboardingSPA/steps/SiteGen/Preview/index.js b/src/OnboardingSPA/steps/SiteGen/Preview/index.js
index 96d3635cd..fc47d324c 100644
--- a/src/OnboardingSPA/steps/SiteGen/Preview/index.js
+++ b/src/OnboardingSPA/steps/SiteGen/Preview/index.js
@@ -1,38 +1,35 @@
 import CommonLayout from '../../../components/Layouts/Common';
 
-import { useNavigate } from 'react-router-dom';
-
-import { useEffect, useState } from '@wordpress/element';
-
-import { useDispatch, useSelect } from '@wordpress/data';
+import { useEffect, useState, useMemo } from '@wordpress/element';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { store as nfdOnboardingStore } from '../../../store';
 import { HEADER_SITEGEN } from '../../../../constants';
+import { useNavigate } from 'react-router-dom';
 
-import LivePreviewSiteGenCard from '../../../components/LivePreview/SiteGenCard';
-
+import { SiteGenLivePreview } from '../../../components/LivePreview';
 import getContents from './contents';
+import HeartAnimation from './heartAnimation';
+import RegeneratingSiteCard from './regeneratingCard';
 import {
-	getHomepages,
-	getRandom,
-} from '../../../data/sitegen/homepages/homepages';
-import { getColorPalettes } from '../../../data/sitegen/sitemeta/siteMeta';
+	getHomePagePreviews,
+	getRegeneratedHomePagePreviews,
+	toggleFavoriteHomepage,
+} from '../../../utils/api/siteGen';
 import { getGlobalStyles } from '../../../utils/api/themes';
 
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { isEmpty, cloneDeep } from 'lodash';
-import Grid from '../../../components/Grid';
-
 const SiteGenPreview = () => {
 	const navigate = useNavigate();
-	const [ homepages, setHomepages ] = useState();
+	const [ homepages, setHomepages ] = useState( { active: {}, data: [] } );
+	const [ isRegenerating, setIsRegenerating ] = useState( false );
+	const [ isPreviewLoading, setIsPreviewLoading ] = useState( false );
 	const [ globalStyles, setGlobalStyles ] = useState( [] );
+
 	const {
 		setIsHeaderEnabled,
 		setSidebarActiveView,
 		setHeaderActiveView,
 		setDrawerActiveView,
 		setCurrentOnboardingData,
-		updateInitialize,
 	} = useDispatch( nfdOnboardingStore );
 
 	const { currentData, nextStep } = useSelect( ( select ) => {
@@ -43,52 +40,47 @@ const SiteGenPreview = () => {
 		};
 	} );
 
-	const loadData = async () => {
-		let homepagesObject = {};
-		if ( isEmpty( currentData.sitegen.homepages.data ) ) {
-			const homepagesResponse = getHomepages();
-			const colorsResponse = getColorPalettes();
-			homepagesResponse.forEach( ( homepage, index ) => {
-				if ( ! homepage?.color ) {
-					const paletteKeys = Object.keys( colorsResponse );
-					const paletteIndex =
-						paletteKeys[ index % paletteKeys.length ];
-					homepage.color = {
-						slug: paletteIndex,
-						palette: colorsResponse[ paletteIndex ],
-					};
-				}
-			} );
-			homepagesResponse.forEach( ( homepage ) => {
-				homepagesObject[ homepage.slug ] = homepage;
-			} );
-			currentData.sitegen.homepages.data = homepagesObject;
-			setCurrentOnboardingData( currentData );
-		} else {
-			homepagesObject = currentData.sitegen.homepages.data;
-		}
-		const globalStylesResponse = await getGlobalStyles();
-		setGlobalStyles( globalStylesResponse.body );
-
-		setHomepages( homepagesObject );
-	};
-
 	useEffect( () => {
 		setIsHeaderEnabled( true );
 		setSidebarActiveView( false );
 		setHeaderActiveView( HEADER_SITEGEN );
 		setDrawerActiveView( false );
-		updateInitialize( true );
-		loadData();
+	}, [ currentData ] );
+
+	useEffect( () => {
+		const fetchHomePagesPatterns = async () => {
+			setIsPreviewLoading( true );
+			if ( currentData.sitegen.siteDetails?.prompt !== '' ) {
+				try {
+					const response = await getHomePagePreviews(
+						currentData.sitegen.siteDetails.prompt,
+						false
+					);
+
+					if ( response && response.body ) {
+						setHomepages( { ...homepages, data: response.body } );
+						currentData.sitegen.homepages.data = response.body;
+						setCurrentOnboardingData( currentData );
+					} else if ( response && response.error ) {
+						setHomepages( { ...homepages, data: [] } );
+					} else {
+						/* Handle Error UI state */
+					}
+
+					setIsPreviewLoading( false );
+				} catch ( error ) {
+					setIsPreviewLoading( false );
+				}
+			}
+		};
+
+		fetchHomePagesPatterns();
+		loadGlobalStyles();
 	}, [] );
 
-	const handleFavorite = ( slug ) => {
-		if ( ! ( slug in homepages ) ) {
-			return false;
-		}
-		homepages[ slug ].favorite = ! homepages[ slug ].favorite;
-		currentData.sitegen.homepages.data = homepages;
-		setCurrentOnboardingData( currentData );
+	const loadGlobalStyles = async () => {
+		const globalStylesResponse = await getGlobalStyles();
+		setGlobalStyles( globalStylesResponse.body );
 	};
 
 	const handlePreview = ( slug ) => {
@@ -101,67 +93,187 @@ const SiteGenPreview = () => {
 		navigate( nextStep.path );
 	};
 
-	const handleRegenerate = ( slug ) => {
-		if ( ! ( slug in homepages ) ) {
-			return false;
+	const scrollSelectionIntoView = () => {
+		if (
+			document.getElementsByClassName(
+				'nfd-onboarding-step--site-gen__preview__note'
+			)
+		) {
+			document
+				.getElementsByClassName(
+					'nfd-onboarding-step--site-gen__preview__note'
+				)[ 0 ]
+				.scrollIntoView( {
+					behavior: 'smooth',
+					block: 'end',
+				} );
 		}
-		const page = { ...homepages };
-		const newPage = getRandom( { ...page[ slug ] } );
-		page[ newPage.slug ] = newPage;
-		setHomepages( page );
-		currentData.sitegen.homepages.data = page;
-		setCurrentOnboardingData( currentData );
 	};
 
-	const content = getContents();
+	const updateFavoriteStatus = ( slug, homepagesList ) => {
+		homepagesList.forEach( ( homepageObj ) => {
+			if ( homepageObj.slug === slug ) {
+				homepageObj.isFavourited = ! homepageObj.isFavourited;
+			}
+		} );
+		setCurrentOnboardingData( { ...currentData } );
+	};
+
+	const handleToggleFavoriteSuccess = ( response, slug, homepagesList ) => {
+		if ( ! response ) {
+			updateFavoriteStatus( slug, homepagesList );
+		}
+	};
+
+	const handleToggleFavoriteError = ( error, slug, homepagesList ) => {
+		updateFavoriteStatus( slug, homepagesList );
+		// eslint-disable-next-line no-console
+		console.error( error );
+	};
+
+	const handleFavorite = ( slug ) => {
+		const homepagesList = currentData.sitegen.homepages.data;
+
+		if ( homepagesList && homepagesList.length > 0 ) {
+			updateFavoriteStatus( slug, homepagesList );
+		}
+
+		toggleFavoriteHomepage( slug )
+			.then( ( response ) =>
+				handleToggleFavoriteSuccess( response, slug, homepagesList )
+			)
+			.catch( ( error ) =>
+				handleToggleFavoriteError( error, slug, homepagesList )
+			);
+	};
+
+	const handleRegenerate = async ( slug, colorPalattes, isFavourited ) => {
+		scrollSelectionIntoView();
+		setIsRegenerating( true );
+		if ( ! ( slug in homepages.data ) ) {
+			if ( currentData.sitegen.siteDetails?.prompt !== '' ) {
+				try {
+					const response = await getRegeneratedHomePagePreviews(
+						currentData.sitegen.siteDetails.prompt,
+						true,
+						slug,
+						colorPalattes,
+						isFavourited
+					);
+
+					if (
+						response &&
+						response.body &&
+						response.body.length > 0
+					) {
+						setHomepages( {
+							...homepages.data,
+							data: response.body,
+						} );
+						currentData.sitegen.homepages.data = response.body;
+						setCurrentOnboardingData( currentData );
+					} else if ( response && response.error ) {
+						/* Handle Error UI state */
+					} else {
+						/* Handle Error UI state */
+					}
+
+					setIsRegenerating( false );
+				} catch ( error ) {
+					setIsRegenerating( false );
+				}
+			}
+		}
+	};
+
+	// Define the createPreviewSettings function inside your component
+	const createPreviewSettings = ( palette ) => {
+		let settings = {};
+		if ( globalStyles.length > 0 ) {
+			settings = JSON.parse( JSON.stringify( globalStyles[ 0 ] ) );
+			settings.settings.color.palette = palette;
+		}
+		return settings;
+	};
+
+	// Use useMemo to memoize the previewSettings
+	const previewSettings = useMemo( () => {
+		return homepages?.data.map( ( homepage ) =>
+			createPreviewSettings( homepage?.color?.palette )
+		);
+	}, [ homepages.data, globalStyles ] );
 
 	const buildPreviews = () => {
-		return Object.keys( homepages ).map( ( homepage ) => {
-			const data = homepages[ homepage ];
-			const newPreviewSettings = cloneDeep( globalStyles[ 0 ] );
-			newPreviewSettings.settings.color.palette = data.color.palette;
+		if ( isPreviewLoading ) {
 			return (
-				<LivePreviewSiteGenCard
-					key={ homepage }
-					viewportWidth={ 1300 }
-					slug={ homepage }
-					title={ data.title }
-					isFavorite={ data.favorite }
-					skeletonLoadingTime={ 2500 }
-					previewSettings={ newPreviewSettings }
-					styling={ 'custom' }
-					blockGrammer={ data.content }
-					onFavorite={ handleFavorite }
-					onPreview={ handlePreview }
-					onRegenerate={ handleRegenerate }
-				/>
+				<RegeneratingSiteCard count={ 3 } isRegenerating={ false } />
 			);
-		} );
+		}
+
+		const designs = [];
+		designs.push(
+			homepages.data &&
+				homepages.data.map( ( homepage, idx ) => {
+					let newPreviewSettings = {};
+					if ( globalStyles.length > 0 ) {
+						newPreviewSettings = JSON.parse(
+							JSON.stringify( globalStyles && globalStyles[ 0 ] )
+						);
+						newPreviewSettings.settings.color.palette =
+							homepage.color.palette;
+					}
+					const isPreviewSettingsEmpty =
+						Object.keys( previewSettings[ idx ] ).length === 0;
+					if ( ! isPreviewSettingsEmpty ) {
+						return (
+							<SiteGenLivePreview
+								key={ idx }
+								blockGrammer={ homepage.content }
+								styling={ 'custom' }
+								overlay={ true }
+								onRegenerateClick={ handleRegenerate }
+								tabIndex="0"
+								role="button"
+								designObject={ homepage }
+								handleFavorite={ handleFavorite }
+								previewSettings={ previewSettings[ idx ] }
+								handlePreview={ handlePreview }
+								isRegenerating={ isRegenerating }
+							/>
+						);
+					}
+					return null;
+				} )
+		);
+
+		return designs;
 	};
 
+	const content = getContents();
+
 	return (
-		<CommonLayout
-			isCentered
-			className="nfd-onboarding-step--site-gen__preview"
-		>
-			<div className="nfd-onboarding-step--site-gen__preview__context">
-				<p className="nfd-onboarding-step--site-gen__preview__context__heading">
-					{ content.heading }
-				</p>
-				<div className="nfd-onboarding-step--site-gen__preview__context__subheading">
-					{ content.subheading }
+		<CommonLayout className="nfd-onboarding-step--site-gen__preview">
+			<div className="nfd-onboarding-step--site-gen__preview__container">
+				<div className="nfd-onboarding-step--site-gen__preview__container__heading">
+					<p className="nfd-onboarding-step--site-gen__preview__container__heading__text">
+						{ content.heading }
+					</p>
+				</div>
+				<div className="nfd-onboarding-step--site-gen__preview__container__sub-heading">
+					<p className="nfd-onboarding-step--site-gen__preview__container__sub-heading__text">
+						{ content.subheading }
+					</p>
 				</div>
 			</div>
-			<div className="nfd-onboarding-step--site-gen__preview__live_previews">
-				{ homepages && globalStyles && (
-					<Grid size={ 3 }>{ buildPreviews() }</Grid>
+			<div className="nfd-onboarding-step--site-gen__preview__options">
+				{ buildPreviews() }
+				{ isRegenerating && (
+					<RegeneratingSiteCard count={ 1 } isRegenerating={ true } />
 				) }
 			</div>
-			<div className="nfd-onboarding-step--site-gen__preview__favorite-info">
-				<div className="nfd-onboarding-step--site-gen__preview__favorite-info__icon"></div>
-				<p className="nfd-onboarding-step--site-gen__preview__favorite-info__text">
-					{ content.favoriteInfo }
-				</p>
+			<div className="nfd-onboarding-step--site-gen__preview__note">
+				<HeartAnimation />
+				<span>{ content.favouriteNote }</span>
 			</div>
 		</CommonLayout>
 	);
diff --git a/src/OnboardingSPA/steps/SiteGen/Preview/pattern.js b/src/OnboardingSPA/steps/SiteGen/Preview/pattern.js
new file mode 100644
index 000000000..46fd2d7fd
--- /dev/null
+++ b/src/OnboardingSPA/steps/SiteGen/Preview/pattern.js
@@ -0,0 +1,636 @@
+/* eslint-disable jsdoc/newline-after-description */
+const pattern1 = `<!-- wp:group {"align":"full","className":"nfd-my-0 nfd-py-md","style":{"spacing":{"blockGap":"32px"},"color":{"gradient":"linear-gradient(0deg,rgb(243,244,246) 18%,rgb(22,26,29) 18%)"}},"textColor":"white","layout":{"type":"default"}} -->\n    <div class="wp-block-group alignfull nfd-container nfd-my-0 nfd-py-md has-text-color has-white-color has-background" id="intro" style="background:linear-gradient(0deg,rgb(243,244,246) 18%,rgb(22,26,29) 18%);">\n        <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"className":"nfd-py-md","layout":{"type":"default"}} -->\n\t<div class="wp-block-group nfd-py-md">\n\t\t<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"600","letterSpacing":"0.05em"}},"className":"nfd-text-sm nfd-text-secondary"} -->\n\t\t<p class="has-text-align-center nfd-text-sm nfd-text-secondary" style="font-style:normal;font-weight:600;letter-spacing:0.05em;text-transform:uppercase">Business Consulting Solutions</p>\n\t\t<!-- /wp:paragraph -->\n\t\t<!-- wp:heading {"textAlign":"center","level":1,"className":"nfd-text-giga nfd-text-current md:nfd-no-br"} -->\n\t\t<h1 class="wp-block-heading has-text-align-center nfd-text-giga nfd-text-current md:nfd-no-br">Make your company <br>leader in the industry</h1>\n\t\t<!-- /wp:heading -->\n\t\t<!-- wp:buttons {"className":"nfd-text-base","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"40px","margin":{"top":"50px"}}}} -->\n\t\t<div class="wp-block-buttons nfd-text-base" style="margin-top:50px">\n\t\t\t<!-- wp:button {"style":{"spacing":{"padding":{"top":"20px","bottom":"20px","left":"48px","right":"48px"}},"typography":{"lineHeight":"1.5","fontStyle":"normal","fontWeight":"500"}}} -->\n\t\t\t<div class="wp-block-button" style="font-style:normal;font-weight:500;line-height:1.5"><a class="wp-block-button__link wp-element-button" style="padding-top:20px;padding-right:48px;padding-bottom:20px;padding-left:48px">Schedule a Consultation</a></div>\n\t\t\t<!-- /wp:button -->\n\t\t\t<!-- wp:button {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}},"typography":{"lineHeight":"1.5","fontStyle":"normal","fontWeight":"500"},"color":{"background":"#ffffff00"}},"className":"nfd-text-secondary"} -->\n\t\t\t<div class="wp-block-button nfd-text-secondary" style="font-style:normal;font-weight:500;line-height:1.5"><a class="wp-block-button__link has-background wp-element-button" style="background-color:#ffffff00;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><span style="margin-right:4px;">★</span> View Testimonials</a></div>\n\t\t\t<!-- /wp:button -->\n\t\t</div>\n\t\t<!-- /wp:buttons -->\n\t</div>\n\t<!-- /wp:group -->\n\t<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"20px","left":"40px"}}}} -->\n\t<div class="wp-block-columns">\n\t\t<!-- wp:column {"width":""} -->\n\t\t<div class="wp-block-column">\n\t\t\t<!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","style":{"border":{"radius":"4px"}}} -->\n\t\t\t<figure class="wp-block-image size-large has-custom-border"><img src="https://images.unsplash.com/photo-1603201667493-4c2696de0b1f?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;q=80&w=600&h=900&crop=" alt="" style="border-radius:4px;aspect-ratio:2/3;object-fit:cover"/></figure>\n\t\t\t<!-- /wp:image -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t\t<!-- wp:column -->\n\t\t<div class="wp-block-column">\n\t\t\t<!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","style":{"border":{"radius":"4px"}}} -->\n\t\t\t<figure class="wp-block-image size-large has-custom-border"><img src="https://images.unsplash.com/photo-1493421419110-74f4e85ba126?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;q=80&w=600&h=900&crop=" alt="" style="border-radius:4px;aspect-ratio:2/3;object-fit:cover"/></figure>\n\t\t\t<!-- /wp:image -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t\t<!-- wp:column -->\n\t\t<div class="wp-block-column">\n\t\t\t<!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","style":{"border":{"radius":"4px"}}} -->\n\t\t\t<figure class="wp-block-image size-large has-custom-border"><img src="https://images.unsplash.com/photo-1613579917953-d35e6b72d32b?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;q=80&w=600&h=900&crop=" alt="" style="border-radius:4px;aspect-ratio:2/3;object-fit:cover"/></figure>\n\t\t\t<!-- /wp:image -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t</div>\n\t<!-- /wp:columns -->\n    </div>\n    <!-- /wp:group -->\n\n<!-- wp:group {"align":"full","className":"nfd-my-0 nfd-bg-gray-100 nfd-py-md nfd-px-lg","style":{"spacing":{"padding":{"bottom":"40px"}}},"layout":{"type":"default"}} -->\n    <div class="wp-block-group alignfull nfd-container nfd-my-0 nfd-bg-gray-100 nfd-py-md nfd-px-lg" id="clients" style="padding-bottom:40px;">\n        <!-- wp:group {"style":{"border":{"radius":"4px"},"spacing":{"padding":{"bottom":"32px","top":"20px"}}},"layout":{"type":"default"}} -->\n\t<div class="wp-block-group" style="border-radius:4px;padding-top:20px;padding-bottom:32px">\n\t\t<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"24px","left":"24px"},"padding":{"left":"40px","right":"40px"}}}} -->\n\t\t<div class="wp-block-columns" style="padding-right:40px;padding-left:40px">\n\t\t\t<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->\n\t\t\t<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%">\n\t\t\t\t<!-- wp:image {"align":"center","sizeSlug":"large"} -->\n\t\t\t\t<figure class="wp-block-image aligncenter size-large"><img src="https://img.logoipsum.com/218.svg" alt=""/></figure>\n\t\t\t\t<!-- /wp:image -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t\t<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->\n\t\t\t<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%">\n\t\t\t\t<!-- wp:image {"align":"center","sizeSlug":"large"} -->\n\t\t\t\t<figure class="wp-block-image aligncenter size-large"><img src="https://img.logoipsum.com/216.svg" alt=""/></figure>\n\t\t\t\t<!-- /wp:image -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t\t<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->\n\t\t\t<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%">\n\t\t\t\t<!-- wp:image {"align":"center","sizeSlug":"large"} -->\n\t\t\t\t<figure class="wp-block-image aligncenter size-large"><img src="https://img.logoipsum.com/211.svg" alt=""/></figure>\n\t\t\t\t<!-- /wp:image -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t\t<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->\n\t\t\t<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%">\n\t\t\t\t<!-- wp:image {"align":"center","sizeSlug":"large"} -->\n\t\t\t\t<figure class="wp-block-image aligncenter size-large"><img src="https://img.logoipsum.com/217.svg" alt=""/></figure>\n\t\t\t\t<!-- /wp:image -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t</div>\n\t\t<!-- /wp:columns -->\n\t</div>\n\t<!-- /wp:group -->\n    </div>\n    <!-- /wp:group -->\n\n<!-- wp:group {"align":"full","className":"nfd-my-0 nfd-p-lg","style":{"spacing":{"blockGap":"64px"}},"textColor":"black","backgroundColor":"white","layout":{"type":"default"}} -->\n    <div class="wp-block-group alignfull nfd-container nfd-my-0 nfd-p-lg has-text-color has-black-color has-background has-white-background-color" id="area-of-practice" >\n        <!-- wp:group {"layout":{"type":"constrained"}} -->\n    <div class="wp-block-group">\n        <!-- wp:heading {"textAlign":"center","className":"nfd-text-huge nfd-text-current md:nfd-no-br"} -->\n        <h2 class="wp-block-heading has-text-align-center nfd-text-huge nfd-text-current md:nfd-no-br">Area of Practice</h2>\n        <!-- /wp:heading -->\n            </div>\n    <!-- /wp:group -->\n    \n\t<!-- wp:group {"style":{"spacing":{"blockGap":"24px"}},"layout":{"type":"default"}} -->\n\t<div class="wp-block-group">\n\t\t<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"24px","left":"24px"}}},"className":"nfd-text-base "} -->\n\t\t<div class="wp-block-columns nfd-text-base">\n\t\t\t<!-- wp:column -->\n\t\t\t<div class="wp-block-column">\n\t\t\t\t<!-- wp:group {"style":{"border":{"radius":"8px"},"spacing":{"blockGap":"8px","padding":{"top":"32px","right":"32px","bottom":"32px","left":"32px"}}},"textColor":"black","className":"nfd-h-full nfd-bg-gray-100","layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t<div class="wp-block-group nfd-h-full nfd-bg-gray-100 has-black-color has-text-color" style="border-radius:8px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px">\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"2px","fontStyle":"normal","fontWeight":"300"}},"className":"nfd-text-xl nfd-text-primary"} -->\n\t\t\t\t\t\t<p class="nfd-text-xl nfd-text-primary" style="font-style:normal;font-weight:300;letter-spacing:2px">01</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p><strong>Portfolio Management</strong></p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p>We will work with you to create a personalised plan to help you achieve your financial goals.</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t\t<!-- wp:column -->\n\t\t\t<div class="wp-block-column">\n\t\t\t\t<!-- wp:group {"style":{"border":{"radius":"8px"},"spacing":{"blockGap":"8px","padding":{"top":"32px","right":"32px","bottom":"32px","left":"32px"}}},"backgroundColor":"white","textColor":"black","className":"nfd-h-full","layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t<div class="wp-block-group nfd-h-full has-black-color has-white-background-color has-text-color has-background" style="border-radius:8px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px">\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"2px","fontStyle":"normal","fontWeight":"300"}},"className":"nfd-text-xl nfd-text-primary"} -->\n\t\t\t\t\t\t<p class="nfd-text-xl nfd-text-primary" style="font-style:normal;font-weight:300;letter-spacing:2px">02</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p><strong>Performance Reviews</strong></p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t<!-- wp:paragraph {"textColor":"foreground"} -->\n\t\t\t\t\t\t<p class="has-foreground-color has-text-color">We will work with you to create a personalised plan to help you achieve your financial goals.</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t\t<!-- wp:column -->\n\t\t\t<div class="wp-block-column">\n\t\t\t\t<!-- wp:group {"style":{"border":{"radius":"8px"},"spacing":{"blockGap":"8px","padding":{"top":"32px","right":"32px","bottom":"32px","left":"32px"}}},"textColor":"black","className":"nfd-h-full nfd-bg-gray-100","layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t<div class="wp-block-group nfd-h-full nfd-bg-gray-100 has-black-color has-text-color" style="border-radius:8px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px">\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"2px","fontStyle":"normal","fontWeight":"300"}},"className":"nfd-text-xl nfd-text-primary"} -->\n\t\t\t\t\t\t<p class="nfd-text-xl nfd-text-primary" style="font-style:normal;font-weight:300;letter-spacing:2px">03</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p><strong>Financial Planning</strong></p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p>We will work with you to create a personalised plan to help you achieve your financial goals.</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t</div>\n\t\t<!-- /wp:columns -->\n\t\t<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"24px","left":"24px"}}},"className":"nfd-text-base "} -->\n\t\t<div class="wp-block-columns nfd-text-base">\n\t\t\t<!-- wp:column -->\n\t\t\t<div class="wp-block-column">\n\t\t\t\t<!-- wp:group {"style":{"border":{"radius":"8px"},"spacing":{"blockGap":"8px","padding":{"top":"32px","right":"32px","bottom":"32px","left":"32px"}}},"backgroundColor":"white","textColor":"black","className":"nfd-h-full","layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t<div class="wp-block-group nfd-h-full has-black-color has-white-background-color has-text-color has-background" style="border-radius:8px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px">\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"2px","fontStyle":"normal","fontWeight":"300"}},"className":"nfd-text-xl nfd-text-primary"} -->\n\t\t\t\t\t\t<p class="nfd-text-xl nfd-text-primary" style="font-style:normal;font-weight:300;letter-spacing:2px">04</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p><strong>Portfolio Management</strong></p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p>We will work with you to create a personalised plan to help you achieve your financial goals.</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t\t<!-- wp:column -->\n\t\t\t<div class="wp-block-column">\n\t\t\t\t<!-- wp:group {"style":{"border":{"radius":"8px"},"spacing":{"blockGap":"8px","padding":{"top":"32px","right":"32px","bottom":"32px","left":"32px"}}},"textColor":"black","className":"nfd-h-full nfd-bg-gray-100","layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t<div class="wp-block-group nfd-h-full nfd-bg-gray-100 has-black-color has-text-color" style="border-radius:8px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px">\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"2px","fontStyle":"normal","fontWeight":"300"}},"className":"nfd-text-xl nfd-text-primary"} -->\n\t\t\t\t\t\t<p class="nfd-text-xl nfd-text-primary" style="font-style:normal;font-weight:300;letter-spacing:2px">05</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p><strong>Performance Reviews</strong></p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p>We will work with you to create a personalised plan to help you achieve your financial goals.</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t\t<!-- wp:column -->\n\t\t\t<div class="wp-block-column">\n\t\t\t\t<!-- wp:group {"style":{"border":{"radius":"8px"},"spacing":{"blockGap":"8px","padding":{"top":"32px","right":"32px","bottom":"32px","left":"32px"}}},"backgroundColor":"white","textColor":"black","className":"nfd-h-full","layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t<div class="wp-block-group nfd-h-full has-black-color has-white-background-color has-text-color has-background" style="border-radius:8px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px">\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","justifyContent":"left"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"2px","fontStyle":"normal","fontWeight":"300"}},"className":"nfd-text-xl nfd-text-primary"} -->\n\t\t\t\t\t\t<p class="nfd-text-xl nfd-text-primary" style="font-style:normal;font-weight:300;letter-spacing:2px">06</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p><strong>Financial Planning</strong></p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t<p>We will work with you to create a personalised plan to help you achieve your financial goals.</p>\n\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:column -->\n\t\t</div>\n\t\t<!-- /wp:columns -->\n\t</div>\n\t<!-- /wp:group -->\n    </div>\n    <!-- /wp:group -->\n\n<!-- wp:spacer {"height":"32px","className":"nfd-my-0"} -->\n<div style="height:32px" aria-hidden="true" class="wp-block-spacer nfd-my-0"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:group {"align":"full","style":{"color":{"gradient":"linear-gradient(180deg,rgb(255,255,255) 0%,rgb(243,244,246) 100%)"},"spacing":{"blockGap":"64px"}},"textColor":"black","className":"nfd-my-0 nfd-px-md nfd-py-0 nfd-pb-lg nfd-container nfd-bg-gray-100","layout":{"type":"default"}} -->\n<div class="wp-block-group alignfull nfd-my-0 nfd-px-md nfd-py-0 nfd-pb-lg nfd-container nfd-bg-gray-100 has-black-color has-text-color has-background" id="features" style="background:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(243,244,246) 100%)">\n\n    <!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"64px","left":"64px"}}},"className":"md:nfd-gap-8 nfd-text-base"} -->\n\t<div class="wp-block-columns are-vertically-aligned-center md:nfd-gap-8 nfd-text-base">\n\t\t<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"0"}}} -->\n\t\t<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%">\n\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"className":"nfd-grid nfd-grid-cols-9 nfd-grid-rows-1 nfd-items-center","layout":{"type":"default"}} -->\n\t\t\t<div class="wp-block-group nfd-grid nfd-grid-cols-9 nfd-grid-rows-1 nfd-items-center">\n\t\t\t\t<!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","style":{"border":{"radius":{"topRight":"8px","bottomRight":"8px","topLeft":"8px","bottomLeft":"8px"}}},"className":"nfd-col-start-7 nfd-col-end-13 nfd-row-start-1"} -->\n\t\t\t\t<figure class="wp-block-image size-large has-custom-border nfd-col-start-7 nfd-col-end-13 nfd-row-start-1"><img src="https://images.unsplash.com/photo-1432888498266-38ffec3eaf0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTF8fHJlc3RhdXJhbnR8ZW58MHwxfDB8fA%3D%3D&amp;auto=format&amp;fit=crop&amp;q=60&w=800&h=&crop=" alt="" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;aspect-ratio:3/4;object-fit:cover"/></figure>\n\t\t\t\t<!-- /wp:image -->\n\t\t\t\t<!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","style":{"border":{"radius":"8px","right":{"color":"var:preset|color|white","width":"3px"}}},"className":"nfd-col-start-1 nfd-col-end-9 nfd-row-start-1"} -->\n\t\t\t\t<figure class="wp-block-image size-large has-custom-border nfd-col-start-1 nfd-col-end-9 nfd-row-start-1"><img src="https://images.unsplash.com/photo-1553877522-43269d4ea984?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTJ8fHJlc3RhdXJhbnR8ZW58MHwxfDB8fA%3D%3D&amp;auto=format&amp;fit=crop&amp;q=60&w=800&h=&crop=" alt="" style="border-radius:8px;border-right-color:var(--wp--preset--color--white);border-right-width:3px;aspect-ratio:3/4;object-fit:cover"/></figure>\n\t\t\t\t<!-- /wp:image -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t\t<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"20px"}},"className":"md:nfd-order-2"} -->\n\t\t<div class="wp-block-column is-vertically-aligned-center md:nfd-order-2" style="flex-basis:50%">\n\t\t\t<!-- wp:heading {"className":"nfd-text-xl nfd-text-current"} -->\n\t\t\t<h2 class="wp-block-heading nfd-text-xl nfd-text-current">Explore Our Unmatched Consulting Solutions</h2>\n\t\t\t<!-- /wp:heading -->\n\t\t\t<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"8px"}}},"className":"nfd-text-md nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t<div class="wp-block-group nfd-text-md nfd-text-opacity-80" style="padding-bottom:8px">\n\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t<p>Experience exceptional consulting services at our well-established agency. We offer comprehensive solutions for both established and emerging businesses, tailored to your unique needs.</p>\n\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t\t<!-- wp:buttons {"className":"nfd-weight-inherit","layout":{"type":"flex","justifyContent":"left","flexWrap":"wrap","orientation":"horizontal"},"style":{"spacing":{},"typography":{"lineHeight":"1.5"}}} -->\n\t\t\t<div class="wp-block-buttons nfd-weight-inherit" style="line-height:1.5">\n\t\t\t\t<!-- wp:button {"style":{"spacing":{"padding":{"top":"16px","bottom":"16px","left":"32px","right":"32px"}}}} -->\n\t\t\t\t<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" style="padding-top:16px;padding-right:32px;padding-bottom:16px;padding-left:32px">Schedule a Consultation</a></div>\n\t\t\t\t<!-- /wp:button -->\n\t\t\t</div>\n\t\t\t<!-- /wp:buttons -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t</div>\n\t<!-- /wp:columns -->\n\n    <!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"64px","left":"64px"}}},"className":"md:nfd-gap-8 nfd-text-base"} -->\n\t<div class="wp-block-columns are-vertically-aligned-center md:nfd-gap-8 nfd-text-base">\n\t\t<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"20px"}},"className":"md:nfd-order-2"} -->\n\t\t<div class="wp-block-column is-vertically-aligned-center md:nfd-order-2" style="flex-basis:50%">\n\t\t\t<!-- wp:heading {"className":"nfd-text-xl nfd-text-current"} -->\n\t\t\t<h2 class="wp-block-heading nfd-text-xl nfd-text-current">Come and Experience Our Unforgettable Cuisine</h2>\n\t\t\t<!-- /wp:heading -->\n\t\t\t<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"8px"}}},"className":"nfd-text-md nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t<div class="wp-block-group nfd-text-md nfd-text-opacity-80" style="padding-bottom:8px">\n\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t<p>Experience exquisite fine dining at our newly opened restaurant. Enjoy a delicious menu of classic and modern dishes, prepared with the freshest ingredients.</p>\n\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t\t<!-- wp:buttons {"className":"nfd-weight-inherit","layout":{"type":"flex","justifyContent":"left","flexWrap":"wrap","orientation":"horizontal"},"style":{"spacing":{},"typography":{"lineHeight":"1.5"}}} -->\n\t\t\t<div class="wp-block-buttons nfd-weight-inherit" style="line-height:1.5">\n\t\t\t\t<!-- wp:button {"style":{"spacing":{"padding":{"top":"16px","bottom":"16px","left":"32px","right":"32px"}}}} -->\n\t\t\t\t<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" style="padding-top:16px;padding-right:32px;padding-bottom:16px;padding-left:32px">Make a Reservation</a></div>\n\t\t\t\t<!-- /wp:button -->\n\t\t\t</div>\n\t\t\t<!-- /wp:buttons -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t</div>\n\t<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"0"}}} -->\n\t<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%">\n\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"className":"nfd-grid nfd-grid-cols-9 nfd-grid-rows-1 nfd-items-center","layout":{"type":"default"}} -->\n\t\t<div class="wp-block-group nfd-grid nfd-grid-cols-9 nfd-grid-rows-1 nfd-items-center">\n\t\t\t<!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","style":{"border":{"radius":{"topRight":"8px","bottomRight":"8px","topLeft":"8px","bottomLeft":"8px"}}},"className":"nfd-col-start-1 nfd-col-end-7 nfd-row-start-1"} -->\n\t\t\t<figure class="wp-block-image size-large has-custom-border nfd-col-start-1 nfd-col-end-7 nfd-row-start-1"><img src="https://images.unsplash.com/photo-1467003909585-2f8a72700288?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTF8fHJlc3RhdXJhbnR8ZW58MHwxfDB8fA%3D%3D&amp;auto=format&amp;fit=crop&amp;q=60&w=600&h=900&crop=" alt="" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;aspect-ratio:2/3;object-fit:cover"/></figure>\n\t\t\t<!-- /wp:image -->\n\t\t\t<!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","style":{"border":{"radius":"8px","right":{"color":"var:preset|color|white","width":"3px"}}},"className":"nfd-col-start-5 nfd-col-end-13 nfd-row-start-1"} -->\n\t\t\t<figure class="wp-block-image size-large has-custom-border nfd-col-start-5 nfd-col-end-13 nfd-row-start-1"><img src="https://images.unsplash.com/photo-1482049016688-2d3e1b311543?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTJ8fHJlc3RhdXJhbnR8ZW58MHwxfDB8fA%3D%3D&amp;auto=format&amp;fit=crop&amp;q=60&w=600&h=900&crop=" alt="" style="border-radius:8px;border-right-color:var(--wp--preset--color--white);border-right-width:3px;aspect-ratio:2/3;object-fit:cover"/></figure>\n\t\t\t<!-- /wp:image -->\n\t\t</div>\n\t\t<!-- /wp:group -->\n\t</div>\n\t<!-- /wp:column -->\n\t<!-- /wp:columns -->\n\n</div>\n<!-- /wp:group -->\n    \n<!-- wp:group {"align":"full","className":"nfd-my-0 nfd-p-lg nfd-bg-gray-100","textColor":"black","backgroundColor":"white","layout":{"type":"default"}} -->\n    <div class="wp-block-group alignfull nfd-container nfd-my-0 nfd-p-lg nfd-bg-gray-100 has-text-color has-black-color has-background has-white-background-color" id="milestones" >\n        <!-- wp:columns -->\n\t<div class="wp-block-columns">\n\t\t<!-- wp:column {"style":{"spacing":{}}} -->\n\t\t<div class="wp-block-column">\n\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->\n\t\t\t<div class="wp-block-group">\n\t\t\t\t<!-- wp:heading {"textAlign":"center","level":3,"className":"nfd-text-huge nfd-text-primary"} -->\n\t\t\t\t<h3 class="wp-block-heading has-text-align-center nfd-text-huge nfd-text-primary">2.5k </h3>\n\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"layout":{"type":"constrained"}} -->\n\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t<!-- wp:paragraph {"align":"center","className":"nfd-text-md"} -->\n\t\t\t\t\t<p class="has-text-align-center nfd-text-md">Clients served</p>\n\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t\t<!-- wp:column {"style":{"spacing":{}}} -->\n\t\t<div class="wp-block-column">\n\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->\n\t\t\t<div class="wp-block-group">\n\t\t\t\t<!-- wp:heading {"textAlign":"center","level":3,"className":"nfd-text-huge nfd-text-primary"} -->\n\t\t\t\t<h3 class="wp-block-heading has-text-align-center nfd-text-huge nfd-text-primary">10k </h3>\n\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"layout":{"type":"constrained"}} -->\n\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t<!-- wp:paragraph {"align":"center","className":"nfd-text-md"} -->\n\t\t\t\t\t<p class="has-text-align-center nfd-text-md">Projects completed</p>\n\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t\t<!-- wp:column {"style":{"spacing":{}}} -->\n\t\t<div class="wp-block-column">\n\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->\n\t\t\t<div class="wp-block-group">\n\t\t\t\t<!-- wp:heading {"textAlign":"center","level":3,"className":"nfd-text-huge nfd-text-primary"} -->\n\t\t\t\t<h3 class="wp-block-heading has-text-align-center nfd-text-huge nfd-text-primary">1.2k </h3>\n\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"layout":{"type":"constrained"}} -->\n\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t<!-- wp:paragraph {"align":"center","className":"nfd-text-md"} -->\n\t\t\t\t\t<p class="has-text-align-center nfd-text-md">Marketing campaigns</p>\n\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t\t<!-- wp:column {"style":{"spacing":{}}} -->\n\t\t<div class="wp-block-column">\n\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->\n\t\t\t<div class="wp-block-group">\n\t\t\t\t<!-- wp:heading {"textAlign":"center","level":3,"className":"nfd-text-huge nfd-text-primary"} -->\n\t\t\t\t<h3 class="wp-block-heading has-text-align-center nfd-text-huge nfd-text-primary">15 </h3>\n\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"layout":{"type":"constrained"}} -->\n\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t<!-- wp:paragraph {"align":"center","className":"nfd-text-md"} -->\n\t\t\t\t\t<p class="has-text-align-center nfd-text-md">Full-time consultants</p>\n\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t</div>\n\t<!-- /wp:columns -->\n    </div>\n    <!-- /wp:group -->\n\n<!-- wp:group {"align":"full","className":"nfd-my-0 nfd-p-lg nfd-bg-gray-800","style":{"spacing":{"blockGap":"24px"}},"textColor":"white","layout":{"type":"constrained","contentSize":"700px"}} -->\n    <div class="wp-block-group alignfull nfd-container nfd-my-0 nfd-p-lg nfd-bg-gray-800 has-text-color has-white-color" id="testimonials" >\n        <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#fab906"}},"className":"nfd-text-md md:nfd-text-left"} -->\n\t<p class="has-text-align-center nfd-text-md md:nfd-text-left has-text-color" style="color:#fab906">★ ★ ★ ★ ★</p>\n\t<!-- /wp:paragraph -->\n\t<!-- wp:group {"className":"nfd-text-lg","layout":{"type":"default"}} -->\n\t<div class="wp-block-group nfd-text-lg">\n\t\t<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"className":"md:nfd-text-left"} -->\n\t\t<p class="has-text-align-center md:nfd-text-left" style="font-style:normal;font-weight:400">My experience at the restaurant was great. The food was delicious, the service was excellent, and the atmosphere was cozy and inviting. Highly recommend this restaurant.</p>\n\t\t<!-- /wp:paragraph -->\n\t</div>\n\t<!-- /wp:group -->\n\t<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"className":"nfd-text-sm md:nfd-justify-start","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->\n\t<div class="wp-block-group nfd-text-sm md:nfd-justify-start">\n\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->\n\t\t<div class="wp-block-group">\n\t\t\t<!-- wp:image {"width":40,"aspectRatio":"1","scale":"cover","sizeSlug":"large","className":"is-style-rounded"} -->\n\t\t\t<figure class="wp-block-image size-large is-resized is-style-rounded"><img src="https://images.unsplash.com/photo-1640951613773-54706e06851d?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTg5fHxwZXJzb258ZW58MHwyfDB8fA%3D%3D&amp;auto=format&amp;fit=crop&amp;q=60&w=200&h=200&crop=face" width="40"/></figure>\n\t\t\t<!-- /wp:image -->\n\t\t\t<!-- wp:paragraph -->\n\t\t\t<p>\n\t\t\t\t<strong>Alex Martinez</strong>\n\t\t\t</p>\n\t\t\t<!-- /wp:paragraph -->\n\t\t</div>\n\t\t<!-- /wp:group -->\n\t\t<!-- wp:paragraph {"className":"nfd-text-opacity-80"} -->\n\t\t<p class="nfd-text-opacity-80">/</p>\n\t\t<!-- /wp:paragraph -->\n\t\t<!-- wp:paragraph {"className":"nfd-text-opacity-80"} -->\n\t\t<p class="nfd-text-opacity-80">Customer</p>\n\t\t<!-- /wp:paragraph -->\n\t</div>\n\t<!-- /wp:group -->\n    </div>\n    <!-- /wp:group -->\n\n<!-- wp:group {"align":"wide","className":"nfd-my-0 nfd-p-0 nfd-border-accent nfd-overflow-hidden","style":{"border":{"radius":"8px"}},"layout":{"type":"default"}} -->\n    <div class="wp-block-group alignwide nfd-my-0 nfd-p-0 nfd-border-accent nfd-overflow-hidden" id="call-to-action" style="border-radius:8px;">\n        <!-- wp:cover {"url":"https://images.unsplash.com/photo-1508873699372-7aeab60b44ab?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;q=80&w=1500&h=&crop=","dimRatio":70,"overlayColor":"black","focalPoint":{"x":0.5,"y":0.5},"minHeight":50,"className":"nfd-p-md"} -->\n\t<div class="wp-block-cover nfd-p-md" style="min-height:50px">\n\t\t<span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.unsplash.com/photo-1508873699372-7aeab60b44ab?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;q=80&w=1500&h=&crop=" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%"/>\n\t\t<div class="wp-block-cover__inner-container">\n\t\t\t<!-- wp:group {"align":"wide","textColor":"background","className":"nfd-container","layout":{"type":"default"}} -->\n\t\t\t<div class="wp-block-group alignwide nfd-container has-background-color has-text-color">\n\t\t\t\t<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"32px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->\n\t\t\t\t<div class="wp-block-group alignwide">\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"24px"}},"layout":{"type":"constrained","contentSize":""}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:heading {"textAlign":"left","className":"nfd-text-xl nfd-text-current"} -->\n\t\t\t\t\t\t<h2 class="wp-block-heading has-text-align-left nfd-text-xl nfd-text-current">We\'re meticulous in our approach<br>so you can focus on your business.</h2>\n\t\t\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"className":" nfd-text-base","layout":{"type":"flex","flexWrap":"wrap"}} -->\n\t\t\t\t\t\t<div class="wp-block-group nfd-text-base">\n\t\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t\t<p><strong style="margin-right: 4px">✓ </strong>Streamlined process</p>\n\t\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t\t<p><strong style="margin-right: 4px">✓ </strong>Flawless events</p>\n\t\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:buttons {"className":"nfd-text-base","layout":{"type":"flex","justifyContent":"left"}} -->\n\t\t\t\t\t<div class="wp-block-buttons nfd-text-base">\n\t\t\t\t\t\t<!-- wp:button {"style":{"spacing":{"padding":{"top":"16px","bottom":"16px","left":"32px","right":"32px"}},"typography":{"lineHeight":"1.5"}}} -->\n\t\t\t\t\t\t<div class="wp-block-button" style="line-height:1.5"><a class="wp-block-button__link wp-element-button" style="padding-top:16px;padding-right:32px;padding-bottom:16px;padding-left:32px">Schedule a consultation</a></div>\n\t\t\t\t\t\t<!-- /wp:button -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:buttons -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t</div>\n\t</div>\n\t<!-- /wp:cover -->\n    </div>\n    <!-- /wp:group -->\n\n<!-- wp:group {"align":"full","className":"nfd-my-0 nfd-px-md nfd-py-lg nfd-text-base","style":{"spacing":{"blockGap":"52px"},"color":{"gradient":"linear-gradient(180deg,rgb(255,255,255) 29%,rgb(243,244,246) 100%)"}},"textColor":"black","layout":{"type":"default"}} -->\n    <div class="wp-block-group alignfull nfd-container nfd-my-0 nfd-px-md nfd-py-lg nfd-text-base has-text-color has-black-color has-background" id="faq" style="background:linear-gradient(180deg,rgb(255,255,255) 29%,rgb(243,244,246) 100%);">\n        <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"40px","left":"48px"},"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->\n\t<div class="wp-block-columns" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">\n\t\t<!-- wp:column {"width":"45%"} -->\n\t\t<div class="wp-block-column" style="flex-basis:45%">\n\t\t\t<!-- wp:heading {"style":{},"className":"wp-block-heading nfd-text-huge"} -->\n\t\t\t<h2 class="wp-block-heading nfd-text-huge">Frequently Asked Questions</h2>\n\t\t\t<!-- /wp:heading -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t\t<!-- wp:column {"width":"66.66%"} -->\n\t\t<div class="wp-block-column" style="flex-basis:66.66%">\n\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"40px"}},"className":"nfd-grid nfd-grid-cols-2","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->\n\t\t\t<div class="wp-block-group nfd-grid nfd-grid-cols-2">\n\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"40px"}},"layout":{"type":"flex","orientation":"vertical"}} -->\n\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"wp-block-heading nfd-text-md nfd-text-primary"} -->\n\t\t\t\t\t\t<h3 class="wp-block-heading nfd-text-md nfd-text-primary" style="font-style:normal;font-weight:500">Is there a free trial available?</h3>\n\t\t\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t\t<p>Yes, we offer a free trial period of 14 days. During this period, you will have full access to all of our features and services.</p>\n\t\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"wp-block-heading nfd-text-md nfd-text-primary"} -->\n\t\t\t\t\t\t<h3 class="wp-block-heading nfd-text-md nfd-text-primary" style="font-style:normal;font-weight:500">How do I change my personal information?</h3>\n\t\t\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t\t<p>You can update name, email address and other personal information from the <em>"Settings"</em> section.</p>\n\t\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"40px"}},"layout":{"type":"flex","orientation":"vertical"}} -->\n\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"wp-block-heading nfd-text-md nfd-text-primary"} -->\n\t\t\t\t\t\t<h3 class="wp-block-heading nfd-text-md nfd-text-primary" style="font-style:normal;font-weight:500">Can I change my plan later?</h3>\n\t\t\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t\t<p>Yes, you can upgrade or downgrade your plan at any time.</p>\n\t\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"wp-block-heading nfd-text-md nfd-text-primary"} -->\n\t\t\t\t\t\t<h3 class="wp-block-heading nfd-text-md nfd-text-primary" style="font-style:normal;font-weight:500">How does billing work?</h3>\n\t\t\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t\t<p>We have a simple billing system which allows you to pay for services on a monthly basis.</p>\n\t\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"constrained"}} -->\n\t\t\t\t\t<div class="wp-block-group">\n\t\t\t\t\t\t<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"wp-block-heading nfd-text-md nfd-text-primary"} -->\n\t\t\t\t\t\t<h3 class="wp-block-heading nfd-text-md nfd-text-primary" style="font-style:normal;font-weight:500">Can I get an invoice for my purchase?</h3>\n\t\t\t\t\t\t<!-- /wp:heading -->\n\t\t\t\t\t\t<!-- wp:group {"className":"nfd-text-opacity-80","layout":{"type":"constrained"}} -->\n\t\t\t\t\t\t<div class="wp-block-group nfd-text-opacity-80">\n\t\t\t\t\t\t\t<!-- wp:paragraph -->\n\t\t\t\t\t\t\t<p>Yes, you can. Please contact our customer support and provide your purchase number.</p>\n\t\t\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- /wp:group -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t</div>\n\t\t<!-- /wp:column -->\n\t</div>\n\t<!-- /wp:columns -->\n    </div>\n    <!-- /wp:group -->\n\n<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"64px"}},"backgroundColor":"white","textColor":"black","className":"nfd-container nfd-my-0 nfd-py-0 nfd-py-lg","layout":{"type":"default"}} -->\n<div class="wp-block-group alignfull nfd-container nfd-my-0 nfd-py-0 nfd-py-lg has-black-color has-white-background-color has-text-color has-background" id="recent-posts">\n\n    <!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"12px"}},"layout":{"type":"default"}} -->\n\t<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">\n\n\t\t\t\t\t<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->\n\t\t\t<div class="wp-block-group">\n\t\t\t\t<!-- wp:group {"style":{"spacing":{"padding":{"top":"6px","right":"16px","bottom":"6px","left":"16px"}},"border":{"radius":"100px"}},"className":"nfd-bg-gray-100","layout":{"type":"constrained"}} -->\n\t\t\t\t<div class="wp-block-group nfd-bg-gray-100" style="border-radius:100px;padding-top:6px;padding-right:16px;padding-bottom:6px;padding-left:16px">\n\t\t\t\t\t<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500","letterSpacing":"0.05em"}},"className":"nfd-text-sm nfd-text-primary"} -->\n\t\t\t\t\t<p class="has-text-align-center nfd-text-sm nfd-text-primary" style="font-style:normal;font-weight:500;letter-spacing:0.05em;text-transform:uppercase">Discover Our Consulting Services</p>\n\t\t\t\t\t<!-- /wp:paragraph -->\n\t\t\t\t</div>\n\t\t\t\t<!-- /wp:group -->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t\n\t\t<!-- wp:heading {"textAlign":"center","className":"nfd-text-giga nfd-text-current md:nfd-no-br"} -->\n\t\t<h2 class="has-text-align-center nfd-text-huge nfd-text-current md:nfd-no-br">Our Agency\'s Expertise</h2>\n\t\t<!-- /wp:heading -->\n\t</div>\n\t<!-- /wp:group -->\n\n    <!-- wp:query {"queryId":1,"query":{"perPage":"3","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"className":"nfd-wk-loop"} -->\n\t<div class="wp-block-query nfd-wk-loop">\n\t\t<!-- wp:post-template -->\n\t\t<!-- wp:post-featured-image {"isLink":true,"height":"","style":{"border":{"radius":"4px"},"spacing":{"margin":{"bottom":"24px"}}}} /-->\n\t\t<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->\n\t\t<div class="wp-block-group">\n\t\t\t<!-- wp:group {"style":{"spacing":{"padding":{"top":"4px","right":"12px","bottom":"4px","left":"12px"}},"border":{"radius":"4px"},"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0.05em"}},"className":"nfd-bg-gray-100 nfd-text-sm","layout":{"type":"constrained"}} -->\n\t\t\t<div class="wp-block-group nfd-bg-gray-100 nfd-text-sm" style="border-radius:4px;padding-top:4px;padding-right:12px;padding-bottom:4px;padding-left:12px;font-style:normal;font-weight:600;letter-spacing:0.05em;text-transform:uppercase">\n\t\t\t\t<!-- wp:post-terms {"term":"category","separator":" · ","style":{"elements":{"link":{"color":{"text":"#000000cc"}}},"typography":{"fontSize":"13px"}}} /-->\n\t\t\t</div>\n\t\t\t<!-- /wp:group -->\n\t\t</div>\n\t\t<!-- /wp:group -->\n\t\t<!-- wp:group {"style":{"spacing":{"margin":{"top":"16px","bottom":"12px"}}},"layout":{"type":"default"}} -->\n\t\t<div class="wp-block-group" style="margin-top:16px;margin-bottom:12px">\n\t\t\t<!-- wp:post-title {"level":3,"isLink":true,"className":"nfd-text-lg"} /-->\n\t\t</div>\n\t\t<!-- /wp:group -->\n\t\t\n\t\t\n\t\t<!-- /wp:post-template -->\n\t</div>\n\t<!-- /wp:query -->\n\n</div>\n<!-- /wp:group -->`;
+
+const pattern2 = `
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"0px","left":"0px","bottom":"0px"},"blockGap":{"top":"0px","left":"0px"}}},"backgroundColor":"pale-cyan-blue","layout":{"contentSize":"1280px","type":"constrained"}} -->
+<div class="wp-block-group alignfull has-pale-cyan-blue-background-color has-background" style="padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:columns {"align":"wide","backgroundColor":"pale-cyan-blue","fontSize":"small"} -->
+<div class="wp-block-columns alignwide has-pale-cyan-blue-background-color has-background has-small-font-size"><!-- wp:column {"verticalAlignment":"center","width":"30%","layout":{"type":"constrained"}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:30%"><!-- wp:image {"align":"center","width":85,"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMS0xMTEtcC5wbmc.png" alt="" width="85" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"66.66%","layout":{"type":"default"}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:group {"align":"full","backgroundColor":"pale-cyan-blue","textColor":"white","layout":{"type":"flex","allowOrientation":false,"flexWrap":"wrap","justifyContent":"right"}} -->
+<div class="wp-block-group alignfull has-white-color has-pale-cyan-blue-background-color has-text-color has-background"><!-- wp:paragraph {"textColor":"black"} -->
+<p class="has-black-color has-text-color"><strong>Home</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"textColor":"black"} -->
+<p class="has-black-color has-text-color"><strong>About </strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"textColor":"black"} -->
+<p class="has-black-color has-text-color"><strong>Services</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"textColor":"black"} -->
+<p class="has-black-color has-text-color"><strong>Blog</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"textColor":"black"} -->
+<p class="has-black-color has-text-color"><strong>Contact</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons {"layout":{"type":"flex"}} -->
+<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-cyan-blue","textColor":"white"} -->
+<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button"><strong>Get A Free Quote</strong></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQyMDctMy0wNjIuanBn.jpg","hasParallax":true,"dimRatio":50,"isDark":false,"align":"full","style":{"color":{"duotone":"unset"},"spacing":{"padding":{"top":"50px","right":"30px","bottom":"50px","left":"30px"}}}} -->
+<div class="wp-block-cover alignfull is-light has-parallax" style="padding-top:50px;padding-right:30px;padding-bottom:50px;padding-left:30px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQyMDctMy0wNjIuanBn.jpg)"></div><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"40px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"25px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"textColor":"white"} -->
+<h1 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:25px;padding-left:0px;font-size:40px;font-style:normal;font-weight:700"><strong>Lorem ipsum dolor sit amet, sitelit.</strong></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"40px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"textColor":"white"} -->
+<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:40px;padding-left:0px;font-size:16px"><strong>Lorem Ipsum&nbsp;is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","flexWrap":"nowrap","orientation":"horizontal","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"0px"}}} -->
+<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"vivid-cyan-blue","textColor":"white","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"},"spacing":{"padding":{"left":"var:preset|spacing|50","right":"var:preset|spacing|50","top":"10px","bottom":"10px"}},"border":{"radius":"50px"}}} -->
+<div class="wp-block-button has-custom-font-size" style="font-size:18px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-text-align-center wp-element-button" href="#" style="border-radius:50px;padding-top:10px;padding-right:var(--wp--preset--spacing--50);padding-bottom:10px;padding-left:var(--wp--preset--spacing--50)">Lets Talk</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div></div>
+<!-- /wp:cover --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none","style":{"color":[]},"className":"is-style-rounded"} -->
+<figure class="wp-block-image aligncenter size-full is-style-rounded"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmwyOTY3ODQ3MDI3NS1pbWFnZS1rcDR3MHpzai5qcGc.jpg" alt="" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"66.66%"} -->
+<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","level":3,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} -->
+<h3 class="wp-block-heading has-text-align-left" style="margin-bottom:var(--wp--preset--spacing--40)"><strong>About Us</strong></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+<!-- wp:columns {"align":"full","backgroundColor":"vivid-cyan-blue"} -->
+<div class="wp-block-columns alignfull has-vivid-cyan-blue-background-color has-background"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","textColor":"white"} -->
+<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color"><strong>Try Premium for free</strong></h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"align":"center","textColor":"white"} -->
+<p class="has-text-align-center has-white-color has-text-color"><strong>We provide 15 days trial to all the users willing to try Rara permium services.</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","flexWrap":"nowrap","orientation":"horizontal","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"0px"}}} -->
+<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"white","textColor":"vivid-cyan-blue","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"},"spacing":{"padding":{"left":"var:preset|spacing|50","right":"var:preset|spacing|50","top":"10px","bottom":"10px"}},"border":{"radius":"50px"}}} -->
+<div class="wp-block-button has-custom-font-size" style="font-size:18px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-vivid-cyan-blue-color has-white-background-color has-text-color has-background has-text-align-center wp-element-button" href="#" style="border-radius:50px;padding-top:10px;padding-right:var(--wp--preset--spacing--50);padding-bottom:10px;padding-left:var(--wp--preset--spacing--50)"><strong>Try Now!</strong></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} -->
+<h3 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--40)"><strong>Client’s Logo Section</strong></h3>
+<!-- /wp:heading -->
+
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA2L2pvYjk0Ny0wMDMtcC5wbmc.png" alt="" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjcyNi0xMDEtdi5qcGc.jpg" alt="" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjcyNi0xMzAtcC5wbmc.png" alt="" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQyMDYtMzEuanBn.jpg" alt="" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcxMy0wNjBhLXAucG5n.png" alt="" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"backgroundColor":"pale-cyan-blue","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull has-pale-cyan-blue-background-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"30%"} -->
+<div class="wp-block-column" style="flex-basis:30%"><!-- wp:image {"align":"center","width":85,"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMS0xMTEtcC5wbmc.png" alt="" width="85" /></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph {"align":"left"} -->
+<p class="has-text-align-left"><strong>Lorem Ipsum</strong>&nbsp;is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top","width":"20%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:20%"><!-- wp:heading {"textAlign":"center","level":5} -->
+<h5 class="wp-block-heading has-text-align-center"><strong>Our Company</strong></h5>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"textDecoration":"none"}},"textColor":"black"} -->
+<p class="has-text-align-center has-black-color has-text-color has-link-color" style="text-decoration:none"><a href="#"><strong>Home</strong></a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
+<p class="has-text-align-center has-black-color has-text-color has-link-color"><a href="#"><strong>About</strong></a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
+<p class="has-text-align-center has-black-color has-text-color has-link-color"><a href="#"><strong>Services</strong></a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
+<p class="has-text-align-center has-black-color has-text-color has-link-color"><a href="#"><strong>Blogs</strong></a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
+<p class="has-text-align-center has-black-color has-text-color has-link-color"><a href="#"><strong>Contact</strong></a></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"20%"} -->
+<div class="wp-block-column" style="flex-basis:20%"><!-- wp:heading {"level":5} -->
+<h5 class="wp-block-heading"><strong>Contact Us</strong></h5>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><em><strong>Address</strong></em><br>5th St, Winter Haven, Florida</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
+<p class="has-black-color has-text-color has-link-color"><em><strong>Phone</strong></em><br><a href="tel:1234567890">+1 234 567 890</a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
+<p class="has-black-color has-text-color has-link-color"><em><strong>Email</strong></em><br><a href="mailto:email@companyname.com">email@companyname.com</a></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"30%"} -->
+<div class="wp-block-column" style="flex-basis:30%"><!-- wp:heading {"level":5} -->
+<h5 class="wp-block-heading"><strong>Subscribe Newsletter</strong></h5>
+<!-- /wp:heading -->
+
+<!-- wp:search {"label":"","showLabel":false,"placeholder":"Email Address","width":338,"widthUnit":"px","buttonText":"Subscribe","style":{"border":{"top":{"color":"var:preset|color|black","style":"solid","width":"5px"},"right":{"color":"var:preset|color|black","style":"solid","width":"5px"},"bottom":{"color":"var:preset|color|black","style":"solid","width":"5px"},"left":{"color":"var:preset|color|black","style":"solid","width":"5px"}}},"backgroundColor":"pale-cyan-blue"} /-->
+
+<!-- wp:heading {"level":5} -->
+<h5 class="wp-block-heading"><strong>FOLLow US</strong></h5>
+<!-- /wp:heading -->
+
+<!-- wp:social-links {"iconColor":"white","iconColorValue":"#ffffff","iconBackgroundColor":"black","iconBackgroundColorValue":"#000000","openInNewTab":true,"className":"is-style-default","layout":{"type":"flex","justifyContent":"left","orientation":"horizontal","flexWrap":"wrap"}} -->
+<ul class="wp-block-social-links has-icon-color has-icon-background-color is-style-default"><!-- wp:social-link {"service":"facebook"} /-->
+
+<!-- wp:social-link {"service":"twitter"} /-->
+
+<!-- wp:social-link {"service":"instagram"} /-->
+
+<!-- wp:social-link {"service":"linkedin"} /-->
+
+<!-- wp:social-link {"service":"youtube"} /-->
+
+<!-- wp:social-link {"service":"pinterest"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"align":"wide","style":{"border":{"radius":"100px","top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}}} -->
+<div class="wp-block-columns alignwide" style="border-radius:100px;border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"><!-- wp:column {"style":{"border":{"top":{"width":"1px","style":"solid"}},"spacing":{"padding":{"top":"var:preset|spacing|30"}}}} -->
+<div class="wp-block-column" style="border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
+<p class="has-text-align-center has-black-color has-text-color has-link-color"><strong>Copyright © 2023&nbsp;<a href="#"><em>My Business</em></a>. | Developed By&nbsp;<a href="#" target="_blank" rel="noreferrer noopener"><em>Test Themes</em></a>&nbsp;Powered by&nbsp;<a rel="noreferrer noopener" href="https://wordpress.org/" target="_blank"><em>WordPress</em></a>.</strong></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+`;
+
+const pattern3 = `<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYxOTA4MDc3LXdpa2ltZWRpYS1pbWFnZS1rb3dlYXh1Zi5qcGc.jpg","dimRatio":50,"minHeight":1026,"minHeightUnit":"px","contentPosition":"top center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-top-center" style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);min-height:1026px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYxOTA4MDc3LXdpa2ltZWRpYS1pbWFnZS1rb3dlYXh1Zi5qcGc.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
+<div class="wp-block-group alignfull"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontStyle":"normal","fontWeight":"200","fontSize":"5.6rem"}},"textColor":"white"} -->
+<p class="has-text-align-center has-white-color has-text-color" style="font-size:5.6rem;font-style:normal;font-weight:200"><strong>Travelling on a shoestring</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}},"textColor":"white"} -->
+<p class="has-text-align-center has-white-color has-text-color" style="font-size:18px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
+<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"base","style":{"color":{"background":"#0073e6"}}} -->
+<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-text-color has-background has-text-align-center wp-element-button" style="background-color:#0073e6"><strong>CONTACT US</strong></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group --></div></div>
+<!-- /wp:cover -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"30px","bottom":"0px","left":"30px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained","contentSize":"1280px"}} -->
+<div class="wp-block-group alignfull" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:30px;padding-bottom:0px;padding-left:30px"><!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
+<div class="wp-block-columns alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:50%"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image aligncenter size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHgxMDUzNy1pbWFnZS1rd3Z5N2hjNy5qcGc.jpg" alt="" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:50%"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image aligncenter size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvd2s0OTcxOTQ1MC1pbWFnZS1rcDZjOHltNC5qcGc.jpg" alt="" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"10px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:10px"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"80px","lineHeight":"1"},"color":{"text":"#0073e6"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"10px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<h3 class="wp-block-heading has-text-color" style="color:#0073e6;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:10px;padding-left:0px;font-size:80px;font-style:normal;font-weight:700;line-height:1">10</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"color":{"text":"#0073e6"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"10px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
+<p class="has-text-color" style="color:#0073e6;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:10px;padding-left:0px;font-style:normal;font-weight:500">Years of Experience</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"capitalize","fontSize":"40px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"20px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"contrast"} -->
+<h2 class="wp-block-heading has-contrast-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px;font-size:40px;font-style:normal;font-weight:700;text-transform:capitalize">We love Travelling </h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"35px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"black"} -->
+<p class="has-black-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:35px;padding-left:0px;font-size:18px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"textColor":"base","style":{"color":{"background":"#0073e6"}}} -->
+<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-text-color has-background wp-element-button" style="background-color:#0073e6"><strong>EXPLORE MORE</strong></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaType":"image","mediaWidth":51,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
+<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);grid-template-columns:auto 51%"><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"Content…","style":{"typography":{"fontSize":"2.6rem"}}} -->
+<p style="font-size:2.6rem"><strong>Travelling is art on the move</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
+<div class="wp-block-buttons"><!-- wp:button {"textColor":"base","style":{"color":{"background":"#0073e6"}}} -->
+<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-text-color has-background wp-element-button" style="background-color:#0073e6"><strong>LEARN MORE</strong></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div><figure class="wp-block-media-text__media"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYxOTExMzQyLXdpa2ltZWRpYS1pbWFnZS1rb3dvcWV1Yi5qcGc.jpg" alt="" /></figure></div>
+<!-- /wp:media-text -->
+
+<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmwzNjk4NDgxODQ3My1pbWFnZS1rcDBzYm1uZS5qcGc.jpg","hasParallax":true,"dimRatio":30,"minHeight":861,"minHeightUnit":"px","contentPosition":"bottom center","align":"full"} -->
+<div class="wp-block-cover alignfull has-parallax has-custom-content-position is-position-bottom-center" style="min-height:861px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmwzNjk4NDgxODQ3My1pbWFnZS1rcDBzYm1uZS5qcGc.jpg)"></div><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontSize":"4.9rem"},"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"textColor":"base"} -->
+<p class="has-text-align-center has-base-color has-text-color" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);font-size:4.9rem"><strong>Your adventure begins here</strong></p>
+<!-- /wp:paragraph --></div></div>
+<!-- /wp:cover -->
+
+<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull"><!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
+<div class="wp-block-columns alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:column {"width":"100%"} -->
+<div class="wp-block-column" style="flex-basis:100%"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"3em"}}} -->
+<p class="has-text-align-center" style="font-size:3em"><strong>Numbers speak for themselves</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}}} -->
+<p class="has-text-align-center" style="font-size:18px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px","right":"30px","left":"30px"}},"color":{"background":"#0073e6"}},"layout":{"inherit":false,"contentSize":"1200px","type":"constrained"}} -->
+<div class="wp-block-group alignfull has-background" style="background-color:#0073e6;padding-top:100px;padding-right:30px;padding-bottom:100px;padding-left:30px"><!-- wp:columns {"verticalAlignment":"top","isStackedOnMobile":false} -->
+<div class="wp-block-columns are-vertically-aligned-top is-not-stacked-on-mobile"><!-- wp:column {"verticalAlignment":"top","layout":{"contentSize":""}} -->
+<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"70px","lineHeight":"1"}},"textColor":"white"} -->
+<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:70px;font-style:normal;font-weight:700;line-height:1">62</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"capitalize","fontSize":"18px"}},"textColor":"white"} -->
+<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:18px;font-style:normal;font-weight:400;text-transform:capitalize">Countries Visited</h4>
+<!-- /wp:heading --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top"} -->
+<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"70px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"700","lineHeight":"1"}},"textColor":"white"} -->
+<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:70px;font-style:normal;font-weight:700;line-height:1;text-transform:capitalize">134</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"400","fontSize":"18px"}},"textColor":"white"} -->
+<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:18px;font-style:normal;font-weight:400;text-transform:capitalize">Adventure Trips</h4>
+<!-- /wp:heading --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top"} -->
+<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"70px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"700","lineHeight":"1"}},"textColor":"white"} -->
+<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:70px;font-style:normal;font-weight:700;line-height:1;text-transform:capitalize">1500</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"400","fontSize":"18px"}},"textColor":"white"} -->
+<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:18px;font-style:normal;font-weight:400;text-transform:capitalize">Happy Customers</h4>
+<!-- /wp:heading --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
+<div class="wp-block-columns alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:paragraph {"style":{"color":{"text":"#6c7579"}},"fontSize":"x-large"} -->
+<p class="has-text-color has-x-large-font-size" style="color:#6c7579"><strong>Our experienced travel agents are dedicated to providing top-quality service!</strong></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity" />
+<!-- /wp:separator -->
+
+<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"5px"}}} -->
+<p style="letter-spacing:5px">CONTACT</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"fontSize":"large"} -->
+<p class="has-large-font-size">100 Main Street, Cape Town, 10278</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"fontSize":"large"} -->
+<p class="has-large-font-size">0800 1234 1234</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"fontSize":"large"} -->
+<p class="has-large-font-size">mail@example.com</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"100px","bottomRight":"100px"}}}} -->
+<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvd2s3MTYxNTY5OS1pbWFnZS1rcDZibjRxNC1remVtaDdhaC5qcGc.jpg" alt="" style="border-top-left-radius:100px;border-bottom-right-radius:100px" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0","margin":{"bottom":"0"},"padding":{"bottom":"0"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="margin-bottom:0;padding-bottom:0"><!-- wp:gallery {"columns":6,"linkTo":"none","align":"full","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
+<figure class="wp-block-gallery alignfull has-nested-images columns-6 is-cropped"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZyYXJjaGl0ZWN0dXJlX2FzaWFfYnVpbGRpbmdfc2hyaW5lXzYtaW1hZ2Uta3liZWQzODAuanBn.jpg" alt="" /></figure>
+<!-- /wp:image -->
+
+<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://pd.w.org/2021/12/28961b996d147fd98.69400832-2048x2048.jpg" alt="" /></figure>
+<!-- /wp:image -->
+
+<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmwyMDUyMDYzNzM4NS1pbWFnZS1reWJlbWtwYS5qcGc.jpg" alt="" /></figure>
+<!-- /wp:image -->
+
+<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHgxMDcwMzA0LWltYWdlLWt3dnk2ZXlrLmpwZw.jpg" alt="" /></figure>
+<!-- /wp:image -->
+
+<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ3YXRlcmZhbGxfbGFuZHNjYXBlX3dhdGVyX25hdHVyZS1pbWFnZS1reWJjYjRoZS5qcGc.jpg" alt="" /></figure>
+<!-- /wp:image -->
+
+<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg2Njg2MDQtaW1hZ2Uta3d2eGttZXcta3podnVyY3QuanBn.jpg" alt="" /></figure>
+<!-- /wp:image --></figure>
+<!-- /wp:gallery --></div>
+<!-- /wp:group -->
+    `;
+
+const pattern4 = `<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"0px","left":"0px","bottom":"0px"},"blockGap":{"top":"0px","left":"0px"}}},"backgroundColor":"black","layout":{"contentSize":"1280px","type":"constrained"}} -->
+<div class="wp-block-group alignfull has-black-background-color has-background" style="padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:columns {"align":"wide","backgroundColor":"black","fontSize":"small"} -->
+<div class="wp-block-columns alignwide has-black-background-color has-background has-small-font-size"><!-- wp:column {"verticalAlignment":"center","width":"30%","layout":{"type":"constrained"}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:30%"><!-- wp:image {"width":85,"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMS0xMTEtcC5wbmc.png" alt="" width="85" /></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"66.66%","layout":{"type":"default"}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:group {"align":"full","backgroundColor":"black","textColor":"white","layout":{"type":"flex","allowOrientation":false,"flexWrap":"wrap","justifyContent":"right"}} -->
+<div class="wp-block-group alignfull has-white-color has-black-background-color has-text-color has-background"><!-- wp:paragraph -->
+<p>Home</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>About </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Team</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Blog</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Contact Us</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons {"layout":{"type":"flex"}} -->
+<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-orange","textColor":"white"} -->
+<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-luminous-vivid-orange-background-color has-text-color has-background wp-element-button">Get A Free Quote</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvYnMxMTIwLWltYWdlLWt3dng1cXdtLmpwZw.jpg","dimRatio":50,"align":"full","style":{"color":{"duotone":["#000000","#00a5ff"]},"spacing":{"padding":{"top":"50px","right":"30px","bottom":"50px","left":"30px"}}}} -->
+<div class="wp-block-cover alignfull" style="padding-top:50px;padding-right:30px;padding-bottom:50px;padding-left:30px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvYnMxMTIwLWltYWdlLWt3dng1cXdtLmpwZw.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"15px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"300"}}} -->
+<p class="has-text-align-center" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:15px;padding-left:0px;font-style:normal;font-weight:300">WP Support</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"40px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"25px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
+<h2 class="wp-block-heading has-text-align-center" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:25px;padding-left:0px;font-size:40px;font-style:normal;font-weight:700">Empowering Your WordPress Journey?</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"40px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
+<p class="has-text-align-center" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:40px;padding-left:0px;font-size:16px">Welcome to WordPress Team, your go-to resource for all things WordPress. Our dedicated team of experts is passionate about empowering WordPress enthusiasts like you. Whether you're a beginner or an experienced user, we're here to provide valuable insights, tips, and tutorials to help you make the most out of your WordPress journey.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}}} -->
+<div class="wp-block-buttons" style="margin-top:0px;margin-bottom:0px"><!-- wp:button {"backgroundColor":"vivid-cyan-blue","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"},"spacing":{"padding":{"top":"10px","right":"35px","bottom":"10px","left":"35px"}},"border":{"radius":"50px"}}} -->
+<div class="wp-block-button has-custom-font-size" style="font-size:18px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-background wp-element-button" style="border-radius:50px;padding-top:10px;padding-right:35px;padding-bottom:10px;padding-left:35px">Lets Talk</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div></div>
+<!-- /wp:cover -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"70px","right":"0px","left":"0px","bottom":"0px"},"blockGap":{"top":"0px","left":"0px"}}},"backgroundColor":"black","layout":{"contentSize":"1280px","type":"constrained"}} -->
+<div class="wp-block-group alignfull has-black-background-color has-background" style="padding-top:70px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:columns {"style":{"spacing":{"padding":{"bottom":"50px","right":"30px","left":"30px"}}}} -->
+<div class="wp-block-columns" style="padding-right:30px;padding-bottom:50px;padding-left:30px"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","fontSize":"28px"}},"textColor":"white"} -->
+<h2 class="wp-block-heading has-white-color has-text-color" style="font-size:28px;font-style:normal;font-weight:700;text-transform:uppercase">wordpress</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px">WordPress is open source software you can use to create a beautiful website, blog, or app.Beautiful designs, powerful features, and the freedom to build anything you want. WordPress is both free and priceless at the same time.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1"><strong>Email us</strong> - simple@gmail.com</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"180px"} -->
+<div class="wp-block-column" style="flex-basis:180px"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"30px","fontStyle":"normal","fontWeight":"700","textTransform":"capitalize"}},"textColor":"white"} -->
+<h4 class="wp-block-heading has-white-color has-text-color" style="font-size:30px;font-style:normal;font-weight:700;text-transform:capitalize">Quick Link</h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Home</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">About Us</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Shop</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1","fontSize":"16px"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Team</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1","fontSize":"16px"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Blog</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1","fontSize":"16px"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Contact Us</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"180px"} -->
+<div class="wp-block-column" style="flex-basis:180px"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"30px","fontStyle":"normal","fontWeight":"700","textTransform":"capitalize"}},"textColor":"white"} -->
+<h4 class="wp-block-heading has-white-color has-text-color" style="font-size:30px;font-style:normal;font-weight:700;text-transform:capitalize">Products</h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Home</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">About Us</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Shop</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1","fontSize":"16px"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Services</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1","fontSize":"16px"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Blog</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1","fontSize":"16px"}},"textColor":"white"} -->
+<p class="has-white-color has-text-color" style="font-size:16px;line-height:1">Contact Us</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"textColor":"white"} -->
+<div class="wp-block-column has-white-color has-text-color"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"25px","fontStyle":"normal","fontWeight":"700"}},"textColor":"white"} -->
+<h4 class="wp-block-heading has-white-color has-text-color" style="font-size:25px;font-style:normal;font-weight:700">Subscribe Newsletter</h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
+<p style="font-size:16px">Join 1,933,300 other subscribers</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:search {"label":"","showLabel":false,"placeholder":"Email address","width":100,"widthUnit":"%","buttonText":"Subscribe","style":{"border":{"width":"5px","color":"#9e4d14"}},"backgroundColor":"luminous-vivid-orange","textColor":"white"} /-->
+
+<!-- wp:social-links {"iconColor":"white","iconColorValue":"#ffffff","className":"is-style-logos-only"} -->
+<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
+
+<!-- wp:social-link {"url":"#","service":"twitter"} /-->
+
+<!-- wp:social-link {"url":"#","service":"instagram"} /-->
+
+<!-- wp:social-link {"url":"#","service":"linkedin"} /-->
+
+<!-- wp:social-link {"url":"#","service":"youtube"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:group {"align":"full","style":{"border":{"style":"solid","width":"1px"},"spacing":{"padding":{"right":"30px","left":"30px"}}},"borderColor":"white","layout":{"contentSize":"1280px","type":"constrained"}} -->
+<div class="wp-block-group alignfull has-border-color has-white-border-color" style="border-style:solid;border-width:1px;padding-right:30px;padding-left:30px"><!-- wp:paragraph {"align":"center"} -->
+<p class="has-text-align-center"></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:columns {"style":{"spacing":{"padding":{"bottom":"0px","top":"0px"}}}} -->
+<div class="wp-block-columns" style="padding-top:0px;padding-bottom:0px"><!-- wp:column {"verticalAlignment":"center","width":"","style":{"spacing":{"padding":{"top":"30px","bottom":"30px"}}}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="padding-top:30px;padding-bottom:30px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"}},"textColor":"white"} -->
+<p class="has-text-align-center has-white-color has-text-color" style="font-size:16px">Copyright © 2023 wordpress.org</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+`;
+
+const homepageData = {
+	homepages: {
+		active: {},
+		data: [
+			{
+				slug: 'hash1',
+				title: 'Version 1',
+				favorite: false,
+				content: pattern1,
+			},
+			{
+				slug: 'hash2',
+				title: 'Version 2',
+				favorite: false,
+				content: pattern2,
+			},
+			{
+				slug: 'hash3',
+				title: 'Version 3',
+				favorite: false,
+				content: pattern3,
+			},
+			{
+				slug: 'hash4',
+				title: 'Version 4',
+				favorite: false,
+				content: pattern4,
+			},
+		],
+	},
+};
+
+export { homepageData };
diff --git a/src/OnboardingSPA/steps/SiteGen/Preview/regeneratingCard.js b/src/OnboardingSPA/steps/SiteGen/Preview/regeneratingCard.js
new file mode 100644
index 000000000..fc9e952d8
--- /dev/null
+++ b/src/OnboardingSPA/steps/SiteGen/Preview/regeneratingCard.js
@@ -0,0 +1,25 @@
+import { __ } from '@wordpress/i18n';
+
+function RegeneratingSiteCard( { count = 1, isRegenerating } ) {
+	const cards = [];
+	for ( let i = 0; i < count; i++ ) {
+		cards.push(
+			<div key={ i } className="regenerating-site-card-wrap">
+				<div className="regenerating-site-card">
+					<p className="regenerating-site-card__title">
+						{ isRegenerating
+							? __( 'Regenerating Site', 'wp-module-onboarding' )
+							: __( 'Generating Site', 'wp-module-onboarding' ) }
+					</p>
+					<div className="regenerating-site-card__progress-bar">
+						<div className="regenerating-site-card__progress-bar__fill"></div>
+					</div>
+				</div>
+			</div>
+		);
+	}
+
+	return <>{ cards }</>;
+}
+
+export default RegeneratingSiteCard;
diff --git a/src/OnboardingSPA/steps/SiteGen/Preview/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/Preview/stylesheet.scss
index 27a3ea8c7..95328801a 100644
--- a/src/OnboardingSPA/steps/SiteGen/Preview/stylesheet.scss
+++ b/src/OnboardingSPA/steps/SiteGen/Preview/stylesheet.scss
@@ -1,66 +1,176 @@
-.nfd-onboarding-step {
+.nfd-onboarding-step--site-gen__preview {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
 
-	&--site-gen {
+	&__container {
+		display: flex;
+		justify-content: center;
+		flex-wrap: wrap;
+		max-width: 500px;
+		padding-top: 32px;
+		margin-bottom: 15px;
 
-		&__preview {
+		&__heading {
 			display: flex;
-			flex-direction: column;
-			justify-content: space-evenly;
+			flex-direction: row;
+			width: 100%;
+			padding: 0;
+			justify-content: center;
 			align-items: center;
 
-			&__context {
-				text-align: center;
+			&__text {
 				color: var(--nfd-onboarding-primary);
-				display: flex;
-				flex-direction: column;
-				width: 420px;
-				justify-content: center;
-				align-items: center;
-				margin: 16px 0;
-
-				&__heading {
-					font-size: 28px;
-				}
-
-				&__subheading {
-					font-size: 18px;
-				}
+				font-size: 28px;
+				margin-left: 15px;
+				white-space: normal;
+				line-height: 1;
 			}
+		}
 
-			&__live_previews {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: center;
-				width: 100%;
-				margin-top: 30px;
-			}
+		&__sub-heading {
+			width: 100%;
+			margin: 10px;
+			padding: 0;
 
-			&__favorite-info {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: center;
-				background-color: var(--nfd-onboarding-preview-favorite-background);
-				border-radius: 12px;
-				margin: 16px 0;
-				height: 54px;
-				width: 559px;
-
-				&__icon {
-					background-image: var(--sitegen-favorite);
-					height: 20px;
-					width: 20px;
-					margin-right: 18px;
-				}
-
-				&__text {
-					color: var(--nfd-onboarding-primary);
-					font-size: 16px;
-				}
+			&__text {
+				text-align: center;
+				color: var(--nfd-onboarding-primary);
+				font-size: 18px;
+				margin: 0;
+				padding: 0;
 			}
+		}
+	}
+
+	&__options {
+
+		@media (max-width: #{ ($break-xlarge) }) {
+			flex-direction: column;
+		}
 
+		display: flex;
+		flex-direction: row;
+		text-align: center;
+		margin: 10px 10px 55px 10px;
+		flex-wrap: wrap;
+		max-width: 1440px;
+	}
+
+	&__note {
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		background: var(--nfd-onboarding-card-background);
+		color: var(--nfd-onboarding-primary);
+		gap: 18px;
+		padding: 16px;
+		font-size: 16px;
+		line-height: 22px;
+		text-align: center;
+		border-radius: 12px;
+		margin-bottom: 60px;
+	}
+
+	@keyframes heartBeat {
+
+		0%,
+		100% {
+			fill: transparent;
+			transform: scale(1);
+			transform-origin: center;
+		}
 
+		33%,
+		66% {
+			fill: var(--nfd-onboarding-heart-icon-fill);
+			transform: scale(1.1);
+			transform-origin: center;
 		}
+
+		67% {
+			fill: var(--nfd-onboarding-heart-icon-fill);
+			transform: scale(1.3);
+			transform-origin: center;
+		}
+
+		87% {
+			fill: var(--nfd-onboarding-heart-icon-fill);
+			transform: scale(1.1);
+			transform-origin: center;
+		}
+	}
+
+	.heart {
+		stroke: var(--nfd-onboarding-heart-icon-stroke);
+		stroke-width: 2px;
+	}
+
+	.heart path {
+		animation: heartBeat 4s infinite;
+	}
+
+}
+
+@keyframes infiniteProgress {
+
+	0% {
+		width: 0;
+	}
+
+	100% {
+		width: 100%;
+	}
+}
+
+.regenerating-site-card-wrap {
+	padding: 20px;
+
+	.regenerating-site-card {
+		width: 420px;
+		height: 315px;
+		border-radius: 20px;
+		background-color: var(--nfd-onboarding-regenerating-card-background);
+		text-align: center;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		border: 1px solid rgba(var(--nfd-onboarding-primary-rgb), 0.2);
+		margin-bottom: 20px;
+		padding: 60px;
+		box-sizing: border-box;
+
+		&__title {
+			color: var(--nfd-onboarding-primary);
+		}
+
+		&__progress-bar {
+			width: 100%;
+			background: var(--nfd-onboarding-progress-bar-background);
+			border-radius: 4px;
+			height: 8px;
+			overflow: hidden;
+
+			&__fill {
+				background: var(--nfd-onboarding-progress-bar-fill);
+				height: 100%;
+				transition: width 0.3s ease;
+				animation: infiniteProgress 1.5s ease-in-out infinite;
+			}
+		}
+	}
+
+	.regenerating-site-card__version {
+		text-align: left;
+		color: var(--nfd-onboarding-primary);
+		font-size: 18px;
+		display: flex;
+		gap: 8px;
+	}
+
+	&.regenerating-site-card-skeleton {
+		padding: 0;
 	}
 }
diff --git a/src/OnboardingSPA/store/actions.js b/src/OnboardingSPA/store/actions.js
index da6ae43d5..be52c9924 100644
--- a/src/OnboardingSPA/store/actions.js
+++ b/src/OnboardingSPA/store/actions.js
@@ -284,3 +284,24 @@ export function resetNavError() {
 		type: 'RESET_NAV_ERROR',
 	};
 }
+
+export const setHomepagesData = ( homepagesData ) => {
+	return {
+		type: 'SET_HOMEPAGES_DATA',
+		homepagesData,
+	};
+};
+
+export const setActiveHomepage = ( activeHomepage ) => {
+	return {
+		type: 'SET_ACTIVE_HOMEPAGE',
+		activeHomepage,
+	};
+};
+
+export const toggleFavorite = ( slug ) => {
+	return {
+		type: 'TOGGLE_FAVORITE',
+		slug,
+	};
+};
diff --git a/src/OnboardingSPA/store/reducer.js b/src/OnboardingSPA/store/reducer.js
index e475ad0e2..de6067be4 100644
--- a/src/OnboardingSPA/store/reducer.js
+++ b/src/OnboardingSPA/store/reducer.js
@@ -167,6 +167,32 @@ export function data( state = {}, action ) {
 					...action.socialData,
 				},
 			};
+		case 'SET_HOMEPAGES_DATA':
+			return {
+				...state,
+				flowData: {
+					...state.flowData,
+					sitegen: {
+						...state.flowData.sitegen,
+						homepages: action.homepagesData,
+					},
+				},
+			};
+
+		case 'SET_ACTIVE_HOMEPAGE':
+			return {
+				...state,
+				flowData: {
+					...state.flowData,
+					sitegen: {
+						...state.flowData.sitegen,
+						homepages: {
+							...state.flowData.sitegen.homepages,
+							active: action.activeHomepage,
+						},
+					},
+				},
+			};
 	}
 
 	return state;
diff --git a/src/OnboardingSPA/store/selectors.js b/src/OnboardingSPA/store/selectors.js
index 1df9bb30e..6b1877429 100644
--- a/src/OnboardingSPA/store/selectors.js
+++ b/src/OnboardingSPA/store/selectors.js
@@ -426,3 +426,35 @@ export function getCurrentUserDetails( state ) {
 	const currentUserInfo = state.runtime.currentUserDetails;
 	return currentUserInfo;
 }
+
+/**
+ * Gets homepages
+ *
+ * @param {*} state
+ * @return {Object} homepages
+ */
+export const getHomepagesData = ( state ) => {
+	return state.data.flowData.sitegen.homepages;
+};
+
+/**
+ * Gets actove homepage
+ *
+ * @param {*} state
+ * @return {Object} active
+ */
+
+export const getActiveHomepage = ( state ) => {
+	return state.data.flowData.sitegen.homepages.active;
+};
+
+/**
+ * Gets actove homepage
+ *
+ * @param {*} state
+ * @return {Object} data
+ */
+
+export const getAllHomepages = ( state ) => {
+	return state.data.flowData.sitegen.homepages.data;
+};
diff --git a/src/OnboardingSPA/styles/_branding.scss b/src/OnboardingSPA/styles/_branding.scss
index 7cdd7221b..b28787025 100644
--- a/src/OnboardingSPA/styles/_branding.scss
+++ b/src/OnboardingSPA/styles/_branding.scss
@@ -320,6 +320,10 @@ body {
 		--nfd-onboarding-navigation-back-background: rgba(54, 62, 68, 0.35);
 		--nfd-onboarding-site-logo-border: var(--nfd-onboarding-primary);
 		--nfd-onboarding-header-border: rgba(var(--nfd-onboarding-primary-rgb), 0.3);
+		--nfd-onboarding-card-overlay: rgba(0, 0, 0, 0.4);
+		--nfd-onboarding-heart-icon-fill: #ef4a71;
+		--nfd-onboarding-heart-icon-stroke: #9ca2a7;
+		--nfd-onboarding-regenerating-card-background: rgba(53, 58, 64, 0.1);
 		--nfd-onboarding-preview-favorite-background: #1e2327;
 		--nfd-onboarding-favorite-fill: #ef4a71;
 		--nfd-onboarding-button-background: #363e4459;
@@ -342,10 +346,14 @@ body {
 		--nfd-onboarding-navigation-back-background: rgba(54, 62, 68, 0.35);
 		--nfd-onboarding-site-logo-border: rgba(156, 162, 167, 1);
 		--nfd-onboarding-header-border: rgba(var(--nfd-onboarding-primary-rgb), 0.3);
+		--nfd-onboarding-card-overlay: rgba(0, 0, 0, 0.4);
+		--nfd-onboarding-heart-icon-fill: #ef4a71;
+		--nfd-onboarding-heart-icon-stroke: #9ca2a7;
 		--nfd-onboarding-preview-favorite-background: #1e2327;
 		--nfd-onboarding-editor-header-background: var(--nfd-onboarding-preview-favorite-background);
 		--nfd-onboarding-favorite-fill: #ef4a71;
 		--nfd-onboarding-button-background: #363e4459;
+		--nfd-onboarding-regenerating-card-background: rgba(53, 58, 64, 0.1);
 		--sitegen-background-low: url(../static/images/sitegen/ai_bg_low.png);
 	}
 }
diff --git a/src/OnboardingSPA/styles/_interface.scss b/src/OnboardingSPA/styles/_interface.scss
index 98b81f65e..13b42dec5 100644
--- a/src/OnboardingSPA/styles/_interface.scss
+++ b/src/OnboardingSPA/styles/_interface.scss
@@ -14,6 +14,10 @@ body {
 	&.is-fullscreen-mode {
 		opacity: 1;
 		transition: opacity ease-in 500ms;
+
+		#wpadminbar {
+			display: none;
+		}
 	}
 
 	&.dashboard_page_nfd-onboarding {
diff --git a/src/OnboardingSPA/styles/app.scss b/src/OnboardingSPA/styles/app.scss
index 91fcbc046..58882e322 100644
--- a/src/OnboardingSPA/styles/app.scss
+++ b/src/OnboardingSPA/styles/app.scss
@@ -76,13 +76,13 @@
 @import "../steps/DesignHeaderMenu/stylesheet";
 @import "../steps/SiteFeatures/stylesheet";
 @import "../steps/TheFork/stylesheet";
+@import "../steps/SiteGen/Preview/stylesheet";
 @import "../steps/SiteGen/SiteDetails/stylesheet";
 @import "../steps/SiteGen/Experience/stylesheet";
 @import "../steps/SiteGen/SiteLogo/stylesheet";
 @import "../steps/SiteGen/SocialMedia/stylesheet";
 @import "../steps/SiteGen/Welcome/stylesheet";
 @import "../steps/SiteGen/Building/stylesheet";
-@import "../steps/SiteGen/Preview/stylesheet";
 @import "../steps/SiteGen/Editor/stylesheet";
 @import "../steps/SiteGen/Editor/Header/stylesheet";
 
diff --git a/src/OnboardingSPA/utils/api/siteGen.js b/src/OnboardingSPA/utils/api/siteGen.js
index 5a66f5da0..453f1f248 100644
--- a/src/OnboardingSPA/utils/api/siteGen.js
+++ b/src/OnboardingSPA/utils/api/siteGen.js
@@ -14,7 +14,7 @@ export async function getSiteGenIdentifiers() {
 export async function generateSiteGenMeta(
 	siteInfo,
 	identifier,
-	skipCache = false
+	skipCache = true
 ) {
 	return await resolve(
 		apiFetch( {
@@ -28,3 +28,53 @@ export async function generateSiteGenMeta(
 		} ).then()
 	);
 }
+
+export async function getHomePagePreviews(
+	siteDescription,
+	regenerate = false
+) {
+	return await resolve(
+		apiFetch( {
+			url: onboardingRestURL( 'sitegen/get-homepages' ),
+			method: 'POST',
+			data: {
+				site_description: siteDescription,
+				regenerate,
+			},
+		} ).then()
+	);
+}
+
+export async function getRegeneratedHomePagePreviews(
+	siteDescription,
+	regenerate = true,
+	slug,
+	colorPalettes,
+	isFavourited
+) {
+	return await resolve(
+		apiFetch( {
+			url: onboardingRestURL( 'sitegen/get-homepages-regenerate' ),
+			method: 'POST',
+			data: {
+				site_description: siteDescription,
+				regenerate,
+				slug,
+				colorPalettes,
+				isFavourited,
+			},
+		} ).then()
+	);
+}
+
+export async function toggleFavoriteHomepage( slug ) {
+	return await resolve(
+		apiFetch( {
+			url: onboardingRestURL( 'sitegen/favourites' ),
+			method: 'POST',
+			data: {
+				slug,
+			},
+		} ).then()
+	);
+}
diff --git a/src/constants.js b/src/constants.js
index d5ceaab2e..5d0831e2e 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -51,6 +51,7 @@ export const HEADER_END = 'HeaderEnd';
 export const FOOTER_START = 'FooterStart';
 export const FOOTER_END = 'FooterEnd';
 
+export const MAX_RETRIES_SITE_GEN = 2;
 export const MAX_RETRIES_API_QUEUER = 2;
 export const MAX_RETRIES_SETTINGS_INIT = 2;
 export const MAX_RETRIES_FLOW_SWITCH = 2;