From 967b01979aac388fb7d4cbbc1ad0b055f0d517e0 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Tue, 30 May 2023 14:24:36 +0200
Subject: [PATCH] hop

---
 .../src/assets/styles/_14-we-develop.scss     |  10 +-
 .../sesame/src/components/CoverSection.vue    | 134 +++------------
 .../sesame/src/components/DisabledSection.vue | 152 ++++++++++++++----
 3 files changed, 150 insertions(+), 146 deletions(-)

diff --git a/sesame-vitejs/sesame/src/assets/styles/_14-we-develop.scss b/sesame-vitejs/sesame/src/assets/styles/_14-we-develop.scss
index 53dc822..00ca3b5 100644
--- a/sesame-vitejs/sesame/src/assets/styles/_14-we-develop.scss
+++ b/sesame-vitejs/sesame/src/assets/styles/_14-we-develop.scss
@@ -1,4 +1,7 @@
-#we_develop{
+#we_develop {
+	background: blue;
+	min-height: 2000px;
+	min-width: 2000px;
 
 	.title {
 		font-family: 'GT Walsheim Pro';
@@ -8,13 +11,14 @@
 		line-height: 110%;
 		text-align: center;
 		letter-spacing: -0.04em;
+
 	}
 
 	.description {
 
 	}
 
-	.asides{
+	.asides {
 		font-family: 'GT Walsheim';
 		font-style: normal;
 		font-weight: 700;
@@ -22,7 +26,7 @@
 		line-height: 150%;
 	}
 
-	.light-text{
+	.light-text {
 		font-family: 'GT Walsheim Pro';
 		font-style: normal;
 		font-weight: 600;
diff --git a/sesame-vitejs/sesame/src/components/CoverSection.vue b/sesame-vitejs/sesame/src/components/CoverSection.vue
index 5ed23a6..c982859 100644
--- a/sesame-vitejs/sesame/src/components/CoverSection.vue
+++ b/sesame-vitejs/sesame/src/components/CoverSection.vue
@@ -4,125 +4,29 @@
   <main class="has-text-centered">
     <!--		sprint 4 content-->
     <div id="sprint_4">
-      <section id="carry">
-        <h2 class="title color-emphasis">
-          We carry out web design and development
+      <section id="we_develop">
+        <h2 class="title secondary-color">
+          We develop custom-made innovative e-commerce features based on your
+          brand stakes.
         </h2>
-        <p class="description">
-          in headless
-          <br>
-          commerce.
-        </p>
-        <div class="gradient-bg-yellow" />
-        <div class="gradient-bg" />
-        <div class="computer-block-item" />
-        <div class="bubbles secondary-color">
-          <p>Evolutive maintenance</p>
-          <p>Front end (ux/ui) development</p>
-          <p>Web App (pwa) development</p>
-          <p>Consulting</p>
+        <div class="phone-container">
+          <div class="top" />
+          <div class="picture" />
+          <div class="bottom" />
         </div>
-      </section>
-
-      <section id="kyc">
-        <p class="description2 primary-color">
-          We craft e-commerce Ux template based on qualitative and quantitative
-          studies
-        </p>
-        <div class="columns">
-          <div class="column left-column">
-            <h2 class="title primary-color text-content">
-              We help you to know your customer needs
-            </h2>
-            <p class="description secondary-color text-content">
-              With our method
-            </p>
-            <a
-              href="#kyc"
-              class="button text-content"
-            > Show Sesame method </a>
-          </div>
-          <div class="column" />
+        <div class="arrow-left" />
+        <div class="arrow-right" />
+        <div class="data">
+          Data
         </div>
-        <div class="bubbles secondary-color fat-text">
-          <div class="small-bubble" />
-          <div class="small-bubble" />
-          <div class="small-bubble" />
-          <div class="small-bubble" />
-          <div class="small-bubble" />
-          <p class="bubble">
-            <span>
-
-              to Prioritize development effort
-            </span>
-          </p>
-          <p class="bubble">
-            <span>
-
-              to improve customer satisfaction
-            </span>
-          </p>
-          <p class="bubble">
-            <span>
-
-              to increase conversion rate
-            </span>
-          </p>
+        <div class="data">
+          AR
         </div>
-      </section>
-
-
-      <section id="china">
-        <h2 class="title primary-color">
-          Our China-inspired ui in 4 pillars
-        </h2>
-        <p class="description secondary-color">
-          a quick and smooth consumer journey and never
-          <br>
-          ending shopping experience at the same time
-        </p>
-        <div class="line" />
-        <div class="block-items columns">
-          <div class="block-item column">
-            <div class="top block-item-1">
-              <p>
-                Content driven
-              </p>
-            </div>
-            <div class="bottom block-item-2">
-              - Rebound rate
-            </div>
-          </div>
-          <div class="block-item column">
-            <div class="top block-item-3">
-              <p>
-                Experimental
-              </p>
-            </div>
-            <div class="bottom block-item-4">
-              - Return rate
-            </div>
-          </div>
-          <div class="block-item column">
-            <div class="top block-item-5">
-              <p>
-                Interactive
-              </p>
-            </div>
-            <div class="bottom block-item-6">
-              +Conversion rate
-            </div>
-          </div>
-          <div class="block-item column">
-            <div class="top block-item-7">
-              <p>
-                Agile
-              </p>
-            </div>
-            <div class="bottom block-item-8">
-              + Retention rate
-            </div>
-          </div>
+        <div class="quick">
+          Quick wins
+        </div>
+        <div class="long_term">
+          Long-Term Project
         </div>
       </section>
     </div>
diff --git a/sesame-vitejs/sesame/src/components/DisabledSection.vue b/sesame-vitejs/sesame/src/components/DisabledSection.vue
index aa0fc13..8126b29 100644
--- a/sesame-vitejs/sesame/src/components/DisabledSection.vue
+++ b/sesame-vitejs/sesame/src/components/DisabledSection.vue
@@ -28,37 +28,133 @@
 		</div>
 	</section>
 
-
-
-
-
-
-
-	<section id="we_develop">
-		<h2 class="title secondary-color">
-			We develop custom-made innovative e-commerce features based on your
-			brand stakes.
+	<section id="carry">
+		<h2 class="title color-emphasis">
+			We carry out web design and development
 		</h2>
-		<div class="phone-container">
-			<div class="top" />
-			<div class="picture" />
-			<div class="bottom" />
-		</div>
-		<div class="arrow-left" />
-		<div class="arrow-right" />
-		<div class="data">
-			Data
-		</div>
-		<div class="data">
-			AR
-		</div>
-		<div class="quick">
-			Quick wins
-		</div>
-		<div class="long_term">
-			Long-Term Project
+		<p class="description">
+			in headless
+			<br>
+			commerce.
+		</p>
+		<div class="gradient-bg-yellow" />
+		<div class="gradient-bg" />
+		<div class="computer-block-item" />
+		<div class="bubbles secondary-color">
+			<p>Evolutive maintenance</p>
+			<p>Front end (ux/ui) development</p>
+			<p>Web App (pwa) development</p>
+			<p>Consulting</p>
 		</div>
 	</section>
+
+	<section id="kyc">
+		<p class="description2 primary-color">
+			We craft e-commerce Ux template based on qualitative and quantitative
+			studies
+		</p>
+		<div class="columns">
+			<div class="column left-column">
+				<h2 class="title primary-color text-content">
+					We help you to know your customer needs
+				</h2>
+				<p class="description secondary-color text-content">
+					With our method
+				</p>
+				<a
+					href="#kyc"
+					class="button text-content"
+				> Show Sesame method </a>
+			</div>
+			<div class="column" />
+		</div>
+		<div class="bubbles secondary-color fat-text">
+			<div class="small-bubble" />
+			<div class="small-bubble" />
+			<div class="small-bubble" />
+			<div class="small-bubble" />
+			<div class="small-bubble" />
+			<p class="bubble">
+            <span>
+
+              to Prioritize development effort
+            </span>
+			</p>
+			<p class="bubble">
+            <span>
+
+              to improve customer satisfaction
+            </span>
+			</p>
+			<p class="bubble">
+            <span>
+
+              to increase conversion rate
+            </span>
+			</p>
+		</div>
+	</section>
+
+
+	<section id="china">
+		<h2 class="title primary-color">
+			Our China-inspired ui in 4 pillars
+		</h2>
+		<p class="description secondary-color">
+			a quick and smooth consumer journey and never
+			<br>
+			ending shopping experience at the same time
+		</p>
+		<div class="line" />
+		<div class="block-items columns">
+			<div class="block-item column">
+				<div class="top block-item-1">
+					<p>
+						Content driven
+					</p>
+				</div>
+				<div class="bottom block-item-2">
+					- Rebound rate
+				</div>
+			</div>
+			<div class="block-item column">
+				<div class="top block-item-3">
+					<p>
+						Experimental
+					</p>
+				</div>
+				<div class="bottom block-item-4">
+					- Return rate
+				</div>
+			</div>
+			<div class="block-item column">
+				<div class="top block-item-5">
+					<p>
+						Interactive
+					</p>
+				</div>
+				<div class="bottom block-item-6">
+					+Conversion rate
+				</div>
+			</div>
+			<div class="block-item column">
+				<div class="top block-item-7">
+					<p>
+						Agile
+					</p>
+				</div>
+				<div class="bottom block-item-8">
+					+ Retention rate
+				</div>
+			</div>
+		</div>
+	</section>
+
+
+
+
+
+
 	<section id="full_creative">
 		<h2 class="title secondary-color">
 			A full creative & production Studio in Paris