diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
new file mode 100644
index 0000000..f9a17d6
--- /dev/null
+++ b/.gitlab-ci.yml
@@ -0,0 +1,64 @@
+image: docker:latest
+services:
+  - docker:dind
+
+stages:
+  - build_docker
+  - deploy
+
+variables:
+  DOCKER_HOST: "tcp://docker:2375"
+  DOCKER_TLS_CERTDIR: ""
+  DOCKER_DRIVER: overlay2
+  RESTART_ONLY:
+    value: "false"
+    description: "Change to 'true' if you want to restart application only."
+
+.update_env_only_exceptions:
+  only:
+    variables:
+      - $RESTART_ONLY != 'true'
+
+.docker-build:
+  image: bentolor/docker-dind-awscli
+  stage: build_docker
+  tags:
+    - docker
+  environment:
+    name: ${CI_COMMIT_REF_NAME}
+  script:
+    - cp "$DOCKER_ENV_VARIABLES" ./.env.local
+    - docker build -t $DOCKER_REGISTRY:$DOCKER_TAG .
+    - aws ecr get-login-password | docker login --username AWS --password-stdin $DOCKER_REGISTRY
+    - docker push $DOCKER_REGISTRY:$DOCKER_TAG
+
+.deploy:
+  image: registry.gitlab.com/gitlab-org/cloud-deploy/aws-base:latest
+  stage: deploy
+  tags:
+    - docker
+  environment:
+    name: ${CI_COMMIT_REF_NAME}
+  script:
+    - echo "sciagam i porownuje zmienne srodowiskowe"
+    - cp "$DOCKER_ENV_VARIABLES" ./local_$ECS_SERVICE.env
+    - aws s3 cp s3://$AWS_DOCKER_ENV_VARIABLES_BUCKET/$ECS_SERVICE/.env aws_$ECS_SERVICE.env || touch aws_$ECS_SERVICE.env
+    - cmp -s local_$ECS_SERVICE.env aws_$ECS_SERVICE.env || aws s3 cp local_$ECS_SERVICE.env s3://$AWS_DOCKER_ENV_VARIABLES_BUCKET/$ECS_SERVICE/.env
+    - aws ecs update-service --cluster $ECS_CLUSTER --service $ECS_SERVICE --force-new-deployment
+
+docker-build:
+  extends:
+    - .update_env_only_exceptions
+    - .docker-build
+  only:
+    refs:
+      - develop
+      - master
+
+deploy:
+  extends:
+    - .deploy
+  only:
+    refs:
+      - develop
+      - master
diff --git a/Dockerfile b/Dockerfile
index 60f2235..3d1d999 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,7 +1,8 @@
 FROM node:20-alpine AS base
 WORKDIR /app
 COPY . .
-RUN npm i
+RUN npm install -g pnpm
+RUN pnpm i
 
 EXPOSE 3000
 
diff --git a/next.config.mjs b/next.config.mjs
index 021b699..96083f5 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -22,6 +22,7 @@ const nextConfig = {
       },
       {
         test: /\.svg$/i,
+        issuer: /.[jt]sx?$/,
         resourceQuery: { not: /url/ }, // exclude if *.svg?url
         use: ['@svgr/webpack']
       }
diff --git a/package.json b/package.json
index 3fc470a..7ede47b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "smart-beaver-wizard",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "husky": {
     "hooks": {
@@ -33,7 +33,7 @@
     "debounce": "^2.0.0",
     "highlight.js": "^11.9.0",
     "husky": "^8.0.3",
-    "ink-generator": "^0.3.3",
+    "ink-generator": "^0.3.5",
     "next": "14.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 02ec55d..ae3b66a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,8 +39,8 @@ dependencies:
     specifier: ^8.0.3
     version: 8.0.3
   ink-generator:
-    specifier: ^0.3.3
-    version: 0.3.3
+    specifier: ^0.3.5
+    version: 0.3.5
   next:
     specifier: 14.0.0
     version: 14.0.0(@babel/core@7.23.3)(react-dom@18.2.0)(react@18.2.0)
@@ -3479,8 +3479,8 @@ packages:
   /inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
-  /ink-generator@0.3.3:
-    resolution: {integrity: sha512-W51bFFLChgN1uxU94VpqYqubMWRqD5RMPHcGsg1m3ODG3JQPAuOclSdwaUjvxNN4TSNPN6ebirA/wMAL+6d5cQ==}
+  /ink-generator@0.3.5:
+    resolution: {integrity: sha512-lwG1zzlNrBputifYZnp4f8HltDRO+3t9JRlibGaCzE/4crdZ0pz8W+3XK7tfNZLtsB3VMQScdYLtiQjjoLhBcw==}
     dev: false
 
   /internal-slot@1.0.6:
diff --git a/src/assets/icons/github.svg b/src/assets/icons/github.svg
new file mode 100644
index 0000000..d43b83e
--- /dev/null
+++ b/src/assets/icons/github.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 96 96" fill="none">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
+    fill="#00EAC7"
+  />
+</svg>
diff --git a/src/components/analitics/GoogleTagManager.tsx b/src/components/analitics/GoogleTagManager.tsx
new file mode 100644
index 0000000..06a0646
--- /dev/null
+++ b/src/components/analitics/GoogleTagManager.tsx
@@ -0,0 +1,37 @@
+'use client';
+import Script from 'next/script';
+import { env } from '@/env/env.mjs';
+
+const GoogleTagManager: React.FC = () => {
+  if (env.NEXT_PUBLIC_ENVIRONMENT !== 'production') {
+    return null;
+  }
+
+  return (
+    <>
+      <noscript>
+        <iframe
+          src={`https://www.googletagmanager.com/ns.html?id=${env.NEXT_PUBLIC_GA_ID}`}
+          height="0"
+          width="0"
+          style={{ display: 'none', visibility: 'hidden' }}
+        />
+      </noscript>
+      <Script
+        id="gtm-script"
+        strategy="afterInteractive"
+        dangerouslySetInnerHTML={{
+          __html: `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+        
+          gtag('config', '${env.NEXT_PUBLIC_GA_ID}');
+  `
+        }}
+      />
+    </>
+  );
+};
+
+export default GoogleTagManager;
diff --git a/src/components/data-entry/CheckboxChip.tsx b/src/components/data-entry/CheckboxChip.tsx
index 3663a3b..eb08c49 100644
--- a/src/components/data-entry/CheckboxChip.tsx
+++ b/src/components/data-entry/CheckboxChip.tsx
@@ -6,9 +6,10 @@ import { dictionary } from '@/libs/en';
 interface CheckboxChipProps {
   label: string;
   name: string;
+  disabled?: boolean;
 }
 
-export function CheckboxChip({ label, name }: CheckboxChipProps) {
+export function CheckboxChip({ label, name, disabled }: CheckboxChipProps) {
   const { register } = useFormContext();
 
   const {
@@ -18,10 +19,12 @@ export function CheckboxChip({ label, name }: CheckboxChipProps) {
 
   return (
     <div>
-      <input type="checkbox" id={id} {...register(name)} className="peer hidden" />
+      <input type="checkbox" id={id} {...register(name)} className="peer hidden" disabled={disabled} />
       <label
         htmlFor={id}
-        className="bg-transparent inline-flex cursor-pointer items-center justify-between rounded-full border border-teal-500 p-1.5 text-teal-500 hover:bg-teal-900 hover:text-teal-500 peer-checked:border-teal-500 peer-checked:bg-teal-500 peer-checked:text-teal-950 peer-checked:hover:bg-teal-600 peer-checked:hover:text-teal-950"
+        className={`bg-transparent inline-flex cursor-pointer items-center justify-between rounded-full border border-teal-500 p-1.5 text-teal-500 hover:bg-teal-900 hover:text-teal-500 peer-checked:border-teal-500 peer-checked:bg-teal-500 peer-checked:text-teal-950 peer-checked:hover:bg-teal-600 peer-checked:hover:text-teal-950 ${
+          disabled && 'opacity-50'
+        }`}
       >
         <div className="block">
           <div className="text-sm font-semibold">{label}</div>
diff --git a/src/components/data-entry/Switch.tsx b/src/components/data-entry/Switch.tsx
new file mode 100644
index 0000000..c837069
--- /dev/null
+++ b/src/components/data-entry/Switch.tsx
@@ -0,0 +1,53 @@
+import { Switch as HeadlessSwitch } from '@headlessui/react';
+import { useController } from 'react-hook-form';
+import { ErrorMessageForm } from '@/components/data-entry/ErrorMessageForm';
+import { dictionary } from '@/libs/en';
+import { cn } from '@/utils/helpers/cn';
+
+interface SwitchProps {
+  label?: string;
+  name: string;
+  disabled?: boolean;
+}
+
+export default function Switch({ name, label, disabled }: SwitchProps) {
+  const {
+    fieldState: { error },
+    field: { onChange, ...restField }
+  } = useController({ name });
+
+  return (
+    <>
+      <HeadlessSwitch.Group as="div" className="items-left flex gap-8 py-6">
+        <HeadlessSwitch
+          {...restField}
+          onChange={(e) => {
+            onChange(e);
+          }}
+          disabled={disabled}
+          className={cn(
+            'border-transparent relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-teal-700 focus:ring-offset-2 ',
+            restField.value ? 'bg-teal-600' : 'bg-transparent',
+            disabled && 'opacity-50'
+          )}
+        >
+          <span
+            aria-hidden="true"
+            className={cn(
+              'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
+              restField.value ? 'translate-x-5' : 'translate-x-0'
+            )}
+          />
+        </HeadlessSwitch>
+        {label && (
+          <HeadlessSwitch.Label as="div">
+            <div className="font-medium text-teal-600">{label}</div>
+          </HeadlessSwitch.Label>
+        )}
+      </HeadlessSwitch.Group>
+      {error && (
+        <ErrorMessageForm errorMessage={error.message ? error.message : dictionary.validation.defaultErrorMsg} />
+      )}
+    </>
+  );
+}
diff --git a/src/components/homepage/code-editor/CodeEditorTabs.tsx b/src/components/homepage/code-editor/CodeEditorTabs.tsx
index f92f020..df6707a 100644
--- a/src/components/homepage/code-editor/CodeEditorTabs.tsx
+++ b/src/components/homepage/code-editor/CodeEditorTabs.tsx
@@ -52,7 +52,7 @@ export default function CodeEditorTabs({ activeTab, handleActiveTab, wasmFileDat
         </select>
       </div>
       <div className="hidden xl:block">
-        <nav className="divide-gray-200 isolate flex rounded-lg" aria-label="Tabs">
+        <nav className="isolate flex rounded-lg" aria-label="Tabs">
           {wasmFileData.map((tab, tabIndex) => (
             <button
               key={tabIndex}
@@ -66,14 +66,10 @@ export default function CodeEditorTabs({ activeTab, handleActiveTab, wasmFileDat
                 tabIndex > 0 ? 'border-l' : '',
                 tabIndex === 0 ? 'rounded-tl-lg' : '',
                 tabIndex === wasmFileData.length - 1 ? 'rounded-tr-lg' : '',
-                'hover:bg-gray-50 group relative min-w-0 flex-1 cursor-pointer overflow-hidden border-b px-4 py-4 text-center text-sm font-medium transition duration-300 focus:z-10'
+                'group relative min-w-0 flex-1 cursor-pointer overflow-hidden border-b px-4 py-4 text-center text-sm font-medium transition duration-300 focus:z-10'
               )}
             >
               <span>{tab.name}</span>
-              <span
-                aria-hidden="true"
-                className={cn(tab.name ? 'bg-indigo-500' : 'bg-transparent', 'absolute inset-x-0 bottom-0 h-0.5')}
-              />
             </button>
           ))}
         </nav>
diff --git a/src/components/homepage/sidebar-form/SidebarForm.tsx b/src/components/homepage/sidebar-form/SidebarForm.tsx
index 139cb2a..e4e2853 100644
--- a/src/components/homepage/sidebar-form/SidebarForm.tsx
+++ b/src/components/homepage/sidebar-form/SidebarForm.tsx
@@ -3,11 +3,11 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import debounce from 'debounce';
 import { FormProvider, useForm } from 'react-hook-form';
 import { z } from 'zod';
+import Switch from '@/components/data-entry/Switch';
 import AccessControl from '@/components/homepage/sidebar-form/form-sections/AccessControl';
 import Features from '@/components/homepage/sidebar-form/form-sections/Features';
 import License from '@/components/homepage/sidebar-form/form-sections/License';
 import Metadata from '@/components/homepage/sidebar-form/form-sections/Metadata';
-import NotAvailable from '@/components/homepage/sidebar-form/form-sections/NotAvailable';
 import Standard from '@/components/homepage/sidebar-form/form-sections/Standard';
 import { STANDARDS } from '@/components/homepage/sidebar-form/formConstants';
 import useSidebarFormSubmit from '@/components/homepage/sidebar-form/useSidebarFormSubmit';
@@ -17,7 +17,7 @@ import { dictionary } from '@/libs/en';
 export type SidebarFormSchema = z.infer<typeof schema>;
 
 const schema = z.object({
-  standard: z.enum([STANDARDS.PSP22, STANDARDS.PSP37, STANDARDS.PSP34]),
+  standard: z.enum([STANDARDS.PSP22, STANDARDS.PSP34]),
   name: z.string(),
   symbol: z.string(),
   decimals: z
@@ -27,9 +27,11 @@ const schema = z.object({
   mintable: z.boolean(),
   burnable: z.boolean(),
   pausable: z.boolean(),
+  enumerable: z.boolean().optional(),
   capped: z.boolean(),
   accessControl: z.union([z.literal('security/ownable'), z.literal('security/control'), z.string().optional()]),
-  license: z.string()
+  license: z.string(),
+  isSingleCodeGenerationModeActive: z.boolean()
 });
 
 const defaultValues: SidebarFormSchema = {
@@ -39,10 +41,12 @@ const defaultValues: SidebarFormSchema = {
   decimals: 0,
   mintable: false,
   burnable: false,
+  enumerable: false,
   pausable: false,
   capped: false,
   accessControl: '',
-  license: ''
+  license: '',
+  isSingleCodeGenerationModeActive: false
 };
 
 export default function SidebarForm() {
@@ -53,11 +57,22 @@ export default function SidebarForm() {
   });
 
   const onSubmit = useSidebarFormSubmit();
-  const { handleSubmit, watch } = methods;
+  const { handleSubmit, watch, reset } = methods;
   const watchedValues = watch();
   const onSubmitHandler = handleSubmit(onSubmit);
   const debouncedSubmit = debounce(onSubmitHandler, env.NEXT_PUBLIC_DEBOUNCE_INTERVAL_IN_MS);
 
+  const choosenStandard = watchedValues.standard;
+
+  // reset form after standard change but keep the standard value
+
+  useEffect(() => {
+    reset({
+      ...defaultValues,
+      standard: watchedValues.standard
+    });
+  }, [choosenStandard]);
+
   // initial data fetch form
   useEffect(() => {
     onSubmit(watchedValues).catch((err) => {
@@ -81,17 +96,13 @@ export default function SidebarForm() {
         <h2 className="pb-6">{dictionary.sidebarForm.selectStandard}</h2>
         <form onSubmit={handleSubmit(onSubmit)}>
           <Standard />
+          <h2 className="py-6">{dictionary.sidebarForm.sections.singleFile.title}</h2>
+          <Switch name="isSingleCodeGenerationModeActive" disabled={choosenStandard === 'PSP34'} />
           <h2 className="py-6">{dictionary.sidebarForm.configure}</h2>
-          {watchedValues.standard === STANDARDS.PSP22 ? (
-            <>
-              <Metadata />
-              <Features />
-              <AccessControl />
-              <License />
-            </>
-          ) : (
-            <NotAvailable />
-          )}
+          <Metadata choosenStandard={choosenStandard} />
+          <Features choosenStandard={choosenStandard} />
+          <AccessControl choosenStandard={choosenStandard} />
+          <License />
         </form>
       </FormProvider>
     </div>
diff --git a/src/components/homepage/sidebar-form/form-sections/AccessControl.tsx b/src/components/homepage/sidebar-form/form-sections/AccessControl.tsx
index 3adb29f..de2bae6 100644
--- a/src/components/homepage/sidebar-form/form-sections/AccessControl.tsx
+++ b/src/components/homepage/sidebar-form/form-sections/AccessControl.tsx
@@ -2,9 +2,14 @@ import { useFormContext } from 'react-hook-form';
 import { Radio } from '@/components/data-entry/radio/Radio';
 import ExpandableFilterContainer from '@/components/homepage/sidebar-form/ExpandableFilterContainer';
 import { ACCESS_CONTROL } from '@/components/homepage/sidebar-form/formConstants';
+import type { PSPUnion } from '@/components/homepage/sidebar-form/formConstants';
 import { dictionary } from '@/libs/en';
 
-export default function AccessControl() {
+interface AccessControlProps {
+  choosenStandard: PSPUnion;
+}
+
+export default function AccessControl({ choosenStandard }: AccessControlProps) {
   const { resetField } = useFormContext();
 
   const handleResetAccessControlSection = () => {
@@ -17,7 +22,7 @@ export default function AccessControl() {
       onReset={handleResetAccessControlSection}
     >
       <div className="pt-3">
-        <Radio options={ACCESS_CONTROL} name="accessControl" className="flex-col" />
+        <Radio options={ACCESS_CONTROL[choosenStandard]} name="accessControl" className="flex-col" />
       </div>
     </ExpandableFilterContainer>
   );
diff --git a/src/components/homepage/sidebar-form/form-sections/Features.tsx b/src/components/homepage/sidebar-form/form-sections/Features.tsx
index 85ea662..91a6208 100644
--- a/src/components/homepage/sidebar-form/form-sections/Features.tsx
+++ b/src/components/homepage/sidebar-form/form-sections/Features.tsx
@@ -2,14 +2,19 @@ import { useFormContext } from 'react-hook-form';
 import { CheckboxChip } from '@/components/data-entry/CheckboxChip';
 import ExpandableFilterContainer from '@/components/homepage/sidebar-form/ExpandableFilterContainer';
 import { FEATURES_OPTIONS } from '@/components/homepage/sidebar-form/formConstants';
+import type { PSPUnion } from '@/components/homepage/sidebar-form/formConstants';
 import { dictionary } from '@/libs/en';
 
-export default function Features() {
+interface FeaturesProps {
+  choosenStandard: PSPUnion;
+}
+
+export default function Features({ choosenStandard }: FeaturesProps) {
   const { resetField } = useFormContext();
 
   const handleResetFeaturesSection = () => {
-    FEATURES_OPTIONS.forEach(({ value }) => {
-      resetField(value);
+    FEATURES_OPTIONS[choosenStandard].forEach(({ name }) => {
+      resetField(name);
     });
   };
 
@@ -19,8 +24,8 @@ export default function Features() {
       onReset={handleResetFeaturesSection}
     >
       <div className="flex flex-wrap gap-2 pt-3">
-        {FEATURES_OPTIONS.map(({ label, value }) => (
-          <CheckboxChip key={value} label={label} name={value} />
+        {FEATURES_OPTIONS[choosenStandard].map(({ label, name, disabled }) => (
+          <CheckboxChip key={name} label={label} name={name} disabled={disabled} />
         ))}
       </div>
     </ExpandableFilterContainer>
diff --git a/src/components/homepage/sidebar-form/form-sections/Metadata.tsx b/src/components/homepage/sidebar-form/form-sections/Metadata.tsx
index c5c4e60..45be999 100644
--- a/src/components/homepage/sidebar-form/form-sections/Metadata.tsx
+++ b/src/components/homepage/sidebar-form/form-sections/Metadata.tsx
@@ -2,15 +2,20 @@ import { useFormContext } from 'react-hook-form';
 import { Input } from '@/components/data-entry/Input';
 import ExpandableFilterContainer from '@/components/homepage/sidebar-form/ExpandableFilterContainer';
 import BeaverMemo from '@/components/homepage/sidebar-form/form-sections/BeaverMemo';
+import type { PSPUnion } from '@/components/homepage/sidebar-form/formConstants';
 import { METADATA } from '@/components/homepage/sidebar-form/formConstants';
 import { dictionary } from '@/libs/en';
 
-export default function Metadata() {
+interface MetadataProps {
+  choosenStandard: PSPUnion;
+}
+
+export default function Metadata({ choosenStandard }: MetadataProps) {
   const { resetField } = useFormContext();
 
   const handleResetMetadataSection = () => {
-    METADATA.forEach(({ value }) => {
-      resetField(value);
+    METADATA[choosenStandard].forEach(({ name }) => {
+      resetField(name);
     });
   };
 
@@ -19,9 +24,16 @@ export default function Metadata() {
       name={dictionary.sidebarForm.sections.metadata.title}
       onReset={handleResetMetadataSection}
     >
-      <BeaverMemo />
-      {METADATA.map(({ label, value, placeholder, inputType }) => (
-        <Input key={value} label={label} name={value} placeholder={placeholder} inputType={inputType} />
+      {METADATA[choosenStandard].length > 1 && <BeaverMemo />}
+      {METADATA[choosenStandard].map(({ label, name, placeholder, inputType, disabled }) => (
+        <Input
+          key={name}
+          label={label}
+          name={name}
+          placeholder={placeholder}
+          inputType={inputType}
+          disabled={disabled}
+        />
       ))}
     </ExpandableFilterContainer>
   );
diff --git a/src/components/homepage/sidebar-form/form-sections/Standard.tsx b/src/components/homepage/sidebar-form/form-sections/Standard.tsx
index 73a8a65..7c7fe06 100644
--- a/src/components/homepage/sidebar-form/form-sections/Standard.tsx
+++ b/src/components/homepage/sidebar-form/form-sections/Standard.tsx
@@ -2,15 +2,16 @@ import { useEffect, useState } from 'react';
 import { useWatch } from 'react-hook-form';
 import { Radio } from '@/components/data-entry/radio/Radio';
 import PSP34DisclaimerModal from '@/components/homepage/sidebar-form/form-sections/PSP34DisclaimerModal';
+import type { PSPUnion } from '@/components/homepage/sidebar-form/formConstants';
 import { SUPPORTED_STANDARDS } from '@/components/homepage/sidebar-form/formConstants';
 
 interface FormValues {
-  standard: string;
+  standard: PSPUnion;
 }
 
 export function Standard() {
   const [open, setOpen] = useState(false);
-  const standardButton: string = useWatch<FormValues>({
+  const standardButton: PSPUnion = useWatch<FormValues>({
     name: 'standard'
   });
 
diff --git a/src/components/homepage/sidebar-form/formConstants.ts b/src/components/homepage/sidebar-form/formConstants.ts
index 935a394..4b8ad5c 100644
--- a/src/components/homepage/sidebar-form/formConstants.ts
+++ b/src/components/homepage/sidebar-form/formConstants.ts
@@ -1,47 +1,96 @@
 import type { RadioOptionInterface } from '@/components/data-entry/radio/types';
 import { dictionary } from '@/libs/en';
 
+export type PSPUnion = (typeof STANDARDS)[keyof typeof STANDARDS];
+
 export const STANDARDS = {
   PSP22: 'PSP22',
-  PSP37: 'PSP37',
   PSP34: 'PSP34'
-};
+} as const;
 
 export const SUPPORTED_STANDARDS: RadioOptionInterface[] = [
   { label: STANDARDS.PSP22, value: STANDARDS.PSP22 },
-  { label: STANDARDS.PSP34, value: STANDARDS.PSP34 },
-  { label: STANDARDS.PSP37, value: STANDARDS.PSP37, disabled: true }
+  { label: STANDARDS.PSP34, value: STANDARDS.PSP34 }
 ];
 
-export const METADATA = [
+export const METADATA22 = [
   {
     label: dictionary.sidebarForm.sections.metadata.name.title,
-    value: 'name',
+    name: 'name',
     placeholder: dictionary.sidebarForm.sections.metadata.name.placeholder,
-    inputType: 'text'
+    inputType: 'text',
+    disabled: false
   },
   {
     label: dictionary.sidebarForm.sections.metadata.symbol.title,
-    value: 'symbol',
+    name: 'symbol',
     placeholder: dictionary.sidebarForm.sections.metadata.symbol.placeholder,
-    inputType: 'text'
+    inputType: 'text',
+    disabled: false
   },
   {
     label: dictionary.sidebarForm.sections.metadata.decimals.title,
-    value: 'decimals',
+    name: 'decimals',
     placeholder: dictionary.sidebarForm.sections.metadata.decimals.placeholder,
-    inputType: 'number'
+    inputType: 'number',
+    disabled: false
+  }
+] as const;
+
+export const METADATA34 = [
+  {
+    label: dictionary.sidebarForm.sections.metadata.name.title,
+    name: 'name',
+    placeholder: dictionary.sidebarForm.sections.metadata.name.placeholder,
+    inputType: 'text',
+    disabled: true
+  },
+  {
+    label: dictionary.sidebarForm.sections.metadata.symbol.title,
+    name: 'symbol',
+    placeholder: dictionary.sidebarForm.sections.metadata.symbol.placeholder,
+    inputType: 'text',
+    disabled: true
   }
 ] as const;
 
-export const FEATURES_OPTIONS = [
-  { label: dictionary.sidebarForm.sections.features.mintable, value: 'mintable' },
-  { label: dictionary.sidebarForm.sections.features.burnable, value: 'burnable' },
-  { label: dictionary.sidebarForm.sections.features.pausable, value: 'pausable' },
-  { label: dictionary.sidebarForm.sections.features.capped, value: 'capped' }
+export const METADATA: { [key in keyof typeof STANDARDS]: typeof METADATA22 | typeof METADATA34 } = {
+  PSP22: METADATA22,
+  PSP34: METADATA34
+};
+
+export const FEATURES_OPTIONS22 = [
+  { label: dictionary.sidebarForm.sections.features.mintable, name: 'mintable', disabled: false },
+  { label: dictionary.sidebarForm.sections.features.burnable, name: 'burnable', disabled: false },
+  { label: dictionary.sidebarForm.sections.features.pausable, name: 'pausable', disabled: false },
+  { label: dictionary.sidebarForm.sections.features.capped, name: 'capped', disabled: false }
+] as const;
+
+export const FEATURES_OPTIONS34 = [
+  { label: dictionary.sidebarForm.sections.features.mintable, name: 'mintable', disabled: false },
+  { label: dictionary.sidebarForm.sections.features.burnable, name: 'burnable', disabled: false },
+  { label: dictionary.sidebarForm.sections.features.enumerable, name: 'enumerable', disabled: true }
 ] as const;
 
-export const ACCESS_CONTROL: RadioOptionInterface[] = [
+export const FEATURES_OPTIONS: {
+  [key in keyof typeof STANDARDS]: typeof FEATURES_OPTIONS22 | typeof FEATURES_OPTIONS34;
+} = {
+  PSP22: FEATURES_OPTIONS22,
+  PSP34: FEATURES_OPTIONS34
+};
+
+export const ACCESS_CONTROL22: RadioOptionInterface[] = [
   { label: dictionary.sidebarForm.sections.accessControl.ownable, value: 'security/ownable' },
   { label: dictionary.sidebarForm.sections.accessControl.control, value: 'security/control', disabled: true }
 ];
+
+export const ACCESS_CONTROL34: RadioOptionInterface[] = [
+  { label: dictionary.sidebarForm.sections.accessControl.ownable, value: 'security/ownable' }
+];
+
+export const ACCESS_CONTROL: {
+  [key in keyof typeof STANDARDS]: RadioOptionInterface[];
+} = {
+  PSP22: ACCESS_CONTROL22,
+  PSP34: ACCESS_CONTROL34
+};
diff --git a/src/components/homepage/sidebar-form/useSidebarFormSubmit.ts b/src/components/homepage/sidebar-form/useSidebarFormSubmit.ts
index 3327cba..e738cef 100644
--- a/src/components/homepage/sidebar-form/useSidebarFormSubmit.ts
+++ b/src/components/homepage/sidebar-form/useSidebarFormSubmit.ts
@@ -18,18 +18,18 @@ export default function useSidebarFormSubmit() {
   const { setWasmFileData, setWasmCodeFetchingError } = useWasmData();
 
   // This is a workaround for the fact that the Rust code doesn't support PSP34 yet.
-  function filterExtentions(extensions: string[], standard: string): string[] {
+  function filterExtensions(extensions: string[], standard: string): string[] {
     if (standard === STANDARDS.PSP34) {
       return [];
     }
     return extensions;
   }
 
-  const onSubmit = async (data: SidebarFormSchema) => {
-    const { name, symbol, decimals, license, standard, accessControl } = data;
-    const featureExtensions = FEATURES_OPTIONS.filter(({ value }) => data[value as keyof typeof data]).map(
-      ({ value }) => value
-    );
+  return async (data: SidebarFormSchema) => {
+    const { name, symbol, decimals, license, standard, accessControl, isSingleCodeGenerationModeActive } = data;
+    const featureExtensions = FEATURES_OPTIONS[standard]
+      .filter(({ name }) => data[name as keyof typeof data])
+      .map(({ name }) => name);
 
     const shouldIncludeMetadata = Boolean(name || symbol || Number.isFinite(decimals)) ? 'metadata' : '';
     const accessControlExtension = accessControl && accessControl !== '' ? [accessControl] : [];
@@ -39,7 +39,14 @@ export default function useSidebarFormSubmit() {
       if (!URL) throw new Error('API base URL is not defined.');
       const result = await (async (): Promise<FetchDataResponse> => {
         const metadata = new Metadata(name, symbol, undefined, decimals);
-        const contract = new Contract(standard, metadata, filterExtentions(extensions, standard), URL, license);
+        const contract = new Contract(
+          standard,
+          metadata,
+          filterExtensions(extensions, standard),
+          URL,
+          license,
+          isSingleCodeGenerationModeActive
+        );
         return await start(contract);
       })();
 
@@ -55,6 +62,4 @@ export default function useSidebarFormSubmit() {
       console.error(error);
     }
   };
-
-  return onSubmit;
 }
diff --git a/src/components/layout/NavBar.tsx b/src/components/layout/NavBar.tsx
index 62668e7..03fcb13 100644
--- a/src/components/layout/NavBar.tsx
+++ b/src/components/layout/NavBar.tsx
@@ -1,5 +1,7 @@
 import { useEffect, useRef } from 'react';
+import { EnvelopeIcon, DocumentTextIcon } from '@heroicons/react/24/outline';
 import Image from 'next/image';
+import GitHubIcon from '@/assets/icons/github.svg';
 import { Tooltip } from '@/components/shared/Tooltip';
 import { useCalculatedHeightData } from '@/contexts/HeightContext';
 import { env } from '@/env/env.mjs';
@@ -26,19 +28,29 @@ export default function NavBar() {
   }, []);
 
   return (
-    <header ref={navRef} className="flex h-[122px] w-full flex-wrap items-center justify-between px-6 lg:px-10">
+    <header ref={navRef} className="flex h-[122px] w-full flex-wrap items-center justify-between px-2 sm:px-6 lg:px-10">
       <Image src="/logo.webp" alt={dictionary.navBar.altLogoText} width={150} height={50} />
       <nav>
-        <div className="flex w-full items-center gap-4 space-x-4 text-teal-500 sm:ml-auto sm:w-auto sm:justify-end sm:gap-8">
-          <a href={DOCUMENTATION_URL} target="_blank" rel="noopener noreferrer">
+        <div className="flex w-full items-center gap-4 text-teal-500 sm:ml-auto sm:w-auto sm:justify-end sm:gap-8">
+          <a href={DOCUMENTATION_URL} target="_blank" rel="noopener noreferrer" className="flex items-center gap-2">
+            <DocumentTextIcon className="h-6 w-6" />
             <p className="hover:text-teal-700">{dictionary.navBar.links.docs}</p>
           </a>
-          <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer">
-            <p className="hover:text-teal-700">{dictionary.navBar.links.github}</p>
+          <a
+            href={GITHUB_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-2 hover:text-teal-700"
+          >
+            <GitHubIcon />
+            <p>{dictionary.navBar.links.github}</p>
           </a>
 
-          <button onClick={() => copyToClipboard(CONTACT_EMAIL)} className="hover:text-teal-700">
-            <Tooltip text={dictionary.navBar.emailTooltip}>{CONTACT_EMAIL}</Tooltip>
+          <button onClick={() => copyToClipboard(CONTACT_EMAIL)} className="flex items-center gap-2">
+            <EnvelopeIcon className="h-6 w-6" />
+            <div className="hover:text-teal-700">
+              <Tooltip text={dictionary.navBar.emailTooltip}>{CONTACT_EMAIL}</Tooltip>
+            </div>
           </button>
         </div>
       </nav>
diff --git a/src/env/env.mjs b/src/env/env.mjs
index b9721ca..f9d6da7 100644
--- a/src/env/env.mjs
+++ b/src/env/env.mjs
@@ -11,7 +11,9 @@ export const env = createEnv({
     NEXT_PUBLIC_DOMAIN_URL: z.string().url(),
     NEXT_PUBLIC_DOCS_URL: z.string().url(),
     NEXT_PUBLIC_GITHUB_URL: z.string().url(),
-    NEXT_PUBLIC_CONTACT_EMAIL: z.string().email()
+    NEXT_PUBLIC_CONTACT_EMAIL: z.string().email(),
+    NEXT_PUBLIC_ENVIRONMENT: z.string().optional(),
+    NEXT_PUBLIC_GA_ID: z.string().optional()
   },
 
   runtimeEnv: {
@@ -20,6 +22,8 @@ export const env = createEnv({
     NEXT_PUBLIC_DOMAIN_URL: process.env.NEXT_PUBLIC_DOMAIN_URL,
     NEXT_PUBLIC_DOCS_URL: process.env.NEXT_PUBLIC_DOCS_URL,
     NEXT_PUBLIC_GITHUB_URL: process.env.NEXT_PUBLIC_GITHUB_URL,
-    NEXT_PUBLIC_CONTACT_EMAIL: process.env.NEXT_PUBLIC_CONTACT_EMAIL
+    NEXT_PUBLIC_CONTACT_EMAIL: process.env.NEXT_PUBLIC_CONTACT_EMAIL,
+    NEXT_PUBLIC_ENVIRONMENT: process.env.NEXT_PUBLIC_ENVIRONMENT,
+    NEXT_PUBLIC_GA_ID: process.env.NEXT_PUBLIC_GA_ID
   }
 });
diff --git a/src/libs/en.ts b/src/libs/en.ts
index 35dfc0a..ace8e8d 100644
--- a/src/libs/en.ts
+++ b/src/libs/en.ts
@@ -2,16 +2,16 @@ export const dictionary = {
   meta: {
     title: 'Smart Beaver',
     description:
-      'An interactive smart contract wizard. Generate ink! code for popular standards like PSP-22, PSP-34 and PSP-37.',
+      'An interactive smart contract wizard. Generate ink! code for popular standards like PSP-22 and PSP-34.',
     ogTwitter: {
       title: 'Smart Beaver',
       description:
-        'An interactive smart contract wizard. Generate ink! code for popular standards like PSP-22, PSP-34 and PSP-37.'
+        'An interactive smart contract wizard. Generate ink! code for popular standards like PSP-22 and PSP-34.'
     },
     ogFacebook: {
       title: 'Smart Beaver',
       description:
-        'An interactive smart contract wizard. Generate ink! code for popular standards like PSP-22, PSP-34 and PSP-37.'
+        'An interactive smart contract wizard. Generate ink! code for popular standards like PSP-22 and PSP-34.'
     }
   },
   global: {
@@ -47,6 +47,9 @@ export const dictionary = {
       metadata: 'metadata'
     },
     sections: {
+      singleFile: {
+        title: 'Single file'
+      },
       metadata: {
         title: 'Settings',
         name: {
@@ -71,7 +74,8 @@ export const dictionary = {
         mintable: 'Mintable',
         burnable: 'Burnable',
         pausable: 'Pausable',
-        capped: 'Capped'
+        capped: 'Capped',
+        enumerable: 'Enumerable'
       },
       accessControl: {
         title: 'Access control',
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 1be45d9..b99f2b7 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,6 +1,7 @@
 import '@/styles/globals.css';
 import type { AppProps } from 'next/app';
 import Head from 'next/head';
+import GoogleTagManager from '@/components/analitics/GoogleTagManager';
 import Fonts from '@/components/layout/Fonts';
 import Layout from '@/components/layout/Layout';
 import MobileView from '@/components/layout/MobileView';
@@ -13,6 +14,7 @@ export default function App({ Component, pageProps }: AppProps) {
       <Head>
         <title>{dictionary.meta.title}</title>
       </Head>
+      <GoogleTagManager />
       <Fonts />
       <ToastWrapper />
       <Layout>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 8827922..e3e0129 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -6,7 +6,6 @@
 @import 'react-toastify/dist/ReactToastify.min.css';
 @import 'highlight.js/styles/monokai.css';
 
-
 @layer base {
   body {
     @apply font-base;
@@ -107,4 +106,4 @@
   input[type='number'] {
     -moz-appearance: textfield;
   }
-}
\ No newline at end of file
+}
diff --git a/types.d.ts b/types.d.ts
new file mode 100644
index 0000000..c61bde0
--- /dev/null
+++ b/types.d.ts
@@ -0,0 +1,10 @@
+declare module 'assets/*.svg?url' {
+  import type { StaticImageData } from 'next/image';
+  const content: StaticImageData;
+  export default content;
+}
+
+declare module 'assets/*.svg' {
+  const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
+  export default ReactComponent;
+}