From 9f6ab77759f10f45a4c99636765fc16bfb1251d5 Mon Sep 17 00:00:00 2001
From: arunshenoy99 <devarunshenoy99@gmail.com>
Date: Thu, 7 Dec 2023 01:13:16 +0530
Subject: [PATCH] Favorites, regeneration and maintaining state

---
 src/OnboardingSPA/components/Header/index.js  |  18 +-
 .../LivePreview/SiteGenCard/index.js          |   4 +-
 .../LivePreview/SiteGenCard/stylesheet.scss   |   8 +-
 .../NewfoldInterfaceSkeleton/SiteGen/index.js |   4 +-
 .../SitegenEditorPatterns/Sidebar.js          |  59 ++++
 .../SitegenEditorPatterns/stylesheet.scss     |   0
 src/OnboardingSPA/data/homepages/1.json       |   5 -
 .../data/homepages/getHomepages.js            |   8 -
 src/OnboardingSPA/data/sidebars/index.js      |  17 +-
 .../data/sitegen/homepages/1.json             |   5 +
 .../data/{ => sitegen}/homepages/2.json       |   0
 .../data/{ => sitegen}/homepages/3.json       |   0
 .../data/{ => sitegen}/homepages/4.json       |   0
 .../data/sitegen/homepages/homepages.js       |  25 ++
 .../data/sitegen/sitemeta/siteMeta.js         |  39 +++
 .../data/sitegen/sitemeta/siteMeta.json       | 305 ++++++++++++++++++
 .../static/icons/sitegen/favorite-filled.svg  |   3 +
 .../static/icons/sitegen/settings.svg         |   8 +
 .../steps/SiteGen/Editor/Header/index.js      | 170 +++++++---
 .../SiteGen/Editor/Header/stylesheet.scss     |  65 +++-
 .../SiteGen/Editor/Sidebar/Patterns/index.js  |  17 +
 .../steps/SiteGen/Editor/index.js             |  54 +++-
 .../steps/SiteGen/Preview/index.js            | 108 +++++--
 .../steps/SiteGen/Preview/stylesheet.scss     |   5 +-
 .../steps/SiteGen/SiteLogo/index.js           |  38 ++-
 src/OnboardingSPA/styles/_branding.scss       |   1 +
 src/OnboardingSPA/styles/_icons.scss          |   2 +
 src/constants.js                              |   1 +
 28 files changed, 831 insertions(+), 138 deletions(-)
 create mode 100644 src/OnboardingSPA/components/Sidebar/components/SitegenEditorPatterns/Sidebar.js
 create mode 100644 src/OnboardingSPA/components/Sidebar/components/SitegenEditorPatterns/stylesheet.scss
 delete mode 100644 src/OnboardingSPA/data/homepages/1.json
 delete mode 100644 src/OnboardingSPA/data/homepages/getHomepages.js
 create mode 100644 src/OnboardingSPA/data/sitegen/homepages/1.json
 rename src/OnboardingSPA/data/{ => sitegen}/homepages/2.json (100%)
 rename src/OnboardingSPA/data/{ => sitegen}/homepages/3.json (100%)
 rename src/OnboardingSPA/data/{ => sitegen}/homepages/4.json (100%)
 create mode 100644 src/OnboardingSPA/data/sitegen/homepages/homepages.js
 create mode 100644 src/OnboardingSPA/data/sitegen/sitemeta/siteMeta.js
 create mode 100644 src/OnboardingSPA/data/sitegen/sitemeta/siteMeta.json
 create mode 100644 src/OnboardingSPA/static/icons/sitegen/favorite-filled.svg
 create mode 100644 src/OnboardingSPA/static/icons/sitegen/settings.svg
 create mode 100644 src/OnboardingSPA/steps/SiteGen/Editor/Sidebar/Patterns/index.js

diff --git a/src/OnboardingSPA/components/Header/index.js b/src/OnboardingSPA/components/Header/index.js
index 5950c1f4b..6506cf1c2 100644
--- a/src/OnboardingSPA/components/Header/index.js
+++ b/src/OnboardingSPA/components/Header/index.js
@@ -9,18 +9,22 @@ import {
 	HEADER_START,
 	HEADER_TOP,
 } from '../../../constants';
+import classNames from 'classnames';
+import { stepSiteGenEditor } from '../../steps/SiteGen/Editor/step';
 
 const Header = () => {
-	const { headers, headerActiveView, isHeaderEnabled } = useSelect(
-		( select ) => {
+	const { headers, headerActiveView, isHeaderEnabled, currentStep } =
+		useSelect( ( select ) => {
 			return {
 				headers: select( nfdOnboardingStore ).getHeaders(),
 				headerActiveView:
 					select( nfdOnboardingStore ).getHeaderActiveView(),
 				isHeaderEnabled: select( nfdOnboardingStore ).isHeaderEnabled(),
+				currentStep: select( nfdOnboardingStore ).getCurrentStep(),
 			};
-		}
-	);
+		} );
+
+	const isEditorStep = currentStep === stepSiteGenEditor;
 
 	return (
 		<>
@@ -35,7 +39,11 @@ const Header = () => {
 			</Suspense>
 			<Slot name={ `${ headerActiveView }/${ HEADER_TOP }` } />
 			{ isHeaderEnabled && (
-				<div className="nfd-onboarding-header">
+				<div
+					className={ classNames( 'nfd-onboarding-header', {
+						'nfd-onboarding-header--dark': isEditorStep,
+					} ) }
+				>
 					<div className="nfd-onboarding-header__start">
 						<Slot
 							name={ `${ headerActiveView }/${ HEADER_START }` }
diff --git a/src/OnboardingSPA/components/LivePreview/SiteGenCard/index.js b/src/OnboardingSPA/components/LivePreview/SiteGenCard/index.js
index 15c2e8376..0e939e21c 100644
--- a/src/OnboardingSPA/components/LivePreview/SiteGenCard/index.js
+++ b/src/OnboardingSPA/components/LivePreview/SiteGenCard/index.js
@@ -1,6 +1,5 @@
 import { Icon, search } from '@wordpress/icons';
 import { LivePreview } from '..';
-import favorite from '../../../static/icons/sitegen/favorite.svg';
 
 const LivePreviewSiteGenCard = ( {
 	className = 'nfd-onboarding-live-preview--sitegen-card',
@@ -70,8 +69,7 @@ const LivePreviewSiteGenCard = ( {
 			</div>
 			<div className={ `${ className }__buttons` }>
 				<div className={ `${ className }__buttons__favorite` }>
-					<img
-						src={ favorite }
+					<div
 						className={ `${ className }__buttons__favorite__icon ${
 							isFavorite &&
 							`${ className }__buttons__favorite__icon__fill`
diff --git a/src/OnboardingSPA/components/LivePreview/SiteGenCard/stylesheet.scss b/src/OnboardingSPA/components/LivePreview/SiteGenCard/stylesheet.scss
index 6a36494de..ea08d7566 100644
--- a/src/OnboardingSPA/components/LivePreview/SiteGenCard/stylesheet.scss
+++ b/src/OnboardingSPA/components/LivePreview/SiteGenCard/stylesheet.scss
@@ -4,7 +4,6 @@
           flex-direction: column;
           align-items: center;
           justify-content: center;
-          margin: 24px;
           width: 100%;
           &__live-preview-container {
                position: relative;
@@ -87,17 +86,17 @@
                     align-items: center;
                     &__icon {
                          width: 20px;
-                         height: 20px;
+                         height: 21px;
                          margin-right: 12px;
                          cursor: pointer;
+                         background-image: var(--sitegen-favorite);
 
                          &__fill {
-                              background-color: var(--nfd-onboarding-favorite-fill);
+                              background-image: var(--sitegen-favorite-filled);
                          }
 
                     }
 
-                    &__text {}
                }
 
                &__regenerate {
@@ -105,6 +104,7 @@
                     flex-direction: row;
                     justify-content: center;
                     align-items: center;
+                    cursor: pointer;
                     &__icon {
                          background-image: var(--sitegen-regenerate);
                          width: 16px;
diff --git a/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteGen/index.js b/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteGen/index.js
index 61787425d..557825e35 100644
--- a/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteGen/index.js
+++ b/src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteGen/index.js
@@ -16,6 +16,7 @@ import {
 	getSiteGenIdentifiers,
 } from '../../../utils/api/siteGen';
 import Footer from '../../Footer';
+import { stepSiteGenEditor } from '../../../steps/SiteGen/Editor/step';
 
 // Wrapping the NewfoldInterfaceSkeleton with the HOC to make theme available
 const ThemedNewfoldInterfaceSkeleton = themeToggleHOC(
@@ -25,9 +26,10 @@ const ThemedNewfoldInterfaceSkeleton = themeToggleHOC(
 );
 
 const SiteGen = () => {
-	const { newfoldBrand } = useSelect( ( select ) => {
+	const { newfoldBrand, currentStep } = useSelect( ( select ) => {
 		return {
 			newfoldBrand: select( nfdOnboardingStore ).getNewfoldBrand(),
+			currentStep: select( nfdOnboardingStore ).getCurrentStep(),
 		};
 	}, [] );
 
diff --git a/src/OnboardingSPA/components/Sidebar/components/SitegenEditorPatterns/Sidebar.js b/src/OnboardingSPA/components/Sidebar/components/SitegenEditorPatterns/Sidebar.js
new file mode 100644
index 000000000..9535bcce0
--- /dev/null
+++ b/src/OnboardingSPA/components/Sidebar/components/SitegenEditorPatterns/Sidebar.js
@@ -0,0 +1,59 @@
+import { Fill, PanelBody, PanelHeader, Button } from '@wordpress/components';
+import { Fragment, memo, Suspense } from '@wordpress/element';
+import { closeSmall } from '@wordpress/icons';
+import { useDispatch, useSelect } from '@wordpress/data';
+import { __ } from '@wordpress/i18n';
+
+import { store as nfdOnboardingStore } from '../../../../store';
+import {
+	SIDEBAR_SITEGEN_EDITOR_PATTERNS,
+	SIDEBAR_SLOTFILL_PREFIX,
+} from '../../../../../constants';
+
+const SitegenEditorPatternsSidebar = () => {
+	const { currentStep } = useSelect( ( select ) => {
+		return {
+			currentStep: select( nfdOnboardingStore ).getCurrentStep(),
+		};
+	} );
+
+	const { setIsSidebarOpened } = useDispatch( nfdOnboardingStore );
+
+	const closeSideBar = () => {
+		setIsSidebarOpened( false );
+	};
+	return (
+		<Fill name={ `${ SIDEBAR_SLOTFILL_PREFIX }/${ SIDEBAR_SITEGEN_EDITOR_PATTERNS }` }>
+			<PanelBody
+				className="nfd-onboarding-sidebar--sitegen-editor-patterns"
+				initialOpen={ true }
+			>
+				<Suspense fallback={ <></>}>
+					<PanelHeader
+						label={ __( 'Learn More', 'wp-module-onboarding' ) }
+					>
+						<div className="nfd-onboarding-sidebar--sitegen-editor-patterns__header">
+							<Button
+								className="nfd-onboarding-sidebar--sitegen-editor-patterns__header__icon"
+								onClick={ closeSideBar }
+								icon={ closeSmall }
+							></Button>
+						</div>
+					</PanelHeader>
+					{ currentStep?.sidebars?.LearnMore &&
+						currentStep?.sidebars?.LearnMore.SidebarComponents.map(
+							( SidebarComponent, index ) => {
+								return (
+									<Fragment key={ index }>
+										<SidebarComponent />
+									</Fragment>
+								);
+							}
+						) }
+				</Suspense>
+			</PanelBody>
+		</Fill>
+	);
+};
+
+export default memo( SitegenEditorPatternsSidebar );
diff --git a/src/OnboardingSPA/components/Sidebar/components/SitegenEditorPatterns/stylesheet.scss b/src/OnboardingSPA/components/Sidebar/components/SitegenEditorPatterns/stylesheet.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/OnboardingSPA/data/homepages/1.json b/src/OnboardingSPA/data/homepages/1.json
deleted file mode 100644
index 652efc18e..000000000
--- a/src/OnboardingSPA/data/homepages/1.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-     "slug": "version-1",
-     "title": "Version 1",
-     "content": "<!-- 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\">Memorable Experiences</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\">Elevate your function<br>to the industry’s finest</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\">Get your Custom Event Plan</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> Read Client Feedback</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-1682884397225-6932fba4e838?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-1444703686981-a3abbc4d4fe3?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-1507120410856-1f35574c3b45?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-1542310441-c2c6c8da6d98?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-1682884397223-e071beb4bd91?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\">Discover Our Amazing Workouts</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 amazing daily workouts at our newly opened gym. Choose among classic and modern fitness programs, performed with the guidance of expert trainers.</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 Session</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\">25k </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\">Drinks 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\">50k </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\">Attendee Registrations</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\">12 </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\">Promotions held</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\">Professional associations</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-1472289065668-ce650ac443d2?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-1472289065668-ce650ac443d2?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 handle everything <br>detail-oriented individuals worry about</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>Effortless experience</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>Exceptional 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 the authorities</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 Crew</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 -->"
-}
\ No newline at end of file
diff --git a/src/OnboardingSPA/data/homepages/getHomepages.js b/src/OnboardingSPA/data/homepages/getHomepages.js
deleted file mode 100644
index 675071ac2..000000000
--- a/src/OnboardingSPA/data/homepages/getHomepages.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import one from './1.json';
-import two from './2.json';
-import three from './3.json';
-const getHomepages = () => {
-     return [one, two, three];
-}
-
-export default getHomepages;
\ No newline at end of file
diff --git a/src/OnboardingSPA/data/sidebars/index.js b/src/OnboardingSPA/data/sidebars/index.js
index a448adcd4..f45973fc9 100644
--- a/src/OnboardingSPA/data/sidebars/index.js
+++ b/src/OnboardingSPA/data/sidebars/index.js
@@ -1,6 +1,9 @@
 import { lazy } from '@wordpress/element';
 
-import { SIDEBAR_LEARN_MORE } from '../../../constants';
+import {
+	SIDEBAR_LEARN_MORE,
+	SIDEBAR_SITEGEN_EDITOR_PATTERNS,
+} from '../../../constants';
 
 const LearnMoreMenu = lazy( () =>
 	import( '../../components/Sidebar/components/LearnMore/Menu' )
@@ -9,6 +12,12 @@ const LearnMoreSidebar = lazy( () =>
 	import( '../../components/Sidebar/components/LearnMore/Sidebar' )
 );
 
+const SitegenEditorPatternsSidebar = lazy( () =>
+	import(
+		'../../components/Sidebar/components/SitegenEditorPatterns/Sidebar'
+	)
+);
+
 export const sidebars = [
 	{
 		id: SIDEBAR_LEARN_MORE,
@@ -16,4 +25,10 @@ export const sidebars = [
 		sidebar: LearnMoreSidebar,
 		enabled: true,
 	},
+	{
+		id: SIDEBAR_SITEGEN_EDITOR_PATTERNS,
+		menu: SitegenEditorPatternsSidebar,
+		sidebar: SitegenEditorPatternsSidebar,
+		enabled: true,
+	},
 ];
diff --git a/src/OnboardingSPA/data/sitegen/homepages/1.json b/src/OnboardingSPA/data/sitegen/homepages/1.json
new file mode 100644
index 000000000..a56a2a307
--- /dev/null
+++ b/src/OnboardingSPA/data/sitegen/homepages/1.json
@@ -0,0 +1,5 @@
+{
+     "slug": "version-1",
+     "title": "Version 1",
+     "content": "<!-- wp:group {\"align\":\"full\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"backgroundColor\":\"white\",\"textColor\":\"black\",\"className\":\"nfd-my-0 nfd-container nfd-px-base nfd-py-0 nfd-text-base\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group alignfull nfd-my-0 nfd-container nfd-px-base nfd-py-0 nfd-text-base has-black-color has-white-background-color has-text-color has-background has-link-color\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"32px\",\"padding\":{\"top\":\"32px\",\"bottom\":\"32px\"}}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\",\"verticalAlignment\":\"center\"}} -->\n\t<div class=\"wp-block-group\" style=\"padding-top:32px;padding-bottom:32px\"><!-- wp:site-logo /-->\n\t\n\t<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"50px\"}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"verticalAlignment\":\"center\",\"justifyContent\":\"left\"}} -->\n\t<div class=\"wp-block-group\"><!-- wp:navigation {\"icon\":\"menu\",\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"},\"style\":{\"spacing\":{\"blockGap\":\"32px\"},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\"}}} /-->\n\t\n\t<!-- wp:buttons {\"className\":\"md:nfd-hidden nfd-weight-inherit\",\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"},\"style\":{\"spacing\":{}}} -->\n\t<div class=\"wp-block-buttons md:nfd-hidden nfd-weight-inherit\"><!-- wp:button {\"style\":{\"spacing\":{\"padding\":{\"top\":\"12px\",\"bottom\":\"12px\",\"left\":\"24px\",\"right\":\"24px\"}},\"typography\":{\"lineHeight\":\"1.5\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\"}}} -->\n\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:12px;padding-right:24px;padding-bottom:12px;padding-left:24px\">Start Creating for Free Today!</a></div>\n\t<!-- /wp:button --></div>\n\t<!-- /wp:buttons --></div>\n\t<!-- /wp:group --></div>\n\t<!-- /wp:group --></div>\n\t<!-- /wp:group --><!-- 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\">Memorable Experiences</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\">Elevate your function<br>to the industry’s finest</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\">Get your Custom Event Plan</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> Read Client Feedback</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-1682884397225-6932fba4e838?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-1444703686981-a3abbc4d4fe3?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-1507120410856-1f35574c3b45?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-1542310441-c2c6c8da6d98?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-1682884397223-e071beb4bd91?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\">Discover Our Amazing Workouts</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 amazing daily workouts at our newly opened gym. Choose among classic and modern fitness programs, performed with the guidance of expert trainers.</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 Session</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\">25k </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\">Drinks 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\">50k </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\">Attendee Registrations</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\">12 </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\">Promotions held</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\">Professional associations</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-1472289065668-ce650ac443d2?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-1472289065668-ce650ac443d2?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 handle everything <br>detail-oriented individuals worry about</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>Effortless experience</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>Exceptional 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 the authorities</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 Crew</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 -->"
+}
\ No newline at end of file
diff --git a/src/OnboardingSPA/data/homepages/2.json b/src/OnboardingSPA/data/sitegen/homepages/2.json
similarity index 100%
rename from src/OnboardingSPA/data/homepages/2.json
rename to src/OnboardingSPA/data/sitegen/homepages/2.json
diff --git a/src/OnboardingSPA/data/homepages/3.json b/src/OnboardingSPA/data/sitegen/homepages/3.json
similarity index 100%
rename from src/OnboardingSPA/data/homepages/3.json
rename to src/OnboardingSPA/data/sitegen/homepages/3.json
diff --git a/src/OnboardingSPA/data/homepages/4.json b/src/OnboardingSPA/data/sitegen/homepages/4.json
similarity index 100%
rename from src/OnboardingSPA/data/homepages/4.json
rename to src/OnboardingSPA/data/sitegen/homepages/4.json
diff --git a/src/OnboardingSPA/data/sitegen/homepages/homepages.js b/src/OnboardingSPA/data/sitegen/homepages/homepages.js
new file mode 100644
index 000000000..34f9ab1e9
--- /dev/null
+++ b/src/OnboardingSPA/data/sitegen/homepages/homepages.js
@@ -0,0 +1,25 @@
+import {getRandomColorPalette} from '../sitemeta/siteMeta';
+import one from './1.json';
+import two from './2.json';
+import three from './3.json';
+import four from './4.json';
+const getHomepages = () => {
+     return [one, two, three];
+}
+
+const getRandom = ( homepage ) => {
+     console.log('homepage', homepage);
+     if ( homepage?.favorite ) {
+          homepage.slug = homepage.slug + '-copy'
+          homepage.title = homepage.title + ' Copy'
+          homepage.favorite = false;
+          homepage.color = getRandomColorPalette( homepage?.color?.slug );
+          return homepage;
+     }
+     four.color = getRandomColorPalette( homepage?.color?.slug );
+     return four;
+
+
+}
+
+export { getHomepages, getRandom };
\ No newline at end of file
diff --git a/src/OnboardingSPA/data/sitegen/sitemeta/siteMeta.js b/src/OnboardingSPA/data/sitegen/sitemeta/siteMeta.js
new file mode 100644
index 000000000..83156a301
--- /dev/null
+++ b/src/OnboardingSPA/data/sitegen/sitemeta/siteMeta.js
@@ -0,0 +1,39 @@
+import siteMeta from './siteMeta.json';
+const getSiteMeta = () => {
+     return siteMeta;
+}
+
+const getColorPalettes = () => {
+     let colorPalettes = {};
+     Object.keys( siteMeta.colorpalette ).forEach((colorPalette) => {
+          colorPalettes[colorPalette] = Object.keys(siteMeta.colorpalette[colorPalette]).map(( slug ) => {
+               return {
+                    slug,
+                    title: slug[0].toUpperCase() + slug.slice(1),
+                    color: siteMeta.colorpalette[colorPalette][slug]
+               }
+          })
+     })
+
+     return colorPalettes;
+}
+
+const getRandomColorPalette = ( activeColorPaletteSlug ) => {
+     const colorPalettes = getColorPalettes();
+     console.log(colorPalettes)
+     let keys = Object.keys( colorPalettes );
+     if ( activeColorPaletteSlug ) {
+          keys = keys.filter(( key ) => {
+               return key != activeColorPaletteSlug
+          })
+     }
+
+     const rand = Math.floor(  Math.random() * keys.length );
+     console.log(rand)
+     return {
+          slug: keys[2],
+          palette: colorPalettes[ keys[ 2 ] ]
+     }
+}
+
+export {getSiteMeta, getColorPalettes, getRandomColorPalette};
\ No newline at end of file
diff --git a/src/OnboardingSPA/data/sitegen/sitemeta/siteMeta.json b/src/OnboardingSPA/data/sitegen/sitemeta/siteMeta.json
new file mode 100644
index 000000000..4f677166c
--- /dev/null
+++ b/src/OnboardingSPA/data/sitegen/sitemeta/siteMeta.json
@@ -0,0 +1,305 @@
+{
+     "siteclassification": {
+          "primaryType": "health-wellness",
+          "slug": "gym",
+          "emoji": "💪",
+          "wooType": "health-beauty",
+          "keywords": [
+               "fitness",
+               "group",
+               "weight loss",
+               "muscle",
+               "cardio",
+               "strength",
+               "yoga",
+               "pilates",
+               "crossfit",
+               "bodybuilding",
+               "weight",
+               "treadmill",
+               "elliptical",
+               "interval"
+          ],
+          "label": "Gym"
+     },
+     "targetaudience": {
+          "age": {
+               "min": "18",
+               "max": "45"
+          },
+          "gender": "both",
+          "income": {
+               "min": "0",
+               "max": "1000000",
+               "currency": "INR"
+          },
+          "education": "any",
+          "location": "Gym Beach, India",
+          "interests": [
+               "Fitness",
+               "Health",
+               "Exercise",
+               "Wellness"
+          ]
+     },
+     "contenttones": {
+          "tone": "Professional",
+          "undertone": "Positive",
+          "verbosity": 5,
+          "reading_level": 60
+     },
+     "contentstructure": {
+          "homepage1": [
+               "header",
+               "hero",
+               "headings",
+               "features",
+               "gallery",
+               "call-to-action",
+               "pricing-table",
+               "footer"
+          ],
+          "homepage2": [
+               "header",
+               "hero",
+               "team",
+               "features",
+               "gallery",
+               "call-to-action",
+               "testimonials",
+               "footer"
+          ],
+          "homepage3": [
+               "header",
+               "hero",
+               "headings",
+               "features",
+               "gallery",
+               "call-to-action",
+               "faq",
+               "footer"
+          ],
+          "homepage4": [
+               "header",
+               "hero",
+               "headings",
+               "features",
+               "gallery",
+               "call-to-action",
+               "blog",
+               "footer"
+          ],
+          "homepage5": [
+               "header",
+               "hero",
+               "headings",
+               "features",
+               "gallery",
+               "call-to-action",
+               "about",
+               "footer"
+          ]
+     },
+     "colorpalette": {
+          "palette1": {
+               "base": "#FF5733",
+               "contrast": "#FFFFFF",
+               "primary": "#2ECC71",
+               "tertiary": "#F1C40F",
+               "header_background": "#2E86C1",
+               "header_foreground": "#FFFFFF",
+               "header_tiles": "#FFC300",
+               "secondary_background": "#F39C12",
+               "secondary_foreground": "#FFFFFF"
+          },
+          "palette2": {
+               "base": "#FF5733",
+               "contrast": "#FFFFFF",
+               "primary": "#3498DB",
+               "tertiary": "#F1C40F",
+               "header_background": "#2E86C1",
+               "header_foreground": "#FFFFFF",
+               "header_tiles": "#FFC300",
+               "secondary_background": "#F39C12",
+               "secondary_foreground": "#FFFFFF"
+          },
+          "palette3": {
+               "base": "#FF5733",
+               "contrast": "#FFFFFF",
+               "primary": "#9B59B6",
+               "tertiary": "#F1C40F",
+               "header_background": "#2E86C1",
+               "header_foreground": "#FFFFFF",
+               "header_tiles": "#FFC300",
+               "secondary_background": "#F39C12",
+               "secondary_foreground": "#FFFFFF"
+          },
+          "palette4": {
+               "base": "#FF5733",
+               "contrast": "#FFFFFF",
+               "primary": "#E74C3C",
+               "tertiary": "#F1C40F",
+               "header_background": "#2E86C1",
+               "header_foreground": "#FFFFFF",
+               "header_tiles": "#FFC300",
+               "secondary_background": "#F39C12",
+               "secondary_foreground": "#FFFFFF"
+          },
+          "palette5": {
+               "base": "#FF5733",
+               "contrast": "#FFFFFF",
+               "primary": "#1ABC9C",
+               "tertiary": "#F1C40F",
+               "header_background": "#2E86C1",
+               "header_foreground": "#FFFFFF",
+               "header_tiles": "#FFC300",
+               "secondary_background": "#F39C12",
+               "secondary_foreground": "#FFFFFF"
+          }
+     },
+     "sitemap": [
+          {
+               "slug": "home",
+               "path": "/",
+               "title": "Gymmer - Home",
+               "keywords": [
+                    "Gymmer",
+                    "Gym Beach",
+                    "India",
+                    "fitness",
+                    "workout"
+               ]
+          },
+          {
+               "slug": "about",
+               "path": "/about",
+               "title": "Gymmer - About",
+               "keywords": [
+                    "Gymmer",
+                    "Gym Beach",
+                    "India",
+                    "studio",
+                    "history"
+               ]
+          },
+          {
+               "slug": "services",
+               "path": "/services",
+               "title": "Gymmer - Services",
+               "keywords": [
+                    "Gymmer",
+                    "Gym Beach",
+                    "India",
+                    "classes",
+                    "training"
+               ]
+          },
+          {
+               "slug": "gallery",
+               "path": "/gallery",
+               "title": "Gymmer - Gallery",
+               "keywords": [
+                    "Gymmer",
+                    "Gym Beach",
+                    "India",
+                    "photos",
+                    "videos"
+               ]
+          },
+          {
+               "slug": "contact",
+               "path": "/contact",
+               "title": "Gymmer - Contact",
+               "keywords": [
+                    "Gymmer",
+                    "Gym Beach",
+                    "India",
+                    "location",
+                    "contact"
+               ]
+          }
+     ],
+     "pluginrecommendation": {
+          "requiredPlugins": [
+               {
+                    "title": "Yoast SEO",
+                    "description": "Yoast SEO is a comprehensive search engine optimization plugin for WordPress, which offers various features to optimize your site for maximum visibility in search engines.",
+                    "slug": "wordpress-seo/wordpress-seo.php",
+                    "download_url": "https://downloads.wordpress.org/plugin/wordpress-seo.zip",
+                    "premium": false,
+                    "requires": []
+               },
+               {
+                    "title": "WooCommerce",
+                    "description": "WooCommerce is a customizable, open-source eCommerce platform built on WordPress, allowing users to set up online stores with ease.",
+                    "slug": "woocommerce/woocommerce.php",
+                    "download_url": "https://downloads.wordpress.org/plugin/woocommerce.zip",
+                    "premium": false,
+                    "requires": []
+               }
+          ],
+          "recommendedPlugins": [
+               {
+                    "title": "Jetpack",
+                    "description": "Jetpack offers a suite of design, security, and marketing tools for WordPress sites, including real-time backups and easy-to-use performance enhancements.",
+                    "slug": "jetpack/jetpack.php",
+                    "download_url": "https://downloads.wordpress.org/plugin/jetpack.zip",
+                    "premium": false,
+                    "requires": []
+               },
+               {
+                    "title": "WPForms Lite",
+                    "description": "WPForms Lite is a drag-and-drop form builder for WordPress, allowing users to create contact forms, surveys, and more without any coding.",
+                    "slug": "wpforms-lite/wpforms.php",
+                    "download_url": "https://downloads.wordpress.org/plugin/wpforms-lite.zip",
+                    "premium": false,
+                    "requires": []
+               }
+          ]
+     },
+     "fontpair": [
+          {
+               "aesthetics": "modern",
+               "font_heading": "Montserrat",
+               "font_content": "Roboto",
+               "spacing": 10,
+               "radius": 5
+          },
+          {
+               "aesthetics": "energetic",
+               "font_heading": "Bebas Neue",
+               "font_content": "Open Sans",
+               "spacing": 8,
+               "radius": 3
+          },
+          {
+               "aesthetics": "bold",
+               "font_heading": "Oswald",
+               "font_content": "Lato",
+               "spacing": 12,
+               "radius": 7
+          },
+          {
+               "aesthetics": "sleek",
+               "font_heading": "Raleway",
+               "font_content": "Nunito",
+               "spacing": 6,
+               "radius": 2
+          },
+          {
+               "aesthetics": "dynamic",
+               "font_heading": "Exo",
+               "font_content": "Poppins",
+               "spacing": 9,
+               "radius": 4
+          }
+     ],
+     "keywords": {
+          "keywords": [
+               "Gym studio",
+               "Gymmer",
+               "Gym Beach",
+               "India"
+          ]
+     }
+}
\ No newline at end of file
diff --git a/src/OnboardingSPA/static/icons/sitegen/favorite-filled.svg b/src/OnboardingSPA/static/icons/sitegen/favorite-filled.svg
new file mode 100644
index 000000000..bfa02dd88
--- /dev/null
+++ b/src/OnboardingSPA/static/icons/sitegen/favorite-filled.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 19.6583L8.975 18.7333C7.20833 17.1167 5.75 15.7208 4.6 14.5458C3.45 13.3708 2.53333 12.3208 1.85 11.3958C1.16667 10.4708 0.6875 9.63334 0.4125 8.88334C0.1375 8.13334 0 7.375 0 6.60834C0 5.10834 0.504167 3.85417 1.5125 2.84584C2.52083 1.8375 3.76667 1.33334 5.25 1.33334C6.2 1.33334 7.07917 1.55834 7.8875 2.00834C8.69583 2.45834 9.4 3.10834 10 3.95834C10.7 3.05834 11.4417 2.39584 12.225 1.97084C13.0083 1.54584 13.85 1.33334 14.75 1.33334C16.2333 1.33334 17.4792 1.8375 18.4875 2.84584C19.4958 3.85417 20 5.10834 20 6.60834C20 7.375 19.8625 8.13334 19.5875 8.88334C19.3125 9.63334 18.8333 10.4708 18.15 11.3958C17.4667 12.3208 16.55 13.3708 15.4 14.5458C14.25 15.7208 12.7917 17.1167 11.025 18.7333L10 19.6583Z" fill="#EF4A71"/>
+</svg>
diff --git a/src/OnboardingSPA/static/icons/sitegen/settings.svg b/src/OnboardingSPA/static/icons/sitegen/settings.svg
new file mode 100644
index 000000000..af76ae43e
--- /dev/null
+++ b/src/OnboardingSPA/static/icons/sitegen/settings.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 1.5L2 14.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+<circle cx="2" cy="5.5" r="2" fill="white"/>
+<path d="M8 1.5V14.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+<circle cx="8" cy="10.5" r="2" fill="white"/>
+<path d="M14 1.5V14.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+<circle cx="14" cy="7" r="2" fill="white"/>
+</svg>
diff --git a/src/OnboardingSPA/steps/SiteGen/Editor/Header/index.js b/src/OnboardingSPA/steps/SiteGen/Editor/Header/index.js
index e8af98d14..6f55d84fe 100644
--- a/src/OnboardingSPA/steps/SiteGen/Editor/Header/index.js
+++ b/src/OnboardingSPA/steps/SiteGen/Editor/Header/index.js
@@ -1,64 +1,138 @@
 import { Fill, Dropdown } from '@wordpress/components';
-import { HEADER_CENTER, HEADER_END, HEADER_SITEGEN, HEADER_START } from '../../../../../constants';
-import { Icon, chevronDown, home } from '@wordpress/icons';
+import {
+	HEADER_CENTER,
+	HEADER_END,
+	HEADER_SITEGEN,
+	HEADER_START,
+} from '../../../../../constants';
+import { Icon, chevronDown, chevronRight, home } from '@wordpress/icons';
 import { store as nfdOnboardingStore } from '../../../../store';
 
 import { useSelect, useDispatch } from '@wordpress/data';
 
 import { useEffect, useState } from '@wordpress/element';
+import { getRandom } from '../../../../data/sitegen/homepages/homepages';
 
 const StepSiteGenEditorHeader = () => {
-     const [homepage, setHomepage] = useState();
+	const [ homepage, setHomepage ] = useState();
 
-     const { setCurrentOnboardingData } = useDispatch(nfdOnboardingStore);
-     const { currentData } = useSelect((select) => {
-          return {
-              currentData:  select(nfdOnboardingStore).getCurrentOnboardingData(),
-          }
-     })
+	const { setCurrentOnboardingData } = useDispatch( nfdOnboardingStore );
+	const { currentData } = useSelect( ( select ) => {
+		return {
+			currentData:
+				select( nfdOnboardingStore ).getCurrentOnboardingData(),
+		};
+	} );
 
-     const handleFavorite = () => {
+	const handleFavorite = () => {
 		homepage.favorite = ! homepage.favorite;
-		currentData.sitegen.homepages.data[homepage.slug] = homepage;
+		currentData.sitegen.homepages.data[ homepage.slug ] = homepage;
 		setCurrentOnboardingData( currentData );
-	}
+	};
 
-     useEffect(() => {
-          if ( currentData.sitegen.homepages.active ) {
+	const handleRegenerate = () => {
+		const newPage = getRandom( { ...homepage } );
+		setHomepage( newPage );
+		currentData.sitegen.homepages.data[ newPage.slug ] = newPage;
+		currentData.sitegen.homepages.active = newPage;
+		setCurrentOnboardingData( currentData );
+	};
 
-               setHomepage(currentData.sitegen.homepages.active)
-          }
-     }, [])
-     return 			<>
-     <Fill name={ `${ HEADER_SITEGEN }/${ HEADER_START }` }>
-          <div className='nfd-onboarding-header--sitegen__editor__start'>
-               <button className='nfd-onboarding-header--sitegen__editor__start__regenerate'>
-                    <div className={`nfd-onboarding-header--sitegen__editor__start__regenerate__icon`}></div>
-                    <div className={`nfd-onboarding-header--sitegen__editor__start__regenerate__text`}>Regenerate</div>
-               </button>
-          </div>
-</Fill>
-<Fill name={`${HEADER_SITEGEN}/${HEADER_CENTER}`}>
-     <div className='nfd-onboarding-header--sitegen__editor__center'>
-          <div className='nfd-onboarding-header--sitegen__editor__center__icon'></div>
-          <Dropdown className='nfd-onboarding-header--sitegen__editor__center__dropdown'
-          renderToggle={( { isOpen, onToggle } ) => {
-               return <>
-               <p className={`nfd-onboarding-header--sitegen__editor__center__dropdown__favorite-icon ${homepage.favorite && 'nfd-onboarding-header--sitegen__editor__center__dropdown__favorite-icon__fill'}`} onClick={handleFavorite}></p>
-               <div className='nfd-onboarding-header--sitegen__editor__center__dropdown__info' onClick={onToggle}>
-               <p className='nfd-onboarding-header--sitegen__editor__center__dropdown__info__text'>{homepage.title}</p>
-               <Icon className='nfd-onboarding-header--sitegen__editor__center__dropdown__info__down-icon' icon={chevronDown} />
-               </div>
-               </>
+	const generateChildThemes = () => {};
 
-          }}
-          renderContent={() => <div>Hello World</div>}
-          />
-     </div>
-</Fill>
-<Fill name={ `${ HEADER_SITEGEN }/${ HEADER_END }` }>
-</Fill>
-     </>
-}
+	useEffect( () => {
+		if ( currentData?.sitegen?.homepages?.active ) {
+			setHomepage( currentData.sitegen.homepages.active );
+		}
+	}, [ currentData ] );
+	return (
+		<>
+			<Fill name={ `${ HEADER_SITEGEN }/${ HEADER_START }` }>
+				<div className="nfd-onboarding-header--sitegen__editor__start">
+					<div
+						className="nfd-onboarding-header--sitegen__editor__start__regenerate"
+						onClick={ () => handleRegenerate() }
+					>
+						<div
+							className={ `nfd-onboarding-header--sitegen__editor__start__regenerate__icon` }
+						></div>
+						<div
+							className={ `nfd-onboarding-header--sitegen__editor__start__regenerate__text` }
+						>
+							Regenerate
+						</div>
+					</div>
+				</div>
+			</Fill>
+			<Fill name={ `${ HEADER_SITEGEN }/${ HEADER_CENTER }` }>
+				{ homepage && (
+					<div className="nfd-onboarding-header--sitegen__editor__center">
+						<div className="nfd-onboarding-header--sitegen__editor__center__icon"></div>
+						<Dropdown
+							className="nfd-onboarding-header--sitegen__editor__center__dropdown"
+							renderToggle={ ( { isOpen, onToggle } ) => {
+								return (
+									<>
+										<p
+											className={ `nfd-onboarding-header--sitegen__editor__center__dropdown__favorite-icon ${
+												homepage.favorite &&
+												'nfd-onboarding-header--sitegen__editor__center__dropdown__favorite-icon__fill'
+											}` }
+											onClick={ handleFavorite }
+										></p>
+										<div
+											className="nfd-onboarding-header--sitegen__editor__center__dropdown__info"
+											onClick={ onToggle }
+										>
+											<p className="nfd-onboarding-header--sitegen__editor__center__dropdown__info__text">
+												{ homepage.title }
+											</p>
+											<Icon
+												className="nfd-onboarding-header--sitegen__editor__center__dropdown__info__down-icon"
+												icon={ chevronDown }
+											/>
+										</div>
+									</>
+								);
+							} }
+							renderContent={ () => (
+								<div className="nfd-onboarding-header--sitegen__editor__center__dropdown__content">
+									<p className="nfd-onboarding-header--sitegen__editor__center__dropdown__content__rename">
+										Rename
+									</p>
+									<p className="nfd-onboarding-header--sitegen__editor__center__dropdown__content__view-all">
+										View All
+									</p>
+								</div>
+							) }
+						/>
+					</div>
+				) }
+			</Fill>
+			<Fill name={ `${ HEADER_SITEGEN }/${ HEADER_END }` }>
+				<div className="nfd-onboarding-header--sitegen__editor__end">
+					<div className="nfd-onboarding-header--sitegen__editor__end__customize-button">
+						<div className="nfd-onboarding-header--sitegen__editor__end__customize-button__icon"></div>
+						<div className="nfd-onboarding-header--sitegen__editor__end__customize-button__text">
+							Customize
+						</div>
+					</div>
+					<div className="nfd-onboarding-header--sitegen__editor__end__save-button">
+						<div
+							className="nfd-onboarding-header--sitegen__editor__end__save-button__text"
+							onClick={ generateChildThemes }
+						>
+							Save & Continue
+						</div>
+						<Icon
+							icon={ chevronRight }
+							className="nfd-onboarding-header--sitegen__editor__end__save-button__text"
+						></Icon>
+					</div>
+				</div>
+			</Fill>
+		</>
+	);
+};
 
-export default StepSiteGenEditorHeader;
\ No newline at end of file
+export default StepSiteGenEditorHeader;
diff --git a/src/OnboardingSPA/steps/SiteGen/Editor/Header/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/Editor/Header/stylesheet.scss
index f80e46c55..c068666e5 100644
--- a/src/OnboardingSPA/steps/SiteGen/Editor/Header/stylesheet.scss
+++ b/src/OnboardingSPA/steps/SiteGen/Editor/Header/stylesheet.scss
@@ -1,4 +1,7 @@
 .nfd-onboarding-header {
+     &--dark {
+          background-color: var(--nfd-onboarding-editor-header-background);
+     }
      &--sitegen{
           &__editor {
                &__start {
@@ -6,11 +9,9 @@
                          margin-left: 20px;
                          height: 36px;
                          color: var(--nfd-onboarding-primary);
-                         background-color: var(--nfd-onboarding-preview-favorite-background);
-                         border: none;
-                         :hover {
-                              cursor: pointer;
-                         }
+                         background-color: var(--nfd-onboarding-button-background);
+                         border-radius: 8px;
+                         cursor: pointer;
                          &__icon {
                               background-image: var(--sitegen-regenerate);
                               width: 16px;
@@ -35,13 +36,13 @@
 
                          &__favorite-icon {
                               background-image: var(--sitegen-favorite);
-                              height: 20px;
+                              height: 21px;
                               width: 20px;
                               margin-right: 15px;
                               cursor: pointer;
 
                               &__fill {
-                                   background-color: var(--nfd-onboarding-favorite-fill);
+                                   background-image: var(--sitegen-favorite-filled);
                               }
                          }
 
@@ -61,6 +62,56 @@
                                    height: 20px;
                               }
                          }
+
+                         &__content {
+                              &__rename, &__view-all {
+                                   height: 40px;
+                                   padding: 0px 9px 0px 9px;
+                                   width: 240px;
+                                   color: var(--nfd-onboarding-secondary);
+                              }
+
+                              &__view-all {
+                                   border-top: 1px solid var(--nfd-onboarding-secondary);
+                              }
+                         }
+                    }
+               }
+               &__end {
+                    display: flex;
+                    flex-direction: row;
+                    &__customize-button {
+                         display: flex;
+                         flex-direction: row;
+                         justify-content: space-evenly;
+                         align-items: center;
+                         cursor: pointer;
+                         background-color: var(--nfd-onboarding-button-background);
+                         color: var(--nfd-onboarding-primary);
+                         padding: 0px 12px 0px 12px;
+                         margin-right: 16px;
+                         height: 36px;
+                         border-radius: 8px;
+
+                         &__icon {
+                              background-image: var(--sitegen-settings);
+                              height: 16px;
+                              width: 16px;
+                              margin-right: 8px;
+                         }
+                    }
+
+                    &__save-button {
+                         display: flex;
+                         flex-direction: row;
+                         justify-content: space-evenly;
+                         align-items: center;
+                         cursor: pointer;
+                         background-color: var(--nfd-onboarding-primary);
+                         color: var(--nfd-onboarding-secondary);
+                         padding: 0px 12px 0px 12px;
+                         height: 36px;
+                         border-radius: 8px;
                     }
                }
           }
diff --git a/src/OnboardingSPA/steps/SiteGen/Editor/Sidebar/Patterns/index.js b/src/OnboardingSPA/steps/SiteGen/Editor/Sidebar/Patterns/index.js
new file mode 100644
index 000000000..821ce88b4
--- /dev/null
+++ b/src/OnboardingSPA/steps/SiteGen/Editor/Sidebar/Patterns/index.js
@@ -0,0 +1,17 @@
+import { useDispatch } from '@wordpress/data';
+
+import { useEffect } from '@wordpress/element';
+
+import { store as nfdOnboardingStore } from '../../../../../store';
+import { SIDEBAR_SITEGEN_EDITOR_PATTERNS } from '../../../../../../constants';
+
+const Patterns = () => {
+     const { setSidebarActiveView } = useDispatch( nfdOnboardingStore )
+
+     useEffect(() => {
+          setSidebarActiveView( SIDEBAR_SITEGEN_EDITOR_PATTERNS );
+     }, [])
+     return <div>Hello World</div>
+}
+
+export default Patterns;
\ No newline at end of file
diff --git a/src/OnboardingSPA/steps/SiteGen/Editor/index.js b/src/OnboardingSPA/steps/SiteGen/Editor/index.js
index f4139ddcd..04d91cb2d 100644
--- a/src/OnboardingSPA/steps/SiteGen/Editor/index.js
+++ b/src/OnboardingSPA/steps/SiteGen/Editor/index.js
@@ -7,9 +7,15 @@ import { store as nfdOnboardingStore } from '../../../store';
 import { HEADER_SITEGEN } from '../../../../constants';
 
 import { LivePreview } from '../../../components/LivePreview';
+import { getGlobalStyles } from '../../../utils/api/themes';
+
+import { cloneDeep } from 'lodash';
 
 const StepSiteGenEditor = () => {
-	const [ pattern, setPattern ] = useState();
+	const [ activeHomepage, setActiveHomepage ] = useState();
+	const [ colorPalette, setColorPalette ] = useState();
+	const [ globalStyles, setGlobalStyles ] = useState( [] );
+	const [ reRender, setReRender ] = useState( false );
 	const {
 		setIsHeaderEnabled,
 		setSidebarActiveView,
@@ -24,28 +30,54 @@ const StepSiteGenEditor = () => {
 		};
 	} );
 
-	useEffect( () => {
+	const loadData = async () => {
 		setIsHeaderEnabled( true );
 		setSidebarActiveView( false );
 		setHeaderActiveView( HEADER_SITEGEN );
 		setDrawerActiveView( false );
 		const homepage = currentData.sitegen.homepages.active;
-		setPattern( homepage.content );
+		setActiveHomepage( homepage );
+		const globalStyles = await getGlobalStyles();
+		setGlobalStyles( globalStyles.body );
+		setColorPalette( homepage.color.palette );
+	};
+
+	useEffect( () => {
+		loadData();
 	}, [] );
+
+	useEffect( () => {
+		if ( currentData?.sitegen?.homepages?.active ) {
+			setActiveHomepage( currentData.sitegen.homepages.active );
+			setReRender( true );
+		}
+	}, [ currentData ] );
+
+	const buildPreview = () => {
+		const newPreviewSettings = cloneDeep( globalStyles[ 0 ] );
+		newPreviewSettings.settings.color.palette =
+			activeHomepage.color.palette;
+		return (
+			<LivePreview
+				blockGrammer={ activeHomepage.content }
+				styling={ 'custom' }
+				previewSettings={ newPreviewSettings }
+				viewportWidth={ 1300 }
+				skeletonLoadingTime={ 0 }
+			/>
+		);
+	};
 	return (
 		<CommonLayout
 			isCentered
 			className="nfd-onboarding-step--site-gen__editor"
 		>
 			<div className="nfd-onboarding-step--site-gen__editor__live-preview">
-				{ pattern && (
-					<LivePreview
-						blockGrammer={ pattern }
-						styling={ 'custom' }
-						viewportWidth={ 1300 }
-						skeletonLoadingTime={ 0 }
-					/>
-				) }
+				{ activeHomepage &&
+					colorPalette &&
+					globalStyles &&
+					reRender &&
+					buildPreview() }
 			</div>
 		</CommonLayout>
 	);
diff --git a/src/OnboardingSPA/steps/SiteGen/Preview/index.js b/src/OnboardingSPA/steps/SiteGen/Preview/index.js
index f0d6e51c4..0fdea5b0b 100644
--- a/src/OnboardingSPA/steps/SiteGen/Preview/index.js
+++ b/src/OnboardingSPA/steps/SiteGen/Preview/index.js
@@ -11,11 +11,20 @@ import { HEADER_SITEGEN } from '../../../../constants';
 import LivePreviewSiteGenCard from '../../../components/LivePreview/SiteGenCard';
 
 import getContents from './contents';
-import getHomepages from '../../../data/homepages/getHomepages';
+import {
+	getHomepages,
+	getRandom,
+} from '../../../data/sitegen/homepages/homepages';
+import { getColorPalettes } from '../../../data/sitegen/sitemeta/siteMeta';
+import { getGlobalStyles } from '../../../utils/api/themes';
+
+import { isEmpty, cloneDeep } from 'lodash';
+import Grid from '../../../components/Grid';
 
 const SiteGenPreview = () => {
 	const navigate = useNavigate();
 	const [ homepages, setHomepages ] = useState();
+	const [ globalStyles, setGlobalStyles ] = useState( [] );
 	const {
 		setIsHeaderEnabled,
 		setSidebarActiveView,
@@ -32,22 +41,42 @@ const SiteGenPreview = () => {
 		};
 	} );
 
-	useEffect( () => {
+	const loadData = async () => {
 		setIsHeaderEnabled( true );
 		setSidebarActiveView( false );
 		setHeaderActiveView( HEADER_SITEGEN );
 		setDrawerActiveView( false );
+		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 ],
+					};
+				}
+			} );
+			currentData.sitegen.homepages.data = homepagesResponse;
+			setCurrentOnboardingData( currentData );
+			homepagesResponse.forEach( ( homepage ) => {
+				homepagesObject[ homepage.slug ] = homepage;
+			} );
+		} else {
+			homepagesObject = currentData.sitegen.homepages.data;
+		}
+		const globalStyles = await getGlobalStyles();
+		setGlobalStyles( globalStyles.body );
 
-		const homepagesResponse = getHomepages();
-		currentData.sitegen.homepages.data = homepagesResponse;
-		setCurrentOnboardingData( currentData );
-
-		const homePagesObject = {};
+		setHomepages( homepagesObject );
+	};
 
-		homepagesResponse.forEach( ( homepage ) => {
-			homePagesObject[ homepage.slug ] = homepage;
-		} );
-		setHomepages( homePagesObject );
+	useEffect( () => {
+		loadData();
 	}, [] );
 
 	const handleFavorite = ( slug ) => {
@@ -69,8 +98,44 @@ const SiteGenPreview = () => {
 		navigate( nextStep.path );
 	};
 
+	const handleRegenerate = ( slug ) => {
+		if ( ! ( slug in homepages ) ) {
+			return false;
+		}
+		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 buildPreviews = () => {
+		return Object.keys( homepages ).map( ( homepage ) => {
+			const data = homepages[ homepage ];
+			const newPreviewSettings = cloneDeep( globalStyles[ 0 ] );
+			newPreviewSettings.settings.color.palette = data.color.palette;
+			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 }
+				/>
+			);
+		} );
+	};
+
 	return (
 		<CommonLayout
 			isCentered
@@ -85,24 +150,9 @@ const SiteGenPreview = () => {
 				</div>
 			</div>
 			<div className="nfd-onboarding-step--site-gen__preview__live_previews">
-				{ homepages &&
-					Object.keys( homepages ).map( ( homepage ) => {
-						const data = homepages[ homepage ];
-						return (
-							<LivePreviewSiteGenCard
-								key={ homepage }
-								viewportWidth={ 1300 }
-								slug={ homepage }
-								title={ data.title }
-								isFavorite={ data.favorite }
-								skeletonLoadingTime={ 0 }
-								styling={ 'custom' }
-								blockGrammer={ data.content }
-								onFavorite={ handleFavorite }
-								onPreview={ handlePreview }
-							/>
-						);
-					} ) }
+				{ homepages && globalStyles && (
+					<Grid size={ 3 }>{ buildPreviews() }</Grid>
+				) }
 			</div>
 			<div className="nfd-onboarding-step--site-gen__preview__favorite-info">
 				<div className="nfd-onboarding-step--site-gen__preview__favorite-info__icon"></div>
diff --git a/src/OnboardingSPA/steps/SiteGen/Preview/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/Preview/stylesheet.scss
index 2ea50d916..c93d9cc08 100644
--- a/src/OnboardingSPA/steps/SiteGen/Preview/stylesheet.scss
+++ b/src/OnboardingSPA/steps/SiteGen/Preview/stylesheet.scss
@@ -3,7 +3,8 @@
      &__preview {
           display: flex;
           flex-direction: column;
-          justify-content: space-around;
+          justify-content: space-evenly;
+          align-items: center;
 
           &__context {
                text-align: center;
@@ -29,7 +30,7 @@
                align-items: center;
                justify-content: center;
                width: 100%;
-               height: 300px;
+               margin-top: 30px;
           }
 
           &__favorite-info {
diff --git a/src/OnboardingSPA/steps/SiteGen/SiteLogo/index.js b/src/OnboardingSPA/steps/SiteGen/SiteLogo/index.js
index 573de8f2d..e7a25d89f 100644
--- a/src/OnboardingSPA/steps/SiteGen/SiteLogo/index.js
+++ b/src/OnboardingSPA/steps/SiteGen/SiteLogo/index.js
@@ -1,6 +1,7 @@
 import { useViewportMatch } from '@wordpress/compose';
 import { useEffect, useState } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
 
 import getContents from './contents';
 import { HEADER_SITEGEN } from '../../../../constants';
@@ -22,6 +23,12 @@ const SiteGenSiteLogo = () => {
 		};
 	} );
 
+	const { editEntityRecord } = useDispatch( coreStore );
+
+	const { getEditedEntityRecord } = useSelect( ( select ) => {
+		return select( coreStore );
+	}, [] );
+
 	const {
 		setFooterNavEnabled,
 		setIsHeaderEnabled,
@@ -49,23 +56,26 @@ const SiteGenSiteLogo = () => {
 		setSidebarActiveView( false );
 		setHeaderActiveView( HEADER_SITEGEN );
 		setDrawerActiveView( false );
-		if ( currentData.sitegen.siteLogo?.id !== 0 ) {
-			return setSiteLogo( currentData.sitegen.siteLogo );
+		if ( currentData.data.siteLogo?.id !== 0 ) {
+			return setSiteLogo( currentData.data.siteLogo );
 		}
 		setFooterNavEnabled( false );
+		getEditedEntityRecord( 'root', 'site' );
 	}, [] );
 
-	useEffect( () => {
-		if ( undefined !== siteLogo ) {
-			const currentDataCopy = { ...currentData };
-			currentDataCopy.sitegen.siteLogo.id = siteLogo.id;
-			currentDataCopy.sitegen.siteLogo.url = siteLogo.url;
-			currentDataCopy.sitegen.siteLogo.fileName = siteLogo.fileName;
-			currentDataCopy.sitegen.siteLogo.fileSize = siteLogo.fileSize;
-			setCurrentOnboardingData( currentDataCopy );
-			setFooterNavEnabled( siteLogo.id !== 0 );
-		}
-	}, [ siteLogo ] );
+	const handleSiteLogo = ( siteLogo ) => {
+		const currentDataCopy = { ...currentData };
+		currentDataCopy.data.siteLogo.id = siteLogo.id;
+		currentDataCopy.data.siteLogo.url = siteLogo.url;
+		currentDataCopy.data.siteLogo.fileName = siteLogo.fileName;
+		currentDataCopy.data.siteLogo.fileSize = siteLogo.fileSize;
+		setCurrentOnboardingData( currentDataCopy );
+		setFooterNavEnabled( siteLogo.id !== 0 );
+		editEntityRecord( 'root', 'site', undefined, {
+			site_logo: siteLogo.id,
+		} );
+		setSiteLogo( siteLogo );
+	};
 
 	const content = getContents();
 	return (
@@ -77,7 +87,7 @@ const SiteGenSiteLogo = () => {
 				<AIHeading title={ content.heading } />
 				<ImageUploaderWithText
 					image={ siteLogo }
-					imageSetter={ setSiteLogo }
+					imageSetter={ handleSiteLogo }
 				/>
 				<div className="nfd-onboarding-step--site-gen__site-logo__container__buttons">
 					<SkipButton
diff --git a/src/OnboardingSPA/styles/_branding.scss b/src/OnboardingSPA/styles/_branding.scss
index acc09819c..e5a94bca6 100644
--- a/src/OnboardingSPA/styles/_branding.scss
+++ b/src/OnboardingSPA/styles/_branding.scss
@@ -342,6 +342,7 @@ body {
 		--nfd-onboarding-site-logo-border: rgba(156, 162, 167, 1);
 		--nfd-onboarding-header-border: rgba(var(--nfd-onboarding-primary-rgb), 0.3);
 		--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;
 		--sitegen-background: url(../static/images/ai_bg.png);
diff --git a/src/OnboardingSPA/styles/_icons.scss b/src/OnboardingSPA/styles/_icons.scss
index 019614084..e51d83b5b 100644
--- a/src/OnboardingSPA/styles/_icons.scss
+++ b/src/OnboardingSPA/styles/_icons.scss
@@ -45,5 +45,7 @@ body {
 	--sitegen-toggle-theme-icon-dark: url(../static/icons/sitegen/toggle-dark-mode.svg);
 	--sitegen-toggle-theme-icon-light: url(../static/icons/sitegen/toggle-light-mode.png);
 	--sitegen-favorite: url(../static/icons/sitegen/favorite.svg);
+	--sitegen-favorite-filled: url(../static/icons/sitegen/favorite-filled.svg);
 	--sitegen-regenerate: url(../static/icons/sitegen/regenerate.svg);
+	--sitegen-settings: url(../static/icons/sitegen/settings.svg);
 }
diff --git a/src/constants.js b/src/constants.js
index ee39ce994..666eff7c6 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -37,6 +37,7 @@ export const VIEW_NAV_GET_STARTED = 'nav-get-started';
 export const VIEW_NAV_ECOMMERCE_STORE_INFO = 'nav-ecommerce-store-info';
 export const SIDEBAR_SLOTFILL_PREFIX = 'Sidebar';
 export const SIDEBAR_MENU_SLOTFILL_PREFIX = 'HeaderMenu';
+export const SIDEBAR_SITEGEN_EDITOR_PATTERNS = 'SitegenEditorPatterns';
 export const SIDEBAR_LEARN_MORE = 'LearnMore';
 export const HEADER_SITEBUILD = 'HeaderSiteBuild';
 export const HEADER_SITEGEN = 'HeaderSiteGen';