first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,214 @@
|
||||
import React from "react";
|
||||
|
||||
import HeaderTwo from "../../../components/header/HeaderTwo";
|
||||
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 FeatureSixV2 from "../../../components/features/FeatureSixV2";
|
||||
import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
|
||||
import FancyFeatureThirtyThree from "../../../components/features/FancyFeatureThirtyThree";
|
||||
import Image from "next/image";
|
||||
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 */}
|
||||
|
||||
<HeaderTwo />
|
||||
{/* 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">Our Services</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 Text block Eleven
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-eleven mt-200 md-mt-100">
|
||||
<div className="container">
|
||||
<FancyVideoFive />
|
||||
|
||||
<div className="mt-70">
|
||||
<div className="container">
|
||||
<FancyFeatureThirtyThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-eleven */}
|
||||
|
||||
{/* =============================================
|
||||
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>
|
||||
Explore Services
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
<div className="sub-text mt-15">
|
||||
Get to know all deski features, that are part of the complex
|
||||
multi-channel
|
||||
</div>
|
||||
</div>
|
||||
{/* End .title */}
|
||||
<FeatureSixV2 />
|
||||
</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">
|
||||
<h6>Why us?</h6>
|
||||
<h2>
|
||||
<span>
|
||||
Why your should
|
||||
<Image width="530" height="54" src="/images/shape/line-shape-6.svg" alt="image" />
|
||||
</span>
|
||||
choose deski.
|
||||
</h2>
|
||||
</div>
|
||||
<p className="sub-text pb-35">
|
||||
A ticketing system is a tool, primarily for customer service.
|
||||
It helps customer representativ inquiries from one interface
|
||||
without any struggles.
|
||||
</p>
|
||||
<ul className="list-item-one">
|
||||
<li>Amazing communication.</li>
|
||||
<li>Best trendinf designing experience.</li>
|
||||
<li>Email & Live chat.</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 --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Counter With Icon One
|
||||
===================================================== */}
|
||||
<div className="counter-with-icon-one pt-120 md-pt-70">
|
||||
<div className="container">
|
||||
<CounterThree />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.counter-with-icon-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Three
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-three mt-200 md-mt-150">
|
||||
<div className="container">
|
||||
<div className="bg-wrapper">
|
||||
<CallToActionThree />
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-short-banner-four */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Two
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-two pt-150 md-pt-80">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterTwo />
|
||||
</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;
|
||||
@@ -0,0 +1,159 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import FancyTextBlockTen from "../../../components/fancy-text-block/FancyTextBlockTen";
|
||||
import CounterFive from "../../../components/counter/CounterFive";
|
||||
import Header from "../../../components/header/Header";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import FancyFeatureThirtyFour from "../../../components/features/FancyFeatureThirtyFour";
|
||||
import FancyVideoSix from "../../../components/video/FancyVideoSix";
|
||||
export const metadata = {
|
||||
title: 'Service Version 2 || 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 ServiceV2 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero One
|
||||
============================================== */}
|
||||
<div className="fancy-hero-one">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-10 m-auto">
|
||||
<h2 className="font-rubik">Our Services</h2>
|
||||
</div>
|
||||
<div className="col-xl-9 m-auto">
|
||||
<p className="font-rubik">
|
||||
We are a creative company that focuses on establishing long-term
|
||||
relationships with customers.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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 className="bubble-six"></div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-hero-one --> */}
|
||||
|
||||
{/* =============================================
|
||||
Video Box Two
|
||||
============================================== */}
|
||||
<div className="container">
|
||||
<div className="fancy-video-box-two">
|
||||
<FancyVideoSix />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* =====================================================
|
||||
Counter Info Standard
|
||||
===================================================== */}
|
||||
<div className="pt-120 md-pt-100 pb-150 md-pb-100">
|
||||
<div className="container">
|
||||
<CounterFive />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.counter-info-standard --> */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Thirty One
|
||||
============================================== */}
|
||||
<div className="fancy-feature-thirtyOne pt-120 pb-160 md-pt-80 md-pb-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 m-auto">
|
||||
<div className="title-style-four text-center pb-50 md-pb-20">
|
||||
<h2>Our Services</h2>
|
||||
<p className="sub-text pt-20">
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit io
|
||||
cillum dolore eu fugiat nulla pariatur non labrum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<FancyFeatureThirtyFour />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirtyOne --> */}
|
||||
|
||||
{/*=============================================
|
||||
Fancy Text block Ten
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-ten mt-170 md-mt-100 mb-50">
|
||||
<div className="container">
|
||||
<FancyTextBlockTen />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-ten */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Footer
|
||||
============================================== */}
|
||||
<div className="footer-bg-wrapper">
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="fancy-short-banner-two">
|
||||
<div className="container">
|
||||
<div className="content-wrapper">
|
||||
<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-pm"> 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 */}
|
||||
</div>
|
||||
{/* /.content-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-short-banner-two */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ServiceV2;
|
||||
@@ -0,0 +1,206 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import HeaderThree from "../../../components/header/HeaderThree";
|
||||
import FooterEight from "../../../components/footer/FooterEight";
|
||||
import CopyRightFour from "../../../components/footer/CopyRightFour";
|
||||
import FancyFeatureThirtyFive from "../../../components/features/FancyFeatureThirtyFive";
|
||||
import CounterSix from "../../../components/counter/CounterSix";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Service Version 3 || 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 ServiceV3 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero One
|
||||
============================================== */}
|
||||
<div className="fancy-hero-one">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-10 m-auto">
|
||||
<h2 className="font-rubik">Our Services</h2>
|
||||
</div>
|
||||
<div className="col-xl-9 m-auto">
|
||||
<p className="font-rubik">
|
||||
We are a creative company that focuses on establishing long-term
|
||||
relationships with customers.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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 className="bubble-six"></div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-hero-one --> */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Thirty Two
|
||||
============================================== */}
|
||||
<div className="fancy-feature-thirtyTwo pt-110 pb-160 md-pt-90 md-pb-100">
|
||||
<div className="container">
|
||||
<div className="row align-items-center justify-content-center">
|
||||
<div
|
||||
className="col-lg-4 col-md-6"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-eleven">
|
||||
<h2>Explore our service.</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<FancyFeatureThirtyFive />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirtyTwo --> */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Seven
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-seven mt-130 md-mt-80">
|
||||
<div className="bg-wrapper no-bg">
|
||||
<Image Image width={9} height={9}
|
||||
src="/images/shape/29.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={11} height={11}
|
||||
src="/images/shape/30.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width={8} height={8}
|
||||
src="/images/shape/31.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image width={17} height={17}
|
||||
src="/images/shape/32.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image width={8} height={8}
|
||||
src="/images/shape/33.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-5 col-md-6 col-sm-10 m-auto"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="img-holder">
|
||||
<Image width={441} height={550} style={{height:'fit-content'}} src="/images/media/img_108.png" alt="media" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="col-xl-6 col-lg-7 ms-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="quote-wrapper pt-60">
|
||||
<Image width={53} height={55} src="/images/icon/185.png" alt="icon" className="icon" />
|
||||
<blockquote className="font-rubik">
|
||||
Deski combines excellent live chat, ticketing and automation
|
||||
that allow us to provide quality.
|
||||
</blockquote>
|
||||
<h6 className="mt-20">
|
||||
Mike Lucas. <span>CEO & Founder deksi</span>
|
||||
</h6>
|
||||
</div>
|
||||
{/* <!-- /.quote-wrapper --> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* <!-- /.bg-wrapper --> */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-text-block-seven --> */}
|
||||
|
||||
{/* =============================================
|
||||
Counter Style Three
|
||||
============================================== */}
|
||||
<div className="counter-style-three lg-container mt-50">
|
||||
<div className="container">
|
||||
<CounterSix />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.counter-style-three --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Ten
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-ten mt-130 md-mt-20">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-xl-7 col-lg-8 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-center pb-60">
|
||||
<h2 className="font-gordita">
|
||||
Convinced to work on a new project?
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div
|
||||
className="text-center pb-40 md-pb-10"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
<Link href="/contact-doc" className="theme-btn-eleven">
|
||||
{" "}
|
||||
Contact us
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
<Image width="321" height="471" src="/images/shape/210.svg" alt="image" className="shapes shape-one" />
|
||||
<Image width="311" height="445" src="/images/shape/211.svg" alt="image" className="shapes shape-two" />
|
||||
</div>
|
||||
{/* /.fancy-short-banner-ten */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Eight
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-eight mt-100">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterEight />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer mt-50 md-mt-30">
|
||||
<CopyRightFour />
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-eight */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ServiceV3;
|
||||
@@ -0,0 +1,153 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import HeaderFive from "../../../components/header/HeaderFive";
|
||||
|
||||
import FooterEight from "../../../components/footer/FooterEight";
|
||||
import CopyRightFour from "../../../components/footer/CopyRightFour";
|
||||
import CounterOne from "../../../components/counter/CounterOne";
|
||||
import FancyFeatureTwentyEightV2 from "../../../components/features/FancyFeatureTwentyEightV2";
|
||||
import Service from "../../../components/service/Service";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Service Version 4 || 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 ServiceV4 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderFive />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Hero Seven
|
||||
===================================================== */}
|
||||
<div
|
||||
className="fancy-hero-seven"
|
||||
style={{
|
||||
backgroundImage: `url(/images/media/img_109.png)`,
|
||||
}}
|
||||
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 m-auto">
|
||||
<h2 className="font-gordita">Our Services</h2>
|
||||
<p className="font-gordita">
|
||||
We are a creative company that focuses on establishing long-term
|
||||
relationships with customers.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-hero-seven --> */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Seven
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-seven seven mt-130 md-mt-80">
|
||||
<div className="bg-wrapper no-bg">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-5 col-md-6 col-sm-10 m-auto"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<CounterOne />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div
|
||||
className="col-xl-6 col-lg-7 ms-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="quote-wrapper pt-60">
|
||||
<Image width={53} height={55} src="/images/icon/185.png" alt="icon" className="icon" />
|
||||
<blockquote className="font-rubik">
|
||||
Deski combines excellent live chat, ticketing and automation
|
||||
that allow us to provide quality.
|
||||
</blockquote>
|
||||
<h6 className="mt-20">
|
||||
Mike Lucas. <span>CEO & Founder deksi</span>
|
||||
</h6>
|
||||
</div>
|
||||
{/* <!-- /.quote-wrapper --> */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div className="mt-90 pb-80 bottom-border">
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<FancyFeatureTwentyEightV2 />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* <!-- /.bg-wrapper --> */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-text-block-seven --> */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Thirty Three
|
||||
============================================== */}
|
||||
<div className="fancy-feature-thirtyThree mt-60 md-mt-20">
|
||||
<div className="container">
|
||||
<div className="title-style-eleven text-center pb-50 md-pb-30">
|
||||
<h2>Explore Service.</h2>
|
||||
<p className="pt-20">
|
||||
Get to know all deski features, that are part of the complex
|
||||
multi-channel
|
||||
</p>
|
||||
</div>
|
||||
<Service />
|
||||
<div className="bottom-border">
|
||||
<div className="text-center mt-130 md-mt-80 pb-150 md-pb-80">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 m-auto">
|
||||
<h2 className="contact-title font-gordita">
|
||||
Convinced to work on a new project?
|
||||
</h2>
|
||||
<Link className="theme-btn-one mt-40" href="/contact-cs">
|
||||
{" "}
|
||||
Contact Now
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirtyThree --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Eight
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-eight mt-100">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterEight />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer mt-50 md-mt-30">
|
||||
<CopyRightFour />
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-eight */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ServiceV4;
|
||||
@@ -0,0 +1,235 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import HeaderThree from "../../../../components/header/HeaderThree";
|
||||
import FaqClassicThree from "../../../../components/faq/FaqClassicThree";
|
||||
import Footer from "../../../../components/footer/Footer";
|
||||
import CopyRight from "../../../../components/footer/CopyRight";
|
||||
import { allService } from "@/data/service";
|
||||
import Image from "next/image";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Service Details || 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 ServiceDetails = ({params}) => {
|
||||
const item = allService.filter((elm)=>elm.id==params.id)[0] || allService[0]
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero One
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="text-center row">
|
||||
<div className="col-xl-9 m-auto">
|
||||
<h1 className="heading">
|
||||
|
||||
{item.title ||item.meta || (item.titleTextOne + item.TitleTextTwo) || ' Web Design'}
|
||||
|
||||
</h1>
|
||||
<p className="sub-heading space-xs font-gordita mt-15">
|
||||
{item.subTitle ||item.descriptions || `
|
||||
|
||||
We are a creative company that focuses on establishing
|
||||
long-term relationships with customers.`}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.bg-wrapper --> */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-hero-five --> */}
|
||||
|
||||
{/* =============================================
|
||||
Service Details One
|
||||
============================================== */}
|
||||
<div className="service-details-one pt-150 md-pt-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-8 order-lg-last">
|
||||
<div className="details-wrapper ps-xl-5">
|
||||
<h2 className="font-gordita">
|
||||
World best web design service provider.
|
||||
</h2>
|
||||
<p className="sub-heading font-gordita pt-30 pb-70 md-pb-40">
|
||||
Commonly used in the graphic, prit quis due & publishing
|
||||
indust for previewing lightly visual mockups.
|
||||
</p>
|
||||
<Image width={822} height={420} style={{width:'100%',height:'fit-content'}}
|
||||
src="/images/gallery/img_42.jpg"
|
||||
alt="gallery"
|
||||
className="img-meta w-100"
|
||||
/>
|
||||
<p className="pt-40 pb-40">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Maecenas interdum, orci at dapibus, massa ante pharetra
|
||||
tellus. Maecenas interdum, orci at euismod dapibus. Lorem
|
||||
ipsum dolor sit amet, consectetur adipiscing elit. Maecenas
|
||||
interdum.
|
||||
</p>
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<h4 className="font-gordita pt-40">Our Goal</h4>
|
||||
<ul className="list-item-one">
|
||||
<li>Various analysis options.</li>
|
||||
<li>Page Load (time, number of requests).</li>
|
||||
<li>Big data analysis.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<h4 className="font-gordita pt-40">The Challange</h4>
|
||||
<p>
|
||||
Deski Web offers a complete lineup of features from any
|
||||
major Maecena quis interdum, orci at euis dapibus, mass
|
||||
ante pharetra tellus massa ante pharetra tellus.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<h3 className="font-gordita pt-90 pb-60 md-pt-50">
|
||||
Any Questions find here.
|
||||
</h3>
|
||||
<FaqClassicThree />
|
||||
</div>
|
||||
{/* <!-- /.details-wrapper --> */}
|
||||
</div>
|
||||
<div className="col-xl-3 col-lg-4 col-md-6 order-lg-first">
|
||||
<div className="sidebar md-mt-100">
|
||||
<div className="category-list">
|
||||
<h4 className="font-gordita">Services</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#" className="active">
|
||||
Web Design
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Mockup</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Print Design</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Logo</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Mobile Application</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Branding</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Illusutration</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* <!-- /.category-list --> */}
|
||||
<div className="sidenote">
|
||||
<p>
|
||||
Evernote Web offers a complete lineup major linup browser
|
||||
</p>
|
||||
<span>- Rashed ka.</span>
|
||||
</div>
|
||||
<div className="share-option">
|
||||
<h4 className="font-gordita">Share it. </h4>
|
||||
<ul className="d-flex social-icon">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.sidebar --> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.service-details-one --> */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Footer
|
||||
============================================== */}
|
||||
<div className="footer-bg-wrapper">
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="fancy-short-banner-two">
|
||||
<div className="container">
|
||||
<div className="content-wrapper">
|
||||
<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-pm"> 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 */}
|
||||
</div>
|
||||
{/* /.content-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-short-banner-two */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ServiceDetails;
|
||||
Reference in New Issue
Block a user