first commit

components/call-to-action/CallToAction.jsx

@@ -0,0 +1,28 @@
+import React from "react";
+import Link from "next/link";
+
+const CallToAction = () => {
+  return (
+    <div
+      className="
+          bg-wrapper
+          d-lg-flex
+          align-items-center
+          justify-content-between
+        "
+    >
+      <h2 className="font-gilroy-bold">
+        Don’t find the answer? contact us for any query.
+      </h2>
+      <Link     href="contact-cs">Contact us</Link>
+      <div className="bubble-one"></div>
+      <div className="bubble-two"></div>
+      <div className="bubble-three"></div>
+      <div className="bubble-four"></div>
+      <div className="bubble-five"></div>
+    </div>
+    //  /.bg-wrapper
+  );
+};
+
+export default CallToAction;

components/call-to-action/CallToActionFive.jsx

@@ -0,0 +1,37 @@
+import React from "react";
+import FormEvent from "../../components/form/FormEvent";
+import Link from "next/link";
+
+const CallToActionFive = () => {
+  return (
+    <>
+      <div className="title-style-five text-center">
+        <h2>
+          <span>Sign up & get started</span>
+        </h2>
+      </div>
+      <div className="row">
+        <div className="col-xl-7 col-lg-8 col-md-9 m-auto">
+          <p className="font-rubik sub-heading">
+            Our ticketing platform is made for you - & loved by everyone lorem
+            ipsum.
+          </p>
+        </div>
+        {/* End .col */}
+      </div>
+      {/* End .row */}
+      <div className="row">
+        <div className="col-xl-7 col-lg-8 col-md-10 m-auto">
+          <FormEvent />
+          <p className="info-text">
+            Already a member? <Link     href="login">Sign in.</Link>
+          </p>
+        </div>
+        {/* End .col */}
+      </div>
+      {/* End .row */}
+    </>
+  );
+};
+
+export default CallToActionFive;

components/call-to-action/CallToActionFour.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+import FormEvent from "../form/FormEvent";
+import Link from "next/link";
+
+const CallToActionFour = () => {
+  return (
+    <div className="row align-items-center">
+      <div className="col-lg-6">
+        <div className="title-style-one">
+          <h6 className="font-rubik" style={{ color: "#787CFF" }}>
+            Start your free trial.
+          </h6>
+          <h2>New here? Start your free trial now.</h2>
+        </div>
+        {/* /.title-style-one */}
+      </div>
+      <div className="col-lg-6">
+        <div className="form-wrapper">
+          <FormEvent />
+          <p className="font-rubik">
+            Already a member? <Link     href="login">Sign in.</Link>
+          </p>
+        </div>
+        {/* /.form-wrapper */}
+      </div>
+    </div>
+  );
+};
+
+export default CallToActionFour;

components/call-to-action/CallToActionSeven.jsx

@@ -0,0 +1,69 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+const CallToActionSeven = () => {
+  return (
+    <div className="fancy-short-banner-fourteen mt-150 md-mt-80">
+      <div className="container">
+        <div className="row">
+          <div className="col-12" data-aos="fade-up" data-aos-duration="1200">
+            <div className="title-style-thirteen">
+              <h2>
+                200k+ Customers <br />
+                have our deski.Try it now!
+              </h2>
+            </div>
+            <p>Try it risk free — we don’t charge cancellation fees.</p>
+            <Link     href="/signup" className="theme-btn-twelve">
+              Let’s Get Started
+            </Link>
+          </div>
+        </div>
+      </div>
+      {/* <!-- /.container --> */}
+      <Image width="72" height="141"
+        src="/images/shape/239.svg"
+        alt="shape"
+        className="shapes shape-one"
+      />
+      <Image width="90" height="150"
+        src="/images/shape/240.svg"
+        alt="shape"
+        className="shapes shape-two"
+      />
+      <Image  width="13" height="12" 
+        src="/images/shape/232.svg"
+        alt="shape"
+        className="shapes shape-three"
+      />
+      <Image  width="17" height="20"
+        src="/images/shape/233.svg"
+        alt="shape"
+        className="shapes shape-four"
+      />
+      <Image  width="13" height="16"
+        src="/images/shape/234.svg"
+        alt="shape"
+        className="shapes shape-five"
+      />
+      <Image  width="14" height="14"
+        src="/images/shape/235.svg"
+        alt="shape"
+        className="shapes shape-six"
+      />
+      <Image width="36" height="30"
+        src="/images/shape/236.svg"
+        alt="shape"
+        className="shapes shape-seven"
+      />
+      <Image  width="13" height="12" 
+        src="/images/shape/232.svg"
+        alt="shape"
+        className="shapes shape-eight"
+      />
+    </div>
+  );
+};
+
+export default CallToActionSeven;

components/call-to-action/CallToActionSix.jsx

@@ -0,0 +1,24 @@
+import Image from "next/image";
+import React from "react";
+
+const CallToActionSix = () => {
+  return (
+    <div className="title-style-twelve">
+      <h2>
+        <span>
+          Try Deski Free{" "}
+          <Image  width="355" height="37" src="/images/shape/line-shape-13.svg" alt="sahpe" />
+        </span>
+      </h2>
+      <p className="pt-45 pb-50 text-dark">
+        After your 14-day trial of our Professional plan, enjoy the Free version
+        of deski– forever.
+      </p>
+      <a href="#" className="theme-btn-nine">
+        Start Free Trial
+      </a>
+    </div>
+  );
+};
+
+export default CallToActionSix;

components/call-to-action/CallToActionThree.jsx

@@ -0,0 +1,42 @@
+'use client'
+
+
+import React from "react";
+import Link from "next/link";
+
+const CallToActionThree = () => {
+  const handleSubmit = (event) => {
+    event.preventDefault();
+  };
+  return (
+    <div className="row align-items-center">
+      <div className="col-lg-6">
+        <div className="title-style-one">
+          <h6 className="font-rubik" style={{ color: "#f96f60" }}>
+            Start your free trial.
+          </h6>
+          <h2>New here? Start your free trial now.</h2>
+        </div>
+        {/* /.title-style-one */}
+      </div>
+      {/* End .col */}
+
+      <div className="col-lg-6">
+        <div className="form-wrapper">
+          <form onClick={handleSubmit}>
+            <input type="text" placeholder="Email address" />
+            <button>Subscribe</button>
+          </form>
+          {/* End form */}
+          <p className="font-rubik">
+            Already a member? <Link     href="login">Sign in.</Link>
+          </p>
+        </div>
+        {/* /.form-wrapper */}
+      </div>
+      {/* End .col */}
+    </div>
+  );
+};
+
+export default CallToActionThree;

components/call-to-action/CallToActionTwo.jsx

@@ -0,0 +1,40 @@
+'use client'
+
+
+import React from "react";
+import Link from "next/link";
+
+const CallToActionTwo = () => {
+  const handleSubmit = (event) => {
+    event.preventDefault();
+  };
+
+  return (
+    <div className="row align-items-center">
+      <div className="col-lg-6">
+        <div className="title">
+          <h6>Subscribe Now</h6>
+          <h2>Subscriber to our Newsletter</h2>
+        </div>
+      </div>
+      {/* End .col */}
+
+      <div className="col-lg-6">
+        <div className="form-wrapper">
+          <form onClick={handleSubmit}>
+            <input type="text" placeholder="Email address" />
+            <button>Subscribe</button>
+          </form>
+          {/* End form */}
+          <p className="font-rubik">
+            Already a member? <Link     href="login">Sign in.</Link>
+          </p>
+        </div>
+        {/* /.form-wrapper */}
+      </div>
+      {/* End .col */}
+    </div>
+  );
+};
+
+export default CallToActionTwo;