first commit

components/form-survey-landing/Features.jsx

@@ -0,0 +1,55 @@
+import React from "react";
+import Image from "next/image";
+const Features = () => {
+  return (
+    <div className="row">
+      <div className="col-xl-6 col-lg-7 order-lg-last" data-aos="fade-left">
+        <div className="ps-lg-5">
+          <div className="title-style-fourteen">
+            <div className="upper-title">Made for human</div>
+            <h2>Quality, actionable data process.</h2>
+          </div>
+          <div className="tag-line">
+            Creating an online survey has never been easier. With many advanced
+            features of deski.
+          </div>
+          <ul className="list-item">
+            <li>Easy-to-use survey maker interface</li>
+            <li>Drag and Drop to change the order of questions</li>
+            <li>Quota management</li>
+            <li>Step view layout for interactive survey filling experiences</li>
+            <li>Customizable URL</li>
+          </ul>
+        </div>
+      </div>
+      {/* Emd .col */}
+
+      <div
+        className="col-xl-6 col-lg-5 text-center text-lg-left order-lg-first"
+        data-aos="fade-right"
+      >
+        <div className="illustration-holder d-inline-block md-mt-60">
+          <Image  width="500" height="541"  src="/images/assets/ils_23.svg" alt="image" className="w-100" />
+          <Image  width="361" height="170" 
+            src="/images/assets/ils_23.1.svg"
+            alt="image"
+            className="shapes shape-one"
+          />
+          <Image  width="389" height="184" 
+            src="/images/assets/ils_23.2.svg"
+            alt="image"
+            className="shapes shape-two"
+          />
+          <Image  width="367" height="167" 
+            src="/images/assets/ils_23.3.svg"
+            alt="image"
+            className="shapes shape-three"
+          />
+        </div>
+      </div>
+      {/* End .col */}
+    </div>
+  );
+};
+
+export default Features;