From 639154603ba6ea14b4fdc8a6e46d24c438bd80f4 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Tue, 21 Sep 2021 13:19:48 +0200
Subject: [PATCH] updatenewsletter

---
 content/navigation/navigation.md        |  6 ++++++
 src/components/custom/SplitWithForm.vue | 18 +++++-------------
 src/pages/Index.vue                     |  6 ++----
 3 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/content/navigation/navigation.md b/content/navigation/navigation.md
index f68984591..811341d83 100644
--- a/content/navigation/navigation.md
+++ b/content/navigation/navigation.md
@@ -15,6 +15,12 @@ navLinks:
     link: /token
     external: false
     expandable: false
+
+  - name: How It Works
+    link: /how-it-works
+    external : false
+    expandble : false
+
   
   - name: Community
     link: "" # /dropdown
diff --git a/src/components/custom/SplitWithForm.vue b/src/components/custom/SplitWithForm.vue
index d00c097cb..94422459b 100644
--- a/src/components/custom/SplitWithForm.vue
+++ b/src/components/custom/SplitWithForm.vue
@@ -1,37 +1,29 @@
 <template>
-  <section class="text-gray-600 body-font">
+  <section class="body-font">
     <div class="mx-auto flex py-24 md:flex-row flex-col items-center">
       <div
         class="
           lg:pl-24
-          md:w-1/2
-          lg:pr-24
-          md:pr-16
+          lg:w-1/2
           flex flex-col
           md:items-start
           md:text-left
           mb-16
           md:mb-0
+          mx-4
           items-center
           text-center
         "
       >
         <h1
           class="
-            max-w-xs
-            title-font
-            sm:text-4xl
-            text-3xl
-            mb-4
-            font-bold
-            uppercase
-            text-gray-900
+            text-5xl uppercase mb-0 leading-tight font-semibold font-heading
           "
         >
           {{ subscribe.title }}
         </h1>
         <div
-          class="max-w-md mb-8 leading-relaxed"
+          class="my-8 lg:text-xl"
           v-html="subscribe.content"
         ></div>
         <div class="flex w-full md:justify-start justify-center items-end">
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 5075cb073..1c298fb67 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -108,15 +108,13 @@
         v-if="$page.markdownPage.solution_image"
         :src="$page.markdownPage.solution_image.src"
       /> -->
-    </div>
-    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
+   
       <SplitWithForm
         v-if="$page.markdownPage.subscribe"
         :id="$page.markdownPage.id"
         :subscribe="$page.markdownPage.subscribe"
       />
-    </div>
-    <div class="container mx-auto sm:pxi-0 overflow-x-hidden">
+      
       <CallToAction
         v-if="$page.markdownPage.cta2"
         :id="$page.markdownPage.id"