added servies pages
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">Content</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,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">Performance</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;
|
||||
@@ -252,23 +252,37 @@ const MegaMenu = () => {
|
||||
const [currentTopRoute, setCurrentTopRoute] = useState('Home')
|
||||
return (
|
||||
<ul className="navbar-nav">
|
||||
<li className={currentTopRoute == 'Home' ? "nav-item position-static active":"nav-item position-static" } >
|
||||
<a className="nav-link" href="/" data-toggle="dropdown">
|
||||
Home
|
||||
{/*<li className={currentTopRoute == 'Home' ? "nav-item position-static active":"nav-item position-static" } >*/}
|
||||
{/* <a className="nav-link" href="/" data-toggle="dropdown">*/}
|
||||
{/* Home*/}
|
||||
{/* </a>*/}
|
||||
{/*</li>*/}
|
||||
|
||||
|
||||
<li className={currentTopRoute == 'Pages' ? "nav-item active":"nav-item" }>
|
||||
<a className={currentTopRoute == 'Pages' ? "nav-link active":"nav-link"} href="/performance" data-toggle="dropdown">
|
||||
Performance
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className={currentTopRoute == 'Pages' ? "nav-item active":"nav-item" }>
|
||||
<a className={currentTopRoute == 'Pages' ? "nav-link active":"nav-link"} href="/about-cs" data-toggle="dropdown">
|
||||
About
|
||||
<a className={currentTopRoute == 'Pages' ? "nav-link active":"nav-link"} href="/content" data-toggle="dropdown">
|
||||
Content
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className={currentTopRoute == 'Blogs' ? "nav-item active":"nav-item" }>
|
||||
<a className={currentTopRoute == 'Blogs' ? "nav-link active":"nav-link "} href="/blog-v2" data-toggle="dropdown">
|
||||
Blogs
|
||||
</a>
|
||||
</li>
|
||||
|
||||
{/*<li className={currentTopRoute == 'Pages' ? "nav-item active":"nav-item" }>*/}
|
||||
{/* <a className={currentTopRoute == 'Pages' ? "nav-link active":"nav-link"} href="/about-cs" data-toggle="dropdown">*/}
|
||||
{/* About*/}
|
||||
{/* </a>*/}
|
||||
{/*</li>*/}
|
||||
|
||||
{/*<li className={currentTopRoute == 'Blogs' ? "nav-item active":"nav-item" }>*/}
|
||||
{/* <a className={currentTopRoute == 'Blogs' ? "nav-link active":"nav-link "} href="/blog-v2" data-toggle="dropdown">*/}
|
||||
{/* Blogs*/}
|
||||
{/* </a>*/}
|
||||
{/*</li>*/}
|
||||
|
||||
</ul>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user