import React from "react";

import FancyVideoFive from "../../../components/video/FancyVideoFive";
import CounterThree from "../../../components/counter/CounterThree";
import FooterTwo from "../../../components/footer/FooterTwo";
import CopyRightTwo from "../../../components/footer/CopyRightTwo";
import ContentServiceSection from "../../../components/features/ContentServiceSection";
import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
import FancyFeatureThirtyThree from "../../../components/features/FancyFeatureThirtyThree";
import Image from "next/image";
import FooterFinSite from "@/components/footer/FooterFinSite";
import Header from "../../../components/header/Header";
export const metadata = {
    title: 'Service Version 1 || Deski-Saas & Software Nextjs Template',
    description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
  } 
const ServiceV1 = () => {
  return (
    <div className="main-page-wrapper p0">
   
      {/* End Page SEO Content */}

      <Header />
      {/* End Header */}

      {/* 	=============================================
            Fancy Hero Three
        ============================================== */}
      <div className="fancy-hero-three">
        <div className="shapes shape-one"></div>
        <div className="shapes shape-two"></div>
        <div className="shapes shape-three"></div>
        <div className="shapes shape-four"></div>
        <div className="shapes shape-five"></div>
        <div className="shapes shape-six"></div>
        <div className="bg-wrapper">
          <div className="container">
            <div className="row">
              <div className="col-xl-9 col-lg-10 m-auto">
                <h1 className="heading">Content Marketing Services for Fintech</h1>
                {/*<p className="sub-heading">*/}
                {/*  deski helps teams of all sizes get better at delivering*/}
                {/*  effortless customer*/}
                {/*</p>*/}
              </div>
            </div>
          </div>
        </div>
        {/* /.bg-wrapper  */}
      </div>
      {/* /.fancy-hero-three */}





      {/* =============================================
            Fancy Feature Six
        ============================================== */}
      <div className="fancy-feature-six mt-140 md-mt-70">
        <div className="bg-wrapper">
          <div className="shapes shape-one"></div>
          <div className="shapes shape-two"></div>
          <div className="shapes shape-three"></div>
          <div className="shapes shape-four"></div>
          <div className="shapes shape-five"></div>
          <Image width={235} height={235}
            src="/images/shape/51.svg"
            alt="shape"
            className="shapes shape-six"
          />
          <div className="container">
            <div className="title-style-two text-center mb-85 md-mb-40">
              <h2>
                <span>
                  Our Services
                  <Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
                </span>
              </h2>
              <div className="sub-text mt-15">
                Our mission is to craft powerful content marketing strategies that don’t just sit pretty but work in harmony with paid advertising to drive serious results.
              </div>
            </div>
            {/* End .title */}
            <ContentServiceSection />
          </div>
        </div>
      </div>
      {/* /.fancy-feature-six */}


      {/* =====================================================
            Fancy Text block Twelve
        ===================================================== */}
      <div className="fancy-text-block-twelve mt-170 md-mt-100">
        <div className="container">
          <div className="row">
            <div
                className="col-lg-6"
                data-aos="fade-right"
                data-aos-duration="1200"
            >
              <div className="text-wrapper">
                <div className="title-style-three">
                  <h2>
                    <span>
                     We do &nbsp;
                      <Image width="530" height="54" src="/images/shape/line-shape-6.svg" alt="image" />
                    </span>
                   more.
                  </h2>
                </div>
                <p className="sub-text pb-35">
                  Through our trusted network of contractor partners, we develop multi-channel campaigns that can also include the following channels
                </p>
                <ul className="list-item-one">
                  <li>SEO: Mastering search engines to boost your visibility.</li>
                  <li> Public Relations: Connecting you with the media that can elevate your voice.</li>
                  <li>  Design & Events: Crafting memorable experiences that leave a mark.</li>
                  <li> Special Projects: Whether it’s an app or a website, we bring your vision to life with flair.</li>
                </ul>
              </div>
              {/* <!-- /.text-wrapper --> */}
            </div>
            {/* End .col-6 */}

            <div
                className="col-lg-5 ms-auto"
                data-aos="fade-left"
                data-aos-duration="1200"
            >
              <div className="img-gallery">
                <Image width={402} height={430} style={{height:'fit-content'}}     src="/images/media/img_37.png" alt="image" />
                <Image width={121} height={145}
                       src="/images/shape/53.svg"
                       alt="shape"
                       className="shapes shape-one"
                />
                <Image width={144} height={144}
                       src="/images/shape/52.svg"
                       alt="shape"
                       className="shapes shape-two"
                />
              </div>
              {/* <!-- /.img-gallery --> */}
            </div>
            {/* End col-lg-5 */}
          </div>
        </div>
      </div>
      {/* <!-- /.fancy-text-block-twelve --> */}



      {/* =====================================================
            Footer Style Two
        ===================================================== */}
      <footer className="theme-footer-two pt-150 md-pt-80">
        <div className="top-footer">
          <div className="container">
            <FooterFinSite />
          </div>
          {/* /.container */}
        </div>
        {/* /.top-footer */}





        <div className="container">
          <div className="bottom-footer-content">
            <CopyRightTwo />
          </div>
          {/*  /.bottom-footer */}
        </div>
      </footer>
      {/* /.theme-footer-one */}
    </div>
  );
};

export default ServiceV1;
