first commit
This commit is contained in:
dev-chiefworks
+35
@@ -0,0 +1,35 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# local env files
|
||||
.env*.local
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
@@ -0,0 +1,34 @@
|
||||
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
|
||||
|
||||
## Getting Started
|
||||
|
||||
First, run the development server:
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
# or
|
||||
yarn dev
|
||||
# or
|
||||
pnpm dev
|
||||
```
|
||||
|
||||
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
||||
|
||||
You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
|
||||
|
||||
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
|
||||
|
||||
## Learn More
|
||||
|
||||
To learn more about Next.js, take a look at the following resources:
|
||||
|
||||
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
|
||||
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
||||
|
||||
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
|
||||
|
||||
## Deploy on Vercel
|
||||
|
||||
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
||||
|
||||
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
|
||||
@@ -0,0 +1,236 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
import HeaderTwo from "../../../components/header/HeaderTwo";
|
||||
import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
|
||||
import FooterTwo from "../../../components/footer/FooterTwo";
|
||||
import CopyRightTwo from "../../../components/footer/CopyRightTwo";
|
||||
import CounterThreeColored from "../../../components/counter/CounterThreeColored";
|
||||
import FancyTextBlockTen from "../../../components/fancy-text-block/FancyTextBlockTen";
|
||||
import FancyFeatureSeven from "../../../components/features/FancyFeatureSeven";
|
||||
import TeamFour from "../../../components/team/TeamFour";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'About Customer Support || 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 CustomerSupport = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
{/* =============================================
|
||||
Start Header
|
||||
============================================== */}
|
||||
<HeaderTwo />
|
||||
{/* End HeaderTwo Variation Three */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-two">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="page-title">About us</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 col-md-10 m-auto">
|
||||
<h1 className="heading">World best customer support portal</h1>
|
||||
<p className="sub-heading">
|
||||
deski helps teams of all sizes get better at delivering
|
||||
effortless customer service experiences.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Nine
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-nine mt-130 md-mt-80">
|
||||
<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="container">
|
||||
<div className="title-style-two text-center mb-35 md-mb-10">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<p>Our Story</p>
|
||||
<h2>The world’s first Conversational Relationship Platform</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End title-style-two */}
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xl-10 m-auto">
|
||||
<p
|
||||
className="text-meta"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
We created Help deski for businesses that share our passion for
|
||||
doing right by the customer. For many of us, great customer
|
||||
service isn’t a cost center — it’s an effective marketing tool,
|
||||
a competitive differentiator, and a cornerstone of the brand.
|
||||
</p>
|
||||
<p
|
||||
className="text-meta"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
But in 2008, there were no customer service platforms available
|
||||
that embodied our customer-centric values. There were help desks
|
||||
that quite literally treated each person like a number and made
|
||||
it far too difficult to build a long-term relationship. We felt
|
||||
a strong pull to make something different, and we did.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-nine */}
|
||||
|
||||
{/* =====================================================
|
||||
Counter With Icon One
|
||||
===================================================== */}
|
||||
<div className="counter-with-icon-one border-style pt-120 pb-45 md-pt-70">
|
||||
<div className="container">
|
||||
<div className="border-style">
|
||||
<CounterThreeColored />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* /.counter-with-icon-one */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Ten
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-ten mt-120 md-mt-60">
|
||||
<div className="container">
|
||||
<FancyTextBlockTen />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-ten */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Feature Five
|
||||
===================================================== */}
|
||||
<div className="fancy-feature-five mt-200 md-mt-100">
|
||||
<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>
|
||||
<Image
|
||||
width={168}
|
||||
height={166}
|
||||
src="/images/shape/47.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="title-style-two text-center mb-60 md-mb-40">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-9 m-auto">
|
||||
<p>Our Values</p>
|
||||
<h2>We’r driven by our values</h2>
|
||||
<div className="sub-text">
|
||||
Deski stand with friendly interface with lots of features
|
||||
that help our team and csutomer to collbarate easily.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .title-style-two */}
|
||||
<div className="row justify-content-center">
|
||||
<FancyFeatureSeven />
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-feature-five */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Section Two
|
||||
===================================================== */}
|
||||
<div className="team-section-two mt-200 md-mt-100">
|
||||
<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="container">
|
||||
<div className="row align-items-center justify-content-between mb-80 md-mb-10">
|
||||
<div className="col-lg-8">
|
||||
<div className="title-style-two">
|
||||
<p>Our Team</p>
|
||||
<h2>Our talented team member waiting to server.</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-4 d-lg-flex justify-content-end">
|
||||
<Link href="/team-3" className="theme-btn-three md-mt-20">
|
||||
See All Members
|
||||
</Link>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<div className="row">
|
||||
<TeamFour />
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Three
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-three mt-225 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 CustomerSupport;
|
||||
@@ -0,0 +1,263 @@
|
||||
import React from "react";
|
||||
|
||||
import HeaderThree from "../../../components/header/HeaderThree";
|
||||
import CallToActionTwo from "../../../components/call-to-action/CallToActionTwo";
|
||||
import CounterFiveColored from "../../../components/counter/CounterFiveColored";
|
||||
import TeamSlider from "../../../components/team/TeamSlider";
|
||||
import SocialTwo from "../../../components/social/SocialTwo";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import FooterThree from "../../../components/footer/FooterThree";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'About Documentation || 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 Documentation = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Five
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five">
|
||||
<Image
|
||||
width={220}
|
||||
height={502}
|
||||
src="/images/shape/93.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={200} height={408}
|
||||
src="/images/shape/94.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-7 col-md-8 col-sm-10">
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
The Truste Docs{" "}
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="shape" />
|
||||
</span>
|
||||
site ever.
|
||||
</h1>
|
||||
<p className="sub-heading">
|
||||
GitBook started mid-2014 as an open-source tool for developers
|
||||
to build documentation. Today we empower teams of all sizes to
|
||||
build great internal & external doc
|
||||
</p>
|
||||
</div>
|
||||
<div className="col-lg-5 col-md-4">
|
||||
<Image width={451} height={590}
|
||||
src="/images/media/img_52.png"
|
||||
alt="media"
|
||||
className="img-meta"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-five */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Seventeen
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-seventeen mt-250 pt-20 md-mt-80">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-5 ms-auto order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-four">
|
||||
<h6>Our Story</h6>
|
||||
<div className="row">
|
||||
<div className="col-lg-12 col-md-8">
|
||||
<h2>
|
||||
We’r providing quality service
|
||||
<span>
|
||||
since 2010!
|
||||
<Image width={375} height={43} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div
|
||||
className="col-xl-6 col-lg-7 order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<p className="text-meta">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing ed do eiusmod
|
||||
tempor inciddunt ut labore et dolore magna aliqua.{" "}
|
||||
</p>
|
||||
<p className="text-meta">
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
||||
commodo consequat. Duis aute irure dolor reprehen derit in
|
||||
voluptae velit esse cillum dolor fugia nul pariatur lorem itu.
|
||||
</p>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-seventeen */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Eighteen
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-eighteen mt-170 md-mt-80">
|
||||
<Image width={1590} height={851}
|
||||
src="/images/assets/ils_13.svg"
|
||||
alt="illustration"
|
||||
className="illustration"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
/>
|
||||
|
||||
<div className="counter-info pt-90 pb-45 md-pt-60">
|
||||
<div className="container">
|
||||
<CounterFiveColored />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.counter-info */}
|
||||
</div>
|
||||
{/* /.fancy-text-block-eighteen */}
|
||||
|
||||
{/* =============================================
|
||||
Team Section Three
|
||||
============================================== */}
|
||||
<div className="team-section-three">
|
||||
<div className="container">
|
||||
<div className="d-sm-flex align-items-center justify-content-between mb-50">
|
||||
<div className="title-style-four">
|
||||
<h2>
|
||||
<span>
|
||||
Our Members
|
||||
<Image width={375} height={43} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .d-sm-flex */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
<div className="clearfix">
|
||||
<div className="teamSliderOne arrow-top-right">
|
||||
<TeamSlider />
|
||||
</div>
|
||||
{/* /.teamSliderOne */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-three */}
|
||||
|
||||
{/* =====================================================
|
||||
Useable Tools
|
||||
===================================================== */}
|
||||
<div className="useable-tools-section bg-transparent mt-140 md-mt-80">
|
||||
<div className="container">
|
||||
<div className="title-style-three text-center mb-60 md-mb-50 sm-mb-30">
|
||||
<h6>Our Partners</h6>
|
||||
<h2>
|
||||
Who is
|
||||
<span>
|
||||
using deski{" "}
|
||||
<Image width={375} height={43} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
docs?
|
||||
</h2>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-9 m-auto">
|
||||
<p className="sub-text pb-80 md-pb-50">
|
||||
Deski ties into your existing tools, services, & workflow. Get
|
||||
notifications or create story with others tools.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<SocialTwo />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.useable-tools-section */}
|
||||
|
||||
{/* =====================================================
|
||||
Map Area One
|
||||
===================================================== */}
|
||||
<div className="map-area-one mt-170 md-mt-80">
|
||||
<div className="si-content">
|
||||
<h3>Come say Hi!</h3>
|
||||
<p>
|
||||
We're based in Gazipur, a beautiful city just hours from the Dhaka!
|
||||
</p>
|
||||
<span>10 Rue Dugas-Montbel, 69002 Lyon</span>
|
||||
</div>
|
||||
<div className="embed-responsive embed-responsive-21by9">
|
||||
<iframe
|
||||
className="embed-responsive-item"
|
||||
title="myFrame"
|
||||
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3151.840107317064!2d144.955925!3d-37.817214!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1sen!2sin!4v1520156366883"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.map-area-one */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Call to Action
|
||||
============================================== */}
|
||||
<div className="fancy-short-banner-four">
|
||||
<div className="container">
|
||||
<div className="bg-wrapper">
|
||||
<CallToActionTwo />
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-short-banner-four */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Footer
|
||||
============================================== */}
|
||||
<footer className="theme-footer-three pt-100">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterThree />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 ms-auto">
|
||||
<CopyRight />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-three */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Documentation;
|
||||
@@ -0,0 +1,226 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/HeaderFour";
|
||||
import FancyVideoOne from "../../../components/video/FancyVideoOne";
|
||||
import AboutTabs from "../../../components/block-slider/AboutTabs";
|
||||
import CounterThree from "../../../components/counter/CounterThree";
|
||||
import TeamFive from "../../../components/team/TeamFive";
|
||||
import Faq from "../../../components/faq/Faq";
|
||||
import CallToActionFive from "../../../components/call-to-action/CallToActionFive";
|
||||
import FooterFour from "../../../components/footer/FooterFour";
|
||||
import BlogStyle5 from "../../../components/blog/BlogStyle5";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'About Event Organizer || 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 EventOrganizer = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End HeaderFour */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Twenty
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-twenty">
|
||||
<Image width={232} height={477}
|
||||
src="/images/shape/124.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={217} height={396}
|
||||
src="/images/shape/125.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="container">
|
||||
<h1 className="title font-slab">About us</h1>
|
||||
<div className="fancy-video-box-one mb-130 md-mb-70">
|
||||
<FancyVideoOne />
|
||||
</div>
|
||||
{/* /.fancy-video-box-one */}
|
||||
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-5"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="client-info font-rubik">
|
||||
Over <span>150,000+ client</span>
|
||||
</div>
|
||||
<div className="title-style-five">
|
||||
<h2>
|
||||
<span>Best event</span>
|
||||
<br /> & ticket platform platform.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-6 ms-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<AboutTabs />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-twenty */}
|
||||
|
||||
{/* =====================================================
|
||||
Counter With Icon One
|
||||
===================================================== */}
|
||||
<div className="counter-with-icon-one">
|
||||
<div className="container">
|
||||
<div className="border-top pt-50 md-pt-10">
|
||||
<CounterThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.counter-with-icon-one */}
|
||||
|
||||
{/* =============================================
|
||||
Team Section
|
||||
============================================== */}
|
||||
<div className="team-section-four mt-250 md-mt-150">
|
||||
<Image width={148} height={440}
|
||||
src="/images/shape/129.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={187} height={426}
|
||||
src="/images/shape/130.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="title-style-five text-center mb-90 md-mb-60">
|
||||
<h6>Our Team</h6>
|
||||
<h2>The team behind deski </h2>
|
||||
</div>
|
||||
|
||||
<div className="team-wrapper">
|
||||
<div className="row">
|
||||
<TeamFive />
|
||||
</div>
|
||||
<Image width={92} height={107}
|
||||
src="/images/shape/126.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
</div>
|
||||
{/* /.team-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-four */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fqa Text Block
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-six mt-250 pt-50 md-mt-130">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-6"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-five mb-35">
|
||||
<h6>Why choose us</h6>
|
||||
<h2>
|
||||
<span>Why you should</span> choose us?
|
||||
</h2>
|
||||
</div>
|
||||
{/* End title */}
|
||||
<Faq />
|
||||
</div>
|
||||
|
||||
<div
|
||||
className="col-lg-6 col-md-8 m-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder d-flex justify-content-end md-mt-50">
|
||||
<Image width={509} height={633} style={{height:'fit-content'}} src="/images/media/img_58.png" alt="media" />
|
||||
<Image width={179} height={397}
|
||||
src="/images/shape/113.svg"
|
||||
alt="media"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
</div>
|
||||
{/* /.illustration-holder */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.why should you choose us */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog Four
|
||||
===================================================== */}
|
||||
<div className="feature-blog-four mt-250 md-mt-200">
|
||||
<div className="container">
|
||||
<div className="title-style-five text-center mb-70 md-mb-50">
|
||||
<h6>News & Updates</h6>
|
||||
<h2>Latest news & articles</h2>
|
||||
</div>
|
||||
{/* End .title */}
|
||||
<div className="row">
|
||||
<BlogStyle5 />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-four */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Call To Action
|
||||
============================================== */}
|
||||
<div className="fancy-short-banner-five pt-150 pb-150 md-pt-100 md-pb-100">
|
||||
<div className="container">
|
||||
<CallToActionFive />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .fancy-short-banner-five */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Footer Four
|
||||
============================================== */}
|
||||
<footer className="theme-footer-four">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterFour />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<p>
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-four */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default EventOrganizer;
|
||||
@@ -0,0 +1,276 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import CounterFive from "../../../components/counter/CounterFive";
|
||||
import FancyTextBlockThree from "../../../components/fancy-text-block/FancyTextBlockThree";
|
||||
import TeamThree from "../../../components/team/TeamThree";
|
||||
import SocialTwo from "../../../components/social/SocialTwo";
|
||||
import BlogStyle6 from "../../../components/blog/BlogStyle6";
|
||||
import CallToActionFour from "../../../components/call-to-action/CallToActionFour";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'About Project Management || 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 ProjectManagement = () => {
|
||||
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-9 col-lg-11 m-auto">
|
||||
<h2 className="font-rubik">
|
||||
We're built for software management.
|
||||
</h2>
|
||||
</div>
|
||||
<div className="col-xl-9 col-lg-11 m-auto">
|
||||
<p className="font-rubik">
|
||||
Our mission is to ensure software development teams can do their
|
||||
best work. So we created Clubhouse to provide the most intuitive
|
||||
and enjoyable project management platform teams actually want to
|
||||
use from project planning to product creation.
|
||||
</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 Text block One
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-one">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-7 col-sm-8 m-auto">
|
||||
<Image width={441} height={550} style={{height:'fit-content'}} src="/images/media/img_05.png" alt="media" />
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="quote-wrapper">
|
||||
<p>
|
||||
More over <span>1500+ customers</span>
|
||||
</p>
|
||||
<blockquote className="font-rubik">
|
||||
Just simply amazing. Feel lucky use their service.Highly
|
||||
recommended andappriciate their service & highly trusted.
|
||||
</blockquote>
|
||||
<h6>
|
||||
Jimmy Klein. <span>California USA</span>
|
||||
</h6>
|
||||
</div>
|
||||
{/* /.quote-wrapper */}
|
||||
</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-text-block-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Counter Info Standard
|
||||
===================================================== */}
|
||||
<div className="counter-info-standard pt-70 pb-45">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<CounterFive />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.counter-info-standard */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Text block Two
|
||||
===================================================== */}
|
||||
<div className="fancy-text-block-two pt-150 pb-170 md-pt-100 md-pb-120">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-6"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<div className="title-style-one md-mb-40">
|
||||
<h6 className="font-rubik" style={{ color: "#787CFF" }}>
|
||||
Our product philosophy
|
||||
</h6>
|
||||
<h2>
|
||||
We're looking for the brightest minds to us develop the future
|
||||
of work due.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-6 col-md-8 m-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Image width={491} height={471}
|
||||
src="/images/media/img_06.png"
|
||||
alt="media"
|
||||
className="fancy_img_media"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Text block Three
|
||||
===================================================== */}
|
||||
<div className="fancy-text-block-three">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<FancyTextBlockThree />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-xl-10 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<p className="font-rubik slogan">
|
||||
We break down barriers so teams can focus on what matters
|
||||
working together to create products their customers love.
|
||||
</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>
|
||||
{/* /.fancy-text-block-three */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Section Three
|
||||
===================================================== */}
|
||||
<div className="team-section-one pt-150 md-pt-100">
|
||||
<div className="container">
|
||||
<div className="title-style-one text-center">
|
||||
<h2>Our Leadership</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
<div className="mt-80 mb-100 md-mt-60 md-mb-60">
|
||||
<TeamThree />
|
||||
</div>
|
||||
{/* End TeamThree */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Useable Tools
|
||||
===================================================== */}
|
||||
<div className="useable-tools-section bg-color mt-50 md-mt-10">
|
||||
<div className="container">
|
||||
<div className="text-center">
|
||||
<h6 className="font-rubik">Integrates with your tools</h6>
|
||||
<h2>
|
||||
Deski ties into your existing tools, services, & workflow. Get
|
||||
notifications or create a Story with others tools.
|
||||
</h2>
|
||||
</div>
|
||||
{/* End .text-center */}
|
||||
<SocialTwo />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.useable-tools-section */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="feature-blog-one pt-170 pb-120 md-pt-100 md-pb-60">
|
||||
<div className="container">
|
||||
<div className="header d-md-flex align-items-center justify-content-between mb-90 md-mb-40">
|
||||
<div className="title-style-one">
|
||||
<h6 className="font-rubik">Our News</h6>
|
||||
<h2>Have any thought? Look here.</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
<Link href="/blog-v1" className="theme-btn-one sm-mt-30">
|
||||
Go to Blog
|
||||
</Link>
|
||||
</div>
|
||||
{/* End .header */}
|
||||
<div className="row justify-content-center">
|
||||
<BlogStyle6 />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Call To Action
|
||||
============================================== */}
|
||||
<div className="fancy-short-banner-one">
|
||||
<div className="container">
|
||||
<CallToActionFour />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
<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-short-banner-one */}
|
||||
|
||||
{/* =============================================
|
||||
Footer One
|
||||
============================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default ProjectManagement;
|
||||
@@ -0,0 +1,93 @@
|
||||
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle1 from "../../../components/blog/BlogStyle1";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
export const metadata = {
|
||||
title: 'Blog V1 || 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 BlogV1 = () => {
|
||||
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-9 col-lg-10 m-auto">
|
||||
<h2 className="font-gilroy-bold">
|
||||
Check our company inside story
|
||||
</h2>
|
||||
</div>
|
||||
<div className="col-lg-9 m-auto">
|
||||
<p className="font-rubik">
|
||||
You will find here our company news and latest update
|
||||
</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 */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="feature-blog-one blog-page-bg">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<BlogStyle1 />
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<div
|
||||
className="text-center mt-30 md-mt-10"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="50"
|
||||
>
|
||||
<a href="#" className="theme-btn-one">
|
||||
Show More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV1;
|
||||
@@ -0,0 +1,119 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle2 from "../../../components/blog/BlogStyle2";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import BlogSidebar from "../../../components/blog/BlogSidebar";
|
||||
export const metadata = {
|
||||
title: 'Blog V2 || 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 BlogV2 = () => {
|
||||
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-9 col-lg-10 m-auto">
|
||||
<h2 className="font-rubik">Check our company inside story</h2>
|
||||
</div>
|
||||
<div className="col-lg-9 m-auto">
|
||||
<p className="font-rubik">
|
||||
You will find here our company news and latest update
|
||||
</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 */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-bg">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 feature-blog-one width-lg">
|
||||
<BlogStyle2 />
|
||||
<div className="page-pagination-one pt-15">
|
||||
<ul className="d-flex align-items-center">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="active">
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">3</a>
|
||||
</li>
|
||||
<li> ... </li>
|
||||
<li>
|
||||
<a href="#">13</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.page-pagination-one */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<BlogSidebar />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV2;
|
||||
@@ -0,0 +1,142 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle3 from "../../../components/blog/BlogStyle3";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import BlogSidebarClassic from "../../../components/blog/BlogSidebarClassic";
|
||||
import Link from "next/link";
|
||||
export const metadata = {
|
||||
title: 'Blog V3 || 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 BlogV3 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-two">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="page-title">Blog</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 m-auto">
|
||||
<h1 className="heading md-p0">Check our company inside news</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-white-bg blog-v3">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<div className="feature-blog-three">
|
||||
<BlogStyle3 />
|
||||
</div>
|
||||
|
||||
<div className="page-pagination-one pt-15">
|
||||
<ul className="d-flex align-items-center">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="active">
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">3</a>
|
||||
</li>
|
||||
<li> ... </li>
|
||||
<li>
|
||||
<a href="#">13</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.page-pagination-one */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<BlogSidebarClassic />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<div className="fancy-short-banner-two pt-130 md-pt-70">
|
||||
<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-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 */}
|
||||
</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>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV3;
|
||||
@@ -0,0 +1,152 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle3 from "../../../components/blog/BlogStyle3";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Blog V4 || 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 BlogV4 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five">
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/95.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="200" height="408"
|
||||
src="/images/shape/96.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="col-lg-7 m-auto text-center">
|
||||
<h6 className="page-title">Our News</h6>
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
Our inside stories
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="image" />
|
||||
</span>
|
||||
lorem que
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-white-bg blog-v4">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="wrapper">
|
||||
<BlogStyle3 />
|
||||
<div className="page-pagination-one pt-15">
|
||||
<ul className="d-flex align-items-center">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="active">
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">3</a>
|
||||
</li>
|
||||
<li> ... </li>
|
||||
<li>
|
||||
<a href="#">13</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.page-pagination-one */}
|
||||
</div>
|
||||
{/* End .wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<div className="fancy-short-banner-two pt-130 md-pt-70">
|
||||
<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-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 */}
|
||||
</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>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV4;
|
||||
@@ -0,0 +1,83 @@
|
||||
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle5 from "../../../components/blog/BlogStyle5";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
export const metadata = {
|
||||
title: 'Blog V5 || 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 BlogV5 = () => {
|
||||
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-9 col-lg-10 m-auto">
|
||||
<h2 className="font-gilroy-bold">
|
||||
Check our company inside story
|
||||
</h2>
|
||||
</div>
|
||||
<div className="col-lg-9 m-auto">
|
||||
<p className="font-rubik">
|
||||
You will find here our company news and latest update
|
||||
</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 */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="feature-blog-four blog-page-bg">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<BlogStyle5 />
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV5;
|
||||
@@ -0,0 +1,145 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle2 from "../../../components/blog/BlogStyle2";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import BlogSidebar from "../../../components/blog/BlogSidebar";
|
||||
import Link from "next/link";
|
||||
export const metadata = {
|
||||
title: 'Blog V6 || 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 BlogV6 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-two">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="page-title">Blog</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 m-auto">
|
||||
<h1 className="heading md-p0">Check our company inside news</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-white-bg blog-v2">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 feature-blog-one width-lg">
|
||||
<BlogStyle2 />
|
||||
<div className="page-pagination-one pt-15">
|
||||
<ul className="d-flex align-items-center">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="active">
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">3</a>
|
||||
</li>
|
||||
<li> ... </li>
|
||||
<li>
|
||||
<a href="#">13</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.page-pagination-one */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<BlogSidebar />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<div className="fancy-short-banner-two pt-130 md-pt-70">
|
||||
<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-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 */}
|
||||
</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>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV6;
|
||||
@@ -0,0 +1,260 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Header from "../../../../components/header/Header";
|
||||
import Footer from "../../../../components/footer/Footer";
|
||||
import CopyRight from "../../../../components/footer/CopyRight";
|
||||
import BlogDetailsForm from "../../../../components/form/BlogDetailsForm";
|
||||
import { allblogs } from "@/data/blogs";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Blog 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 BlogDetails = ({ params }) => {
|
||||
|
||||
const blog = allblogs.filter((elm)=>elm.id==params.id)[0] || allblogs[0]
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five bg-white">
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/95.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/96.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper ">
|
||||
<div className="container">
|
||||
<div className="col-lg-10 m-auto text-center">
|
||||
<h6 className="page-title">Our News</h6>
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
{blog.title?.split(' ').slice(0,3).join(' ') || 'Quis Nostr Exercitation' }
|
||||
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="image" />
|
||||
</span>{" "}
|
||||
{blog.title?.split(' ').slice(3).join(' ') || 'Laboris nisi' }
|
||||
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-bg">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-10 offset-xl-1 col-lg-12 feature-blog-one width-lg blog-details-post-v1">
|
||||
<div className="post-meta">
|
||||
<Image width={990} height={890} style={{width:'100%',height:'fit-content'}}
|
||||
src={`/images/blog/${blog.img ? blog.img :'media_28.png'}`}
|
||||
alt="media post"
|
||||
className="image-meta"
|
||||
/>
|
||||
<div className="tag">23 Apr. 2020</div>
|
||||
<h3 className="title">
|
||||
Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip exeal
|
||||
nothing.
|
||||
</h3>
|
||||
<p>
|
||||
Tomfoolery crikey bits and bobs brilliant bamboozled down the
|
||||
pub amongst brolly hanky panky, cack bonnet arse over tit
|
||||
burke bugger all mate bodge. cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt
|
||||
in culpa qui officia deserunt mollit anim id est
|
||||
laborum.Suspendisse interdum consectetur libero id faucibu
|
||||
nisl. Lacus vel facilisis volutpat est velit egestas.
|
||||
</p>
|
||||
<p>
|
||||
Tempus imperdiet nulla malesuada pellentesque elit eget
|
||||
gravida cum. Sit amet ris nullam eget felis. Enim praesent
|
||||
elementum facilisis leo. Ultricies leo integer. all mate
|
||||
bodge. cillum dolore eu fugiat nulla pariatur. Excepteur sint
|
||||
occaecat cupidatat non proident, sunt in culpa qui officia
|
||||
deserunt
|
||||
</p>
|
||||
<blockquote className="blog-quote">
|
||||
If you’ve been waiting for an invitation, this calligraphy is
|
||||
it. Commissioned by Notebook hand-lettered design for a
|
||||
poster. Quote is Notebook Building 8 VP’s Regina Dugan—and
|
||||
mine.
|
||||
</blockquote>
|
||||
<p>
|
||||
Tempus imperdiet nulla malesuada pellentesque elit eget
|
||||
gravida cum. Sit amet ris nullam eget felis. Enim praesent
|
||||
elementum facilisis leo. Ultricies leo integer.
|
||||
</p>
|
||||
<Image width={990} height={890} style={{width:'100%',height:'fit-content'}}
|
||||
src="/images/blog/media_29.png"
|
||||
alt="media post"
|
||||
className="image-meta mt-35"
|
||||
/>
|
||||
<div className="mark-text">
|
||||
This response is important for our ability to from mistakes
|
||||
but it alsogives rise to self-criticism.
|
||||
</div>
|
||||
<p>
|
||||
One touch of a red-hot stove is usually all we need to avoid
|
||||
that kind of discomfort in the future. The same is true as we
|
||||
experienc the emotional sensation of stress from our first
|
||||
instances. We quickly learn to fear and thus automatically.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
</p>
|
||||
<h4>Work Harder & Gain Succsess.</h4>
|
||||
<p>
|
||||
One touch of a red-hot stove is usually all we need to avoid
|
||||
that kind of discomfort in que future. The same Duis aute
|
||||
irure dolor in reprehenderit .
|
||||
</p>
|
||||
<p>
|
||||
is true as we experience the emotional sensation of stress
|
||||
from our firs social rejection ridicule.We quickly learn to
|
||||
fear and thus automatically. potentially stressful situation
|
||||
of all kinds, including the most common of all.
|
||||
</p>
|
||||
<div className="d-sm-flex align-items-center justify-content-between share-area">
|
||||
<ul className="tag-feature d-flex">
|
||||
<li>Tag: </li>
|
||||
<li>
|
||||
<a href="#">business,</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">makreting,</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">tips</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="share-option d-flex align-items-center">
|
||||
<li>Share</li>
|
||||
<li>
|
||||
<a href="#" style={{ background: " #F6616F" }}>
|
||||
<i className="fa fa-google-plus" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" style={{ background: " #41CFED" }}>
|
||||
<i className="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" style={{ background: " #588DE7" }}>
|
||||
<i className="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* /End post content */}
|
||||
|
||||
<div className="comment-area">
|
||||
<h3 className="title">2 Comments</h3>
|
||||
<div className="single-comment">
|
||||
<div className="d-flex">
|
||||
<Image width={61} height={61}
|
||||
src="/images/blog/media_30.png"
|
||||
alt="blog post"
|
||||
className="user-img"
|
||||
/>
|
||||
<div className="comment">
|
||||
<h6 className="name">Al Hasani</h6>
|
||||
<div className="time">13 June, 2018, 7:30pm</div>
|
||||
<p>
|
||||
One touch of a red-hot stove is usually all we need to
|
||||
avoid that kind of discomfort in future. The same true
|
||||
we experience{" "}
|
||||
</p>
|
||||
<button className="reply">Reply</button>
|
||||
</div>
|
||||
{/* /.comment */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.single-comment */}
|
||||
<div className="single-comment">
|
||||
<div className="d-flex">
|
||||
<Image width={61} height={61}
|
||||
src="/images/blog/media_31.png"
|
||||
alt="blog post"
|
||||
className="user-img"
|
||||
/>
|
||||
<div className="comment">
|
||||
<h6 className="name">Rashed ka.</h6>
|
||||
<div className="time">13 June, 2018, 7:30pm</div>
|
||||
<p>
|
||||
One touch of a red-hot stove is usually all we need to
|
||||
avoid that kind of discomfort in future. The same true
|
||||
we experience{" "}
|
||||
</p>
|
||||
<button className="reply">Reply</button>
|
||||
</div>
|
||||
{/* /.comment */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.single-comment */}
|
||||
</div>
|
||||
{/* /.comment-area */}
|
||||
|
||||
<div className="comment-form-section m0">
|
||||
<h3 className="title">Leave A Comment</h3>
|
||||
<p>
|
||||
<Link href="/login">Sign in</Link> to post your comment or
|
||||
singup if you dont have any account.
|
||||
</p>
|
||||
<div className="form-style-light">
|
||||
<BlogDetailsForm />
|
||||
</div>
|
||||
{/* /.form-style-light */}
|
||||
</div>
|
||||
{/* /.comment-form-section */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogDetails;
|
||||
@@ -0,0 +1,113 @@
|
||||
import React from "react";
|
||||
|
||||
import HeaderTwo from "../../../components/header/HeaderTwo";
|
||||
import ContactAddress from "../../../components/contact/address/ContactAddress";
|
||||
import ContactForm from "../../../components/contact/form/ContactForm";
|
||||
import FooterTwo from "../../../components/footer/FooterTwo";
|
||||
import CopyRightTwo from "../../../components/footer/CopyRightTwo";
|
||||
import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Contact Customer Support || 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 ContactCustomerSupport = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderTwo />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Four
|
||||
============================================== */}
|
||||
|
||||
<div className="fancy-hero-four space-fix">
|
||||
<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-11 col-md-10 m-auto">
|
||||
<h6>Contact us</h6>
|
||||
<h2>Feel free to contact us or just say hi!</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-four */}
|
||||
|
||||
{/* =============================================
|
||||
Contact Style Two
|
||||
============================================== */}
|
||||
<div className="contact-style-two">
|
||||
<div className="container">
|
||||
<div className="contact-info-wrapper">
|
||||
<ContactAddress />
|
||||
<Image width={187} height={187}
|
||||
src="/images/shape/64.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={196} height={196}
|
||||
src="/images/shape/65.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.contact-info-wrapper */}
|
||||
|
||||
<div className="form-style-classic mt-200 md-mt-80">
|
||||
<ContactForm />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.contact-style-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Three
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-three mt-200 md-mt-130">
|
||||
<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 ContactCustomerSupport;
|
||||
@@ -0,0 +1,108 @@
|
||||
import React from "react";
|
||||
|
||||
import HeaderThree from "../../../components/header/HeaderThree";
|
||||
import ContactAddress from "../../../components/contact/address/ContactAddress";
|
||||
import ContactForm from "../../../components/contact/form/ContactForm";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import FooterThree from "../../../components/footer/FooterThree";
|
||||
import CallToActionTwo from "../../../components/call-to-action/CallToActionTwo";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Contact Documentation || 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 ContactDocumentation = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Four
|
||||
============================================== */}
|
||||
|
||||
<div className="fancy-hero-four bg-doc space-fix">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-11 col-md-10 m-auto">
|
||||
<h6>Contact us</h6>
|
||||
<h2>Feel free to contact us or just say hi!</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-four */}
|
||||
|
||||
{/* =============================================
|
||||
Contact Style Two
|
||||
============================================== */}
|
||||
<div className="contact-style-two">
|
||||
<div className="container">
|
||||
<div className="contact-info-wrapper">
|
||||
<ContactAddress />
|
||||
<Image width={187} height={187}
|
||||
src="/images/shape/64.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={196} height={196}
|
||||
src="/images/shape/65.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.contact-info-wrapper */}
|
||||
|
||||
<div className="form-style-classic mt-200 md-mt-80">
|
||||
<ContactForm />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.contact-style-two */}
|
||||
|
||||
<div className="fancy-short-banner-four m0 pt-150 md-pt-100">
|
||||
<div className="container">
|
||||
<div className="bg-wrapper">
|
||||
<CallToActionTwo />
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-short-banner-four */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Three
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-three pt-100">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterThree />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 ms-auto">
|
||||
<CopyRight />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-three */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactDocumentation;
|
||||
@@ -0,0 +1,100 @@
|
||||
import React from "react";
|
||||
|
||||
import HeaderTwo from "../../../components/header/HeaderFour";
|
||||
import ContactAddress from "../../../components/contact/address/ContactAddress";
|
||||
import ContactForm from "../../../components/contact/form/ContactForm";
|
||||
import FooterFour from "../../../components/footer/FooterFour";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Contact Event Organizer || 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 ContactEventOrganizer = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderTwo />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Four
|
||||
============================================== */}
|
||||
|
||||
<div className="fancy-hero-four bg-event space-fix">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-11 col-md-10 m-auto">
|
||||
<h6>Contact us</h6>
|
||||
<h2>Feel free to contact us or just say hi!</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-four */}
|
||||
|
||||
{/* =============================================
|
||||
Contact Style Two
|
||||
============================================== */}
|
||||
<div className="contact-style-two">
|
||||
<div className="container">
|
||||
<div className="contact-info-wrapper">
|
||||
<ContactAddress />
|
||||
<Image width={187} height={187}
|
||||
src="/images/shape/64.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={196} height={196}
|
||||
src="/images/shape/65.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.contact-info-wrapper */}
|
||||
|
||||
<div className="form-style-classic mt-200 md-mt-80">
|
||||
<ContactForm />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.contact-style-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Four
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-four mt-200 md-mt-150">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterFour />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<p>
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-four */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactEventOrganizer;
|
||||
@@ -0,0 +1,87 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import ContactAddressTwo from "../../../components/contact/address/ContactAddressTwo";
|
||||
import ContactForm from "../../../components/contact/form/ContactForm";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
export const metadata = {
|
||||
title: 'Contact Project Management || 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 ContactProjectManagement = () => {
|
||||
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-9 col-lg-11 m-auto">
|
||||
<div className="page-title">Contact us</div>
|
||||
<h2 className="font-rubik">
|
||||
Feel free to contact us or just say hi!
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
<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 */}
|
||||
|
||||
{/* =============================================
|
||||
Contact Us Light
|
||||
============================================== */}
|
||||
<div className="contact-us-light pt-140 pb-200 md-pt-90 md-pb-80">
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<div className="container">
|
||||
<ContactAddressTwo />
|
||||
<div className="form-style-light">
|
||||
<ContactForm />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.contact-us-light */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactProjectManagement;
|
||||
@@ -0,0 +1,62 @@
|
||||
import React from "react";
|
||||
|
||||
import HeaderThree from "../../../components/header/HeaderThree";
|
||||
export const metadata = {
|
||||
title: 'Changelog || 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 Changelog = () => {
|
||||
return (
|
||||
<>
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Five
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="text-center">
|
||||
<h1 className="heading">Changelog</h1>
|
||||
<p className="sub-heading space-xs">
|
||||
Find the template Changelog here.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-five */}
|
||||
|
||||
{/* =============================================
|
||||
Documentation
|
||||
============================================== */}
|
||||
|
||||
<div className="doc-container mt-70 sm-m0">
|
||||
<div className="container">
|
||||
<div className="row flex-xl-nowrap no-gutters">
|
||||
{/* <!-- ****************************** DOC MAIN BODY ********************************* --> */}
|
||||
<main className="col-12 doc-main-body">
|
||||
|
||||
|
||||
<h5 className="font-rubik mb-20">
|
||||
Release Date: <mark>12/08/2023</mark>
|
||||
</h5>
|
||||
<div className="mark-blue">
|
||||
<pre>#First Published</pre>
|
||||
</div>
|
||||
{/* <!-- /.mark-blue --> */}
|
||||
</main>
|
||||
{/* <!-- /.doc-main-body --> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.doc-container --> */}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Changelog;
|
||||
@@ -0,0 +1,332 @@
|
||||
|
||||
import Image from "next/image";
|
||||
import HeaderThree from "../../../components/header/HeaderThree";
|
||||
import DocSidebarContent from "@/components/docs/DocSidebarContent";
|
||||
import FormEvent from "../../../components/form/FormDoc";
|
||||
import DocSidebarThree from "@/components/docs/DocSidebarThree";
|
||||
export const metadata = {
|
||||
title: 'Doc Box With Banner || 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 DocBoxWithBanner = () => {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Five
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="text-center">
|
||||
<h1 className="heading">Find docs</h1>
|
||||
<p className="sub-heading space-xs">
|
||||
Find articles, help and advice for getting the most our of
|
||||
docall theme
|
||||
</p>
|
||||
</div>
|
||||
<div className="search-filter-form mt-30">
|
||||
<FormEvent />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-five */}
|
||||
|
||||
{/* =============================================
|
||||
Documentation
|
||||
============================================== */}
|
||||
<div className="doc-container doc-box mt-70 sm-m0">
|
||||
<div className="container">
|
||||
<div className="row flex-xl-nowrap no-gutters">
|
||||
{/* ****************************** DOC SIDEBAR ********************************* */}
|
||||
<DocSidebarThree/>
|
||||
{/* /.doc-sidebar */}
|
||||
|
||||
{/* ****************************** DOC MAIN BODY ********************************* */}
|
||||
<main className="col-xl-9 col-md-8 doc-main-body">
|
||||
<h2>Installation</h2>
|
||||
<div id="installing">
|
||||
<h3>Installing deski</h3>
|
||||
<p>
|
||||
Deski was designed from the ground up to be easily installed
|
||||
and used to get your website up and running quickly.
|
||||
</p>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
<span className="s1">npm</span> i deski-cli-g
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
</div>
|
||||
<div id="verifying">
|
||||
<h3>Verifying Installation</h3>
|
||||
<p>
|
||||
If you want to write the documentation in the{" "}
|
||||
<code>./docs</code> subdirectory, you can use the{" "}
|
||||
<code>init</code> command.
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>deski init./docs</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
<p>
|
||||
Create a project, if none exists, and change your directory to
|
||||
this project's root.
|
||||
</p>
|
||||
<p>
|
||||
You will be creating the docs in this directory. The root
|
||||
directory may contain other files. The Docusaurus installation
|
||||
script will create two new directories: <code>docs</code> and{" "}
|
||||
<code>website.</code>
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>some text missing</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
if you don't have Node 1.8.2+ or if you prefer to install
|
||||
deski globally, run{" "}
|
||||
<span className="s1">yarn global add deski-init</span> or{" "}
|
||||
<span className="s1">npm install --global deski-init</span>.
|
||||
After that, run docusaurus-init.
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
</div>
|
||||
<div id="manual-installation">
|
||||
<h3>Manual Installation </h3>
|
||||
<p>
|
||||
If you don't like <code>npm</code> or have trouble installing
|
||||
the tool, you can manually create <code>index.html</code>:
|
||||
</p>
|
||||
<pre className="bg-black">
|
||||
<code>
|
||||
<span className="s1"><!-- index.html --></span>
|
||||
{"\n"}
|
||||
<span className="s1"><!DOCTYPE html></span>
|
||||
{"\n"}
|
||||
<span className="s2"><html></span>
|
||||
{"\n"}
|
||||
<span className="s2"><head></span>
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
{"\n"}
|
||||
<meta http-equiv="
|
||||
<span className="s3">X-UA-Compatible</span>"
|
||||
<span className="s1">content</span>="
|
||||
<span className="s3">IE=edge,chrome=1</span>">{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<meta name="<span className="s3">viewport</span>"{" "}
|
||||
<span className="s1">content</span>="
|
||||
<span className="s3">
|
||||
width=device-width,initial-scale=1
|
||||
</span>
|
||||
">{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<meta charset="<span className="s3">UTF-8</span>">
|
||||
{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<link rel="stylesheet"{" "}
|
||||
<span className="s1">href</span>
|
||||
="
|
||||
<span className="s3">
|
||||
//cdn.jsdelivr.net/npm/docsify@4/themes/vue.css
|
||||
</span>
|
||||
">{"\n"}
|
||||
</span>
|
||||
<span className="s2"></head></span>
|
||||
{"\n"}
|
||||
<span className="s2"><body></span>
|
||||
{"\n"}
|
||||
{" "}
|
||||
<span className="s2">
|
||||
div id="<span className="s3">app</span>">{"\n"}
|
||||
</span>
|
||||
<span className="s2"></div></span>
|
||||
{"\n"}
|
||||
|
||||
<span className="s2"><script></span>
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
window.$docsify = {"{"}
|
||||
</span>{" "}
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
//....
|
||||
</span>
|
||||
<span className="s2">
|
||||
{"\n"}
|
||||
{"}"}
|
||||
</span>{" "}
|
||||
{"\n"}
|
||||
<span className="s2"></script></span>
|
||||
{"\n"}
|
||||
|
||||
<span className="s2">
|
||||
<script src="
|
||||
<span className="s3">
|
||||
//cdn.jsdelivr.net/npm/docsify@4
|
||||
</span>
|
||||
">
|
||||
</span>
|
||||
<span className="s2"></script></span>
|
||||
{"\n"}
|
||||
<span className="s2"></body></span>
|
||||
{"\n"}
|
||||
<span className="s2"></html></span>
|
||||
</code>
|
||||
</pre>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
Note that in both of the examples below, docsify URLs will
|
||||
need to be manually updated when a new version of deski is
|
||||
released (e.g. some text missing ). Check the docsify
|
||||
website periodically to see if a new major version has been
|
||||
released.
|
||||
</pre>
|
||||
</div>
|
||||
{/*/.mark-blue */}
|
||||
</div>
|
||||
<div id="running-example">
|
||||
<h3>Running Example Website</h3>
|
||||
<p>
|
||||
After running the Deski initialization script, docusaurus-init
|
||||
as described in the Installation section, you will have a
|
||||
runnable, example website to use as your site's base. To run:
|
||||
</p>
|
||||
<ul className="list-item-one">
|
||||
<li>
|
||||
It can have an identifier which is either a number or a
|
||||
string.
|
||||
</li>
|
||||
<li>
|
||||
Loads navbar from the Markdown file <code>_navbar.md</code>{" "}
|
||||
if true, else loads it from the path specified.
|
||||
</li>
|
||||
<li>
|
||||
Load the example site at <code>http://localhost:3000</code>{" "}
|
||||
if it did not already open automatically. If port{" "}
|
||||
<code>3000</code> has already been taken, another port will
|
||||
be used. Look at the console messages to see which
|
||||
</li>
|
||||
</ul>
|
||||
<Image width={1007} height={602} style={{height:'fit-content'}}
|
||||
src="/images/doc/img_01.png"
|
||||
alt="doc"
|
||||
className="img-meta"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="launching-server">
|
||||
<h3>Launching the server </h3>
|
||||
<p>
|
||||
If you are behind a corporate proxy, you need to disable it
|
||||
for the development server requests. It can be using the{" "}
|
||||
<code>NO_PROXY</code> environment variable.
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
window.$deski = {"{"}
|
||||
<code>
|
||||
{" "}
|
||||
<br /> name:{" "}
|
||||
<span className="s1">
|
||||
<code>'<span>deski</span>'</code>
|
||||
</span>
|
||||
, <br />
|
||||
</code>
|
||||
{"}"}
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
</div>
|
||||
|
||||
<div id="loading-dialog">
|
||||
<h3>Loading dialog</h3>
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
<!-- index.html --> <br />
|
||||
<br />
|
||||
<div id="<span className="s1">app</span>">Please
|
||||
wait...</div>
|
||||
</pre>
|
||||
</div>{" "}
|
||||
{/* /.mark-red */}
|
||||
<p>
|
||||
You should set the <code>data-app</code> attribute if you
|
||||
changed <code>el</code> :
|
||||
</p>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
<!-- index.html --> <br />
|
||||
<br />
|
||||
<div data-app id="<span className="s1">main</span>
|
||||
">Please wait...</div> <br />
|
||||
<span className="s2"><script></span>
|
||||
<br />
|
||||
{" "}
|
||||
<span className="s2">
|
||||
window.$docsify = {"{"} <br />
|
||||
</span>
|
||||
{" "}
|
||||
<span className="s2">
|
||||
el: '<span className="s1">#main</span>'
|
||||
</span>
|
||||
<span className="s2">
|
||||
{" "}
|
||||
<br /> {"}"}
|
||||
</span>{" "}
|
||||
<br />
|
||||
<span className="s2"></script></span>
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
<p>You can update to the latest version of Docusaurus by:</p>
|
||||
<pre className="bg-black">
|
||||
<code>
|
||||
<span>
|
||||
yarn <span className="s3">upgrade</span> deski --latest
|
||||
</span>
|
||||
</code>
|
||||
</pre>
|
||||
{/* /.bg-black */}
|
||||
</div>
|
||||
|
||||
<div className="doc-pagination pt-40">
|
||||
<ul className="d-flex align-items-center justify-content-between">
|
||||
<li className="d-flex align-items-center">
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
<span>Quick Start</span>
|
||||
</li>
|
||||
<li className="d-flex align-items-center">
|
||||
<span>Site Preparation</span>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default DocBoxWithBanner;
|
||||
@@ -0,0 +1,309 @@
|
||||
|
||||
import Image from "next/image";
|
||||
import DocSidebarThree from "@/components/docs/DocSidebarThree";
|
||||
import HeaderThree from "../../../components/header/HeaderThree";
|
||||
import DocSidebarContent from "@/components/docs/DocSidebarContent";
|
||||
export const metadata = {
|
||||
title: 'Doc Box || 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 DocBox = () => {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Documentation
|
||||
============================================== */}
|
||||
<div className="doc-container doc-box top-border">
|
||||
<div className="container">
|
||||
<div className="row flex-xl-nowrap no-gutters">
|
||||
{/* ****************************** DOC SIDEBAR ********************************* */}
|
||||
<DocSidebarThree/>
|
||||
{/* /.doc-sidebar */}
|
||||
|
||||
{/* ****************************** DOC MAIN BODY ********************************* */}
|
||||
<main className="col-xl-9 col-md-8 doc-main-body">
|
||||
<h2>Installation</h2>
|
||||
<div id="installing">
|
||||
<h3>Installing deski</h3>
|
||||
<p>
|
||||
Deski was designed from the ground up to be easily installed
|
||||
and used to get your website up and running quickly.
|
||||
</p>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
<span className="s1">npm</span> i deski-cli-g
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
</div>
|
||||
<div id="verifying">
|
||||
<h3>Verifying Installation</h3>
|
||||
<p>
|
||||
If you want to write the documentation in the{" "}
|
||||
<code>./docs</code> subdirectory, you can use the{" "}
|
||||
<code>init</code> command.
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>deski init./docs</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
<p>
|
||||
Create a project, if none exists, and change your directory to
|
||||
this project's root.
|
||||
</p>
|
||||
<p>
|
||||
You will be creating the docs in this directory. The root
|
||||
directory may contain other files. The Docusaurus installation
|
||||
script will create two new directories: <code>docs</code> and{" "}
|
||||
<code>website.</code>
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>some text missing</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
if you don't have Node 1.8.2+ or if you prefer to install
|
||||
deski globally, run{" "}
|
||||
<span className="s1">yarn global add deski-init</span> or{" "}
|
||||
<span className="s1">npm install --global deski-init</span>.
|
||||
After that, run docusaurus-init.
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
</div>
|
||||
<div id="manual-installation">
|
||||
<h3>Manual Installation </h3>
|
||||
<p>
|
||||
If you don't like <code>npm</code> or have trouble installing
|
||||
the tool, you can manually create <code>index.html</code>:
|
||||
</p>
|
||||
<pre className="bg-black">
|
||||
<code>
|
||||
<span className="s1"><!-- index.html --></span>
|
||||
{"\n"}
|
||||
<span className="s1"><!DOCTYPE html></span>
|
||||
{"\n"}
|
||||
<span className="s2"><html></span>
|
||||
{"\n"}
|
||||
<span className="s2"><head></span>
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
{"\n"}
|
||||
<meta http-equiv="
|
||||
<span className="s3">X-UA-Compatible</span>"
|
||||
<span className="s1">content</span>="
|
||||
<span className="s3">IE=edge,chrome=1</span>">{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<meta name="<span className="s3">viewport</span>"{" "}
|
||||
<span className="s1">content</span>="
|
||||
<span className="s3">
|
||||
width=device-width,initial-scale=1
|
||||
</span>
|
||||
">{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<meta charset="<span className="s3">UTF-8</span>">
|
||||
{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<link rel="stylesheet"{" "}
|
||||
<span className="s1">href</span>
|
||||
="
|
||||
<span className="s3">
|
||||
//cdn.jsdelivr.net/npm/docsify@4/themes/vue.css
|
||||
</span>
|
||||
">{"\n"}
|
||||
</span>
|
||||
<span className="s2"></head></span>
|
||||
{"\n"}
|
||||
<span className="s2"><body></span>
|
||||
{"\n"}
|
||||
{" "}
|
||||
<span className="s2">
|
||||
div id="<span className="s3">app</span>">{"\n"}
|
||||
</span>
|
||||
<span className="s2"></div></span>
|
||||
{"\n"}
|
||||
|
||||
<span className="s2"><script></span>
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
window.$docsify = {"{"}
|
||||
</span>{" "}
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
//....
|
||||
</span>
|
||||
<span className="s2">
|
||||
{"\n"}
|
||||
{"}"}
|
||||
</span>{" "}
|
||||
{"\n"}
|
||||
<span className="s2"></script></span>
|
||||
{"\n"}
|
||||
|
||||
<span className="s2">
|
||||
<script src="
|
||||
<span className="s3">
|
||||
//cdn.jsdelivr.net/npm/docsify@4
|
||||
</span>
|
||||
">
|
||||
</span>
|
||||
<span className="s2"></script></span>
|
||||
{"\n"}
|
||||
<span className="s2"></body></span>
|
||||
{"\n"}
|
||||
<span className="s2"></html></span>
|
||||
</code>
|
||||
</pre>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
Note that in both of the examples below, docsify URLs will
|
||||
need to be manually updated when a new version of deski is
|
||||
released (e.g. some text missing ). Check the docsify
|
||||
website periodically to see if a new major version has been
|
||||
released.
|
||||
</pre>
|
||||
</div>
|
||||
{/*/.mark-blue */}
|
||||
</div>
|
||||
<div id="running-example">
|
||||
<h3>Running Example Website</h3>
|
||||
<p>
|
||||
After running the Deski initialization script, docusaurus-init
|
||||
as described in the Installation section, you will have a
|
||||
runnable, example website to use as your site's base. To run:
|
||||
</p>
|
||||
<ul className="list-item-one">
|
||||
<li>
|
||||
It can have an identifier which is either a number or a
|
||||
string.
|
||||
</li>
|
||||
<li>
|
||||
Loads navbar from the Markdown file <code>_navbar.md</code>{" "}
|
||||
if true, else loads it from the path specified.
|
||||
</li>
|
||||
<li>
|
||||
Load the example site at <code>http://localhost:3000</code>{" "}
|
||||
if it did not already open automatically. If port{" "}
|
||||
<code>3000</code> has already been taken, another port will
|
||||
be used. Look at the console messages to see which
|
||||
</li>
|
||||
</ul>
|
||||
<Image width={1007} height={602} style={{height:'fit-content'}}
|
||||
src="/images/doc/img_01.png"
|
||||
alt="doc"
|
||||
className="img-meta"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="launching-server">
|
||||
<h3>Launching the server </h3>
|
||||
<p>
|
||||
If you are behind a corporate proxy, you need to disable it
|
||||
for the development server requests. It can be using the{" "}
|
||||
<code>NO_PROXY</code> environment variable.
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
window.$deski = {"{"}
|
||||
<code>
|
||||
{" "}
|
||||
<br /> name:{" "}
|
||||
<span className="s1">
|
||||
<code>'<span>deski</span>'</code>
|
||||
</span>
|
||||
, <br />
|
||||
</code>
|
||||
{"}"}
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
</div>
|
||||
|
||||
<div id="loading-dialog">
|
||||
<h3>Loading dialog</h3>
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
<!-- index.html --> <br />
|
||||
<br />
|
||||
<div id="<span className="s1">app</span>">Please
|
||||
wait...</div>
|
||||
</pre>
|
||||
</div>{" "}
|
||||
{/* /.mark-red */}
|
||||
<p>
|
||||
You should set the <code>data-app</code> attribute if you
|
||||
changed <code>el</code> :
|
||||
</p>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
<!-- index.html --> <br />
|
||||
<br />
|
||||
<div data-app id="<span className="s1">main</span>
|
||||
">Please wait...</div> <br />
|
||||
<span className="s2"><script></span>
|
||||
<br />
|
||||
{" "}
|
||||
<span className="s2">
|
||||
window.$docsify = {"{"} <br />
|
||||
</span>
|
||||
{" "}
|
||||
<span className="s2">
|
||||
el: '<span className="s1">#main</span>'
|
||||
</span>
|
||||
<span className="s2">
|
||||
{" "}
|
||||
<br /> {"}"}
|
||||
</span>{" "}
|
||||
<br />
|
||||
<span className="s2"></script></span>
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
<p>You can update to the latest version of Docusaurus by:</p>
|
||||
<pre className="bg-black">
|
||||
<code>
|
||||
<span>
|
||||
yarn <span className="s3">upgrade</span> deski --latest
|
||||
</span>
|
||||
</code>
|
||||
</pre>
|
||||
{/* /.bg-black */}
|
||||
</div>
|
||||
|
||||
<div className="doc-pagination pt-40">
|
||||
<ul className="d-flex align-items-center justify-content-between">
|
||||
<li className="d-flex align-items-center">
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
<span>Quick Start</span>
|
||||
</li>
|
||||
<li className="d-flex align-items-center">
|
||||
<span>Site Preparation</span>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default DocBox;
|
||||
@@ -0,0 +1,340 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
import Image from "next/image";
|
||||
import DocScrollNavTwo from "@/components/docs/DocScrollNavTwo";
|
||||
import FormEvent from "../../../components/form/FormDoc";
|
||||
import HeaderThree from "../../../components/header/HeaderThree";
|
||||
import DocSidebarContent from "../../../components/docs/DocSidebarContent";
|
||||
import DocSidebar from "@/components/docs/DocSidebar";
|
||||
export const metadata = {
|
||||
title: ' Doc Full Width Banner || 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 DocFullWidthBanner = () => {
|
||||
|
||||
return (
|
||||
<div>
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Five
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="text-center">
|
||||
<h1 className="heading">Find docs</h1>
|
||||
<p className="sub-heading space-xs">
|
||||
Find articles, help and advice for getting the most our of
|
||||
docall theme
|
||||
</p>
|
||||
</div>
|
||||
<div className="search-filter-form mt-30">
|
||||
<FormEvent />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-five */}
|
||||
|
||||
{/* =============================================
|
||||
Documentation
|
||||
============================================== */}
|
||||
<div className="doc-container doc-banner full-width mt-70 sm-m0">
|
||||
<div className="clearfix">
|
||||
<div className="row flex-xl-nowrap no-gutters">
|
||||
{/* ****************************** DOC SIDEBAR ********************************* */}
|
||||
<DocSidebar/>
|
||||
{/* /.doc-sidebar */}
|
||||
|
||||
{/* ****************************** DOC MAIN BODY ********************************* */}
|
||||
<main className="col-md-9 col-xl-8 doc-main-body">
|
||||
<h2>Installation</h2>
|
||||
<div id="installing">
|
||||
<h3>Installing deski</h3>
|
||||
<p>
|
||||
Deski was designed from the ground up to be easily installed
|
||||
and used to get your website up and running quickly.
|
||||
</p>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
<span className="s1">npm</span> i deski-cli-g
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
</div>
|
||||
<div id="verifying">
|
||||
<h3>Verifying Installation</h3>
|
||||
<p>
|
||||
If you want to write the documentation in the{" "}
|
||||
<code>./docs</code> subdirectory, you can use the{" "}
|
||||
<code>init</code> command.
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>deski init./docs</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
<p>
|
||||
Create a project, if none exists, and change your directory to
|
||||
this project's root.
|
||||
</p>
|
||||
<p>
|
||||
You will be creating the docs in this directory. The root
|
||||
directory may contain other files. The Docusaurus installation
|
||||
script will create two new directories: <code>docs</code> and{" "}
|
||||
<code>website.</code>
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>some text missing</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
if you don't have Node 1.8.2+ or if you prefer to install
|
||||
deski globally, run{" "}
|
||||
<span className="s1">yarn global add deski-init</span> or{" "}
|
||||
<span className="s1">npm install --global deski-init</span>.
|
||||
After that, run docusaurus-init.
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
</div>
|
||||
<div id="manual-installation">
|
||||
<h3>Manual Installation </h3>
|
||||
<p>
|
||||
If you don't like <code>npm</code> or have trouble installing
|
||||
the tool, you can manually create <code>index.html</code>:
|
||||
</p>
|
||||
<pre className="bg-black">
|
||||
<code>
|
||||
<span className="s1"><!-- index.html --></span>
|
||||
{"\n"}
|
||||
<span className="s1"><!DOCTYPE html></span>
|
||||
{"\n"}
|
||||
<span className="s2"><html></span>
|
||||
{"\n"}
|
||||
<span className="s2"><head></span>
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
{"\n"}
|
||||
<meta http-equiv="
|
||||
<span className="s3">X-UA-Compatible</span>"
|
||||
<span className="s1">content</span>="
|
||||
<span className="s3">IE=edge,chrome=1</span>">{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<meta name="<span className="s3">viewport</span>"{" "}
|
||||
<span className="s1">content</span>="
|
||||
<span className="s3">
|
||||
width=device-width,initial-scale=1
|
||||
</span>
|
||||
">{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<meta charset="<span className="s3">UTF-8</span>">
|
||||
{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<link rel="stylesheet"{" "}
|
||||
<span className="s1">href</span>
|
||||
="
|
||||
<span className="s3">
|
||||
//cdn.jsdelivr.net/npm/docsify@4/themes/vue.css
|
||||
</span>
|
||||
">{"\n"}
|
||||
</span>
|
||||
<span className="s2"></head></span>
|
||||
{"\n"}
|
||||
<span className="s2"><body></span>
|
||||
{"\n"}
|
||||
{" "}
|
||||
<span className="s2">
|
||||
div id="<span className="s3">app</span>">{"\n"}
|
||||
</span>
|
||||
<span className="s2"></div></span>
|
||||
{"\n"}
|
||||
|
||||
<span className="s2"><script></span>
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
window.$docsify = {"{"}
|
||||
</span>{" "}
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
//....
|
||||
</span>
|
||||
<span className="s2">
|
||||
{"\n"}
|
||||
{"}"}
|
||||
</span>{" "}
|
||||
{"\n"}
|
||||
<span className="s2"></script></span>
|
||||
{"\n"}
|
||||
|
||||
<span className="s2">
|
||||
<script src="
|
||||
<span className="s3">
|
||||
//cdn.jsdelivr.net/npm/docsify@4
|
||||
</span>
|
||||
">
|
||||
</span>
|
||||
<span className="s2"></script></span>
|
||||
{"\n"}
|
||||
<span className="s2"></body></span>
|
||||
{"\n"}
|
||||
<span className="s2"></html></span>
|
||||
</code>
|
||||
</pre>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
Note that in both of the examples below, docsify URLs will
|
||||
need to be manually updated when a new version of deski is
|
||||
released (e.g. some text missing ). Check the docsify
|
||||
website periodically to see if a new major version has been
|
||||
released.
|
||||
</pre>
|
||||
</div>
|
||||
{/*/.mark-blue */}
|
||||
</div>
|
||||
<div id="running-example">
|
||||
<h3>Running Example Website</h3>
|
||||
<p>
|
||||
After running the Deski initialization script, docusaurus-init
|
||||
as described in the Installation section, you will have a
|
||||
runnable, example website to use as your site's base. To run:
|
||||
</p>
|
||||
<ul className="list-item-one">
|
||||
<li>
|
||||
It can have an identifier which is either a number or a
|
||||
string.
|
||||
</li>
|
||||
<li>
|
||||
Loads navbar from the Markdown file <code>_navbar.md</code>{" "}
|
||||
if true, else loads it from the path specified.
|
||||
</li>
|
||||
<li>
|
||||
Load the example site at <code>http://localhost:3000</code>{" "}
|
||||
if it did not already open automatically. If port{" "}
|
||||
<code>3000</code> has already been taken, another port will
|
||||
be used. Look at the console messages to see which
|
||||
</li>
|
||||
</ul>
|
||||
<Image width={1007} height={602} style={{height:'fit-content'}}
|
||||
src="/images/doc/img_01.png"
|
||||
alt="doc"
|
||||
className="img-meta"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="launching-server">
|
||||
<h3>Launching the server </h3>
|
||||
<p>
|
||||
If you are behind a corporate proxy, you need to disable it
|
||||
for the development server requests. It can be using the{" "}
|
||||
<code>NO_PROXY</code> environment variable.
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
window.$deski = {"{"}
|
||||
<code>
|
||||
{" "}
|
||||
<br /> name:{" "}
|
||||
<span className="s1">
|
||||
<code>'<span>deski</span>'</code>
|
||||
</span>
|
||||
, <br />
|
||||
</code>
|
||||
{"}"}
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
</div>
|
||||
|
||||
<div id="loading-dialog">
|
||||
<h3>Loading dialog</h3>
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
<!-- index.html --> <br />
|
||||
<br />
|
||||
<div id="<span className="s1">app</span>">Please
|
||||
wait...</div>
|
||||
</pre>
|
||||
</div>{" "}
|
||||
{/* /.mark-red */}
|
||||
<p>
|
||||
You should set the <code>data-app</code> attribute if you
|
||||
changed <code>el</code> :
|
||||
</p>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
<!-- index.html --> <br />
|
||||
<br />
|
||||
<div data-app id="<span className="s1">main</span>
|
||||
">Please wait...</div> <br />
|
||||
<span className="s2"><script></span>
|
||||
<br />
|
||||
{" "}
|
||||
<span className="s2">
|
||||
window.$docsify = {"{"} <br />
|
||||
</span>
|
||||
{" "}
|
||||
<span className="s2">
|
||||
el: '<span className="s1">#main</span>'
|
||||
</span>
|
||||
<span className="s2">
|
||||
{" "}
|
||||
<br /> {"}"}
|
||||
</span>{" "}
|
||||
<br />
|
||||
<span className="s2"></script></span>
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
<p>You can update to the latest version of Docusaurus by:</p>
|
||||
<pre className="bg-black">
|
||||
<code>
|
||||
<span>
|
||||
yarn <span className="s3">upgrade</span> deski --latest
|
||||
</span>
|
||||
</code>
|
||||
</pre>
|
||||
{/* /.bg-black */}
|
||||
</div>
|
||||
|
||||
<div className="doc-pagination pt-40">
|
||||
<ul className="d-flex align-items-center justify-content-between">
|
||||
<li className="d-flex align-items-center">
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
<span>Quick Start</span>
|
||||
</li>
|
||||
<li className="d-flex align-items-center">
|
||||
<span>Site Preparation</span>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<DocScrollNavTwo/>
|
||||
{/* End Right Sidebar Menu */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default DocFullWidthBanner;
|
||||
@@ -0,0 +1,316 @@
|
||||
|
||||
|
||||
|
||||
import HeaderThree from "../../../components/header/HeaderThree";
|
||||
import Image from "next/image";
|
||||
import DocSidebar from "@/components/docs/DocSidebar";
|
||||
import DocScrollNav from "@/components/docs/DocScrollNav";
|
||||
export const metadata = {
|
||||
title: 'Doc Full Width || 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 DocFullWidth = () => {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Documentation
|
||||
============================================== */}
|
||||
<div className="doc-container full-width top-border">
|
||||
<div className="clearfix">
|
||||
<div className="row flex-xl-nowrap no-gutters">
|
||||
{/* ****************************** DOC SIDEBAR ********************************* */}
|
||||
|
||||
<DocSidebar/>
|
||||
|
||||
{/* /.doc-sidebar */}
|
||||
|
||||
{/* ****************************** DOC MAIN BODY ********************************* */}
|
||||
<main className="col-md-9 col-xl-8 doc-main-body">
|
||||
<h2>Installation</h2>
|
||||
<div id="installing">
|
||||
<h3>Installing deski</h3>
|
||||
<p>
|
||||
Deski was designed from the ground up to be easily installed
|
||||
and used to get your website up and running quickly.
|
||||
</p>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
<span className="s1">npm</span> i deski-cli-g
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
</div>
|
||||
<div id="verifying">
|
||||
<h3>Verifying Installation</h3>
|
||||
<p>
|
||||
If you want to write the documentation in the{" "}
|
||||
<code>./docs</code> subdirectory, you can use the{" "}
|
||||
<code>init</code> command.
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>deski init./docs</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
<p>
|
||||
Create a project, if none exists, and change your directory to
|
||||
this project's root.
|
||||
</p>
|
||||
<p>
|
||||
You will be creating the docs in this directory. The root
|
||||
directory may contain other files. The Docusaurus installation
|
||||
script will create two new directories: <code>docs</code> and{" "}
|
||||
<code>website.</code>
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>some text missing</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
if you don't have Node 1.8.2+ or if you prefer to install
|
||||
deski globally, run{" "}
|
||||
<span className="s1">yarn global add deski-init</span> or{" "}
|
||||
<span className="s1">npm install --global deski-init</span>.
|
||||
After that, run docusaurus-init.
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
</div>
|
||||
<div id="manual-installation">
|
||||
<h3>Manual Installation </h3>
|
||||
<p>
|
||||
If you don't like <code>npm</code> or have trouble installing
|
||||
the tool, you can manually create <code>index.html</code>:
|
||||
</p>
|
||||
<pre className="bg-black">
|
||||
<code>
|
||||
<span className="s1"><!-- index.html --></span>
|
||||
{"\n"}
|
||||
<span className="s1"><!DOCTYPE html></span>
|
||||
{"\n"}
|
||||
<span className="s2"><html></span>
|
||||
{"\n"}
|
||||
<span className="s2"><head></span>
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
{"\n"}
|
||||
<meta http-equiv="
|
||||
<span className="s3">X-UA-Compatible</span>"
|
||||
<span className="s1">content</span>="
|
||||
<span className="s3">IE=edge,chrome=1</span>">{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<meta name="<span className="s3">viewport</span>"{" "}
|
||||
<span className="s1">content</span>="
|
||||
<span className="s3">
|
||||
width=device-width,initial-scale=1
|
||||
</span>
|
||||
">{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<meta charset="<span className="s3">UTF-8</span>">
|
||||
{"\n"}
|
||||
</span>
|
||||
<span className="s2">
|
||||
<link rel="stylesheet"{" "}
|
||||
<span className="s1">href</span>
|
||||
="
|
||||
<span className="s3">
|
||||
//cdn.jsdelivr.net/npm/docsify@4/themes/vue.css
|
||||
</span>
|
||||
">{"\n"}
|
||||
</span>
|
||||
<span className="s2"></head></span>
|
||||
{"\n"}
|
||||
<span className="s2"><body></span>
|
||||
{"\n"}
|
||||
{" "}
|
||||
<span className="s2">
|
||||
div id="<span className="s3">app</span>">{"\n"}
|
||||
</span>
|
||||
<span className="s2"></div></span>
|
||||
{"\n"}
|
||||
|
||||
<span className="s2"><script></span>
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
window.$docsify = {"{"}
|
||||
</span>{" "}
|
||||
{"\n"}
|
||||
<span className="s2">
|
||||
//....
|
||||
</span>
|
||||
<span className="s2">
|
||||
{"\n"}
|
||||
{"}"}
|
||||
</span>{" "}
|
||||
{"\n"}
|
||||
<span className="s2"></script></span>
|
||||
{"\n"}
|
||||
|
||||
<span className="s2">
|
||||
<script src="
|
||||
<span className="s3">
|
||||
//cdn.jsdelivr.net/npm/docsify@4
|
||||
</span>
|
||||
">
|
||||
</span>
|
||||
<span className="s2"></script></span>
|
||||
{"\n"}
|
||||
<span className="s2"></body></span>
|
||||
{"\n"}
|
||||
<span className="s2"></html></span>
|
||||
</code>
|
||||
</pre>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
Note that in both of the examples below, docsify URLs will
|
||||
need to be manually updated when a new version of deski is
|
||||
released (e.g. some text missing ). Check the docsify
|
||||
website periodically to see if a new major version has been
|
||||
released.
|
||||
</pre>
|
||||
</div>
|
||||
{/*/.mark-blue */}
|
||||
</div>
|
||||
<div id="running-example">
|
||||
<h3>Running Example Website</h3>
|
||||
<p>
|
||||
After running the Deski initialization script, docusaurus-init
|
||||
as described in the Installation section, you will have a
|
||||
runnable, example website to use as your site's base. To run:
|
||||
</p>
|
||||
<ul className="list-item-one">
|
||||
<li>
|
||||
It can have an identifier which is either a number or a
|
||||
string.
|
||||
</li>
|
||||
<li>
|
||||
Loads navbar from the Markdown file <code>_navbar.md</code>{" "}
|
||||
if true, else loads it from the path specified.
|
||||
</li>
|
||||
<li>
|
||||
Load the example site at <code>http://localhost:3000</code>{" "}
|
||||
if it did not already open automatically. If port{" "}
|
||||
<code>3000</code> has already been taken, another port will
|
||||
be used. Look at the console messages to see which
|
||||
</li>
|
||||
</ul>
|
||||
<Image width={1007} height={602} style={{height:'fit-content'}}
|
||||
src="/images/doc/img_01.png"
|
||||
alt="doc"
|
||||
className="img-meta"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="launching-server">
|
||||
<h3>Launching the server </h3>
|
||||
<p>
|
||||
If you are behind a corporate proxy, you need to disable it
|
||||
for the development server requests. It can be using the{" "}
|
||||
<code>NO_PROXY</code> environment variable.
|
||||
</p>
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
window.$deski = {"{"}
|
||||
<code>
|
||||
{" "}
|
||||
<br /> name:{" "}
|
||||
<span className="s1">
|
||||
<code>'<span>deski</span>'</code>
|
||||
</span>
|
||||
, <br />
|
||||
</code>
|
||||
{"}"}
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-red */}
|
||||
</div>
|
||||
|
||||
<div id="loading-dialog">
|
||||
<h3>Loading dialog</h3>
|
||||
<div className="mark-red">
|
||||
<pre>
|
||||
<!-- index.html --> <br />
|
||||
<br />
|
||||
<div id="<span className="s1">app</span>">Please
|
||||
wait...</div>
|
||||
</pre>
|
||||
</div>{" "}
|
||||
{/* /.mark-red */}
|
||||
<p>
|
||||
You should set the <code>data-app</code> attribute if you
|
||||
changed <code>el</code> :
|
||||
</p>
|
||||
<div className="mark-blue">
|
||||
<pre>
|
||||
<!-- index.html --> <br />
|
||||
<br />
|
||||
<div data-app id="<span className="s1">main</span>
|
||||
">Please wait...</div> <br />
|
||||
<span className="s2"><script></span>
|
||||
<br />
|
||||
{" "}
|
||||
<span className="s2">
|
||||
window.$docsify = {"{"} <br />
|
||||
</span>
|
||||
{" "}
|
||||
<span className="s2">
|
||||
el: '<span className="s1">#main</span>'
|
||||
</span>
|
||||
<span className="s2">
|
||||
{" "}
|
||||
<br /> {"}"}
|
||||
</span>{" "}
|
||||
<br />
|
||||
<span className="s2"></script></span>
|
||||
</pre>
|
||||
</div>
|
||||
{/* /.mark-blue */}
|
||||
<p>You can update to the latest version of Docusaurus by:</p>
|
||||
<pre className="bg-black">
|
||||
<code>
|
||||
<span>
|
||||
yarn <span className="s3">upgrade</span> deski --latest
|
||||
</span>
|
||||
</code>
|
||||
</pre>
|
||||
{/* /.bg-black */}
|
||||
</div>
|
||||
|
||||
<div className="doc-pagination pt-40">
|
||||
<ul className="d-flex align-items-center justify-content-between">
|
||||
<li className="d-flex align-items-center">
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
<span>Quick Start</span>
|
||||
</li>
|
||||
<li className="d-flex align-items-center">
|
||||
<span>Site Preparation</span>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<DocScrollNav/>
|
||||
{/* End Right Sidebar Menu */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default DocFullWidth;
|
||||
@@ -0,0 +1,170 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Link from "next/link";
|
||||
import FaqForm from "@/components/form/FaqForm";
|
||||
import Image from "next/image";
|
||||
import { FaqContent } from "@/data/faqs";
|
||||
export const metadata = {
|
||||
title: 'Faq || 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 Faq = () => {
|
||||
|
||||
|
||||
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-lg-9 m-auto">
|
||||
<h2 className="font-rubik">Help & Support</h2>
|
||||
<p className="sub-heading">
|
||||
Advice and answers from our expert and proffesional deski Team
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<FaqForm/>
|
||||
</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 */}
|
||||
|
||||
{/* =============================================
|
||||
FAQS
|
||||
============================================== */}
|
||||
<div className="faqs-inner-page">
|
||||
<Image width={216} height={281}
|
||||
src="/images/shape/66.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="shapes shape-four"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<div className="faqs-header pb-60 md-pb-50">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="d-flex">
|
||||
<Image width="65" height="54"
|
||||
src="/images/icon/48.svg"
|
||||
alt="icon"
|
||||
className="icon"
|
||||
/>
|
||||
<div className="md-mb-30">
|
||||
<h3>FAQs</h3>
|
||||
<p className="collection-preview">
|
||||
Selling tickets for a raffle, lottery or sweepstake is
|
||||
prohibited on Eventsmatic.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="avatar d-flex align-items-center">
|
||||
<Image width={41} height={41} src="/images/media/img_41.png" alt="media" />
|
||||
<Image width={41} height={41} src="/images/media/img_42.png" alt="media" />
|
||||
<span className="avatar_image avatar_fallback font-rubik">
|
||||
+1
|
||||
</span>
|
||||
</div>
|
||||
<p className="collection-info">
|
||||
<span>63 articles</span> in this collection <br /> Written
|
||||
by Jonny White, Emily Coddington and <span>1</span> other
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faqs-header */}
|
||||
|
||||
<div className="all-faqs">
|
||||
<div className="faqs-all-qus">
|
||||
{FaqContent.map((item, i) => (
|
||||
<Link
|
||||
className="article-preview d-flex"
|
||||
href={`/faqs/${item.id}`}
|
||||
key={i}
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Image
|
||||
width={51} height={51}
|
||||
src={`/images/media/${item.avatar}.png`}
|
||||
alt="media"
|
||||
className="avatar-img"
|
||||
/>
|
||||
<div>
|
||||
<h3 className="font-rubik">{item.title}</h3>
|
||||
<div className="avatar-info">
|
||||
Written by <span>{item.writterName}</span> <br />
|
||||
{item.date}
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
{/* /.faqs-all-qus */}
|
||||
</div>
|
||||
{/* /.all-faqs */}
|
||||
|
||||
<div
|
||||
className="text-center more-faq-ask"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h3 className="mb-35 font-rubik">Don’t find your answer?</h3>
|
||||
<Link href="/contact-eo" className="theme-btn-one">
|
||||
Contact us
|
||||
</Link>
|
||||
</div>
|
||||
{/* End more-faq-ask */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faqs-inner-page */}
|
||||
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default Faq;
|
||||
@@ -0,0 +1,172 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../../components/header/Header";
|
||||
import Footer from "../../../../components/footer/Footer";
|
||||
import CopyRight from "../../../../components/footer/CopyRight";
|
||||
import FaqForm from "@/components/form/FaqForm";
|
||||
import Image from "next/image";
|
||||
import { FaqContent } from "@/data/faqs";
|
||||
export const metadata = {
|
||||
title: 'Faq 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 FaqDetails = ({ params }) => {
|
||||
|
||||
const faq = FaqContent.filter((elm)=>elm.id==params.id)[0] || FaqContent[0]
|
||||
|
||||
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-lg-9 m-auto">
|
||||
<h2 className="font-rubik">Help & Support</h2>
|
||||
<p className="sub-heading">
|
||||
Advice and answers from our expert and proffesional deski Team
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<FaqForm/>
|
||||
</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 */}
|
||||
|
||||
{/* =============================================
|
||||
FAQS
|
||||
============================================== */}
|
||||
<div className="faqs-inner-page">
|
||||
<Image width={216} height={281}
|
||||
src="/images/shape/66.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="shapes shape-four"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<div className="all-faqs">
|
||||
<div className="faqs-all-qus m-0">
|
||||
<div className="article-preview mb-0">
|
||||
<div className="d-flex">
|
||||
<Image width={51} height={51}
|
||||
src={`/images/media/${faq.avatar || 'img_43'}.png`}
|
||||
alt="media"
|
||||
className="avatar-img"
|
||||
/>
|
||||
<div>
|
||||
<h3 className="font-rubik">
|
||||
{faq.title}
|
||||
</h3>
|
||||
<div className="avatar-info">
|
||||
Written by <span>{faq.writterName}</span> <br />
|
||||
{faq.date}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .d-flex */}
|
||||
|
||||
<div className="article-details">
|
||||
<p>
|
||||
To activate 2FA you will need an authenticator app
|
||||
installed on your smartphone. This could be Google
|
||||
Authenticator or Authy, both available for iOs and
|
||||
Android.
|
||||
</p>
|
||||
<ul className="list-meta">
|
||||
<li>
|
||||
Go to ‘Account settings’ from your Ticket Tailor
|
||||
dashboard.
|
||||
</li>
|
||||
<li>
|
||||
Under the heading ‘Two-factor authentication’ click
|
||||
the button labelled ‘Activate 2FA’.
|
||||
</li>
|
||||
<li>
|
||||
From your authenticator app on your phone, add a new
|
||||
login and it will ask you to scan the QR code shown
|
||||
here. Scan the QR code.
|
||||
</li>
|
||||
<li>
|
||||
The app will generate a code. Enter that code in the
|
||||
box below and click 'Activate 2FA'.
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
<b>Please note:</b> If you lose access to your 2FA app
|
||||
you will need to contact customer support to go through
|
||||
a security questionnaire and have your account unlocked.
|
||||
</p>
|
||||
|
||||
<div className="reaction-wrapper">
|
||||
<h4>Did this answer your question?</h4>
|
||||
<div
|
||||
className="d-flex align-items-center justify-content-center"
|
||||
data-aos="zoom-in"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="50"
|
||||
>
|
||||
<button>
|
||||
<Image width="40" height="40" src="/images/icon/happy.svg" alt="icon" />
|
||||
</button>
|
||||
<button>
|
||||
<Image width="40" height="40" src="/images/icon/sad.svg" alt="icon" />
|
||||
</button>
|
||||
<button>
|
||||
<Image width="40" height="40" src="/images/icon/surprised.svg" alt="icon" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.reaction-wrapper */}
|
||||
</div>
|
||||
{/* /.article-details */}
|
||||
</div>
|
||||
{/* /.article-preview */}
|
||||
</div>
|
||||
{/* /.faqs-all-qus */}
|
||||
</div>
|
||||
{/* /.all-faqs */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faqs-inner-page */}
|
||||
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default FaqDetails;
|
||||
@@ -0,0 +1,417 @@
|
||||
|
||||
|
||||
|
||||
|
||||
import FancyFeatureTewentyFour from "../../../components/features/FancyFeatureTewentyFour";
|
||||
import FancyFeatureTewentyTwo from "../../../components/features/FancyFeatureTewentyTwo";
|
||||
import HeaderLandingAppointment from "../../../components/header/landing/HeaderLandingAppointment";
|
||||
import HeroBannerNine from "../../../components/hero-banner/HeroBannerNine";
|
||||
import TestimonialSeven from "../../../components/testimonial/TestimonialSeven";
|
||||
import SocialTwo from "../../../components/social/SocialTwo";
|
||||
import FooterEight from "../../../components/footer/FooterEight";
|
||||
import CopyRightFour from "../../../components/footer/CopyRightFour";
|
||||
import FancybBannerTen from "@/components/fancy-features/FancybBannerTen";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
|
||||
export const metadata = {
|
||||
title: 'Appointment Scheduling || 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 AppointmentScheduling = () => {
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
|
||||
<HeaderLandingAppointment />
|
||||
{/* End Header Landing Appoinment Scheduling */}
|
||||
<Scrollspy>
|
||||
|
||||
<div id="home">
|
||||
<HeroBannerNine />
|
||||
</div>
|
||||
{/* End Hero Banner Nine */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty Two
|
||||
============================================== */}
|
||||
<div className="fancy-feature-twentyTwo mt-200 md-mt-120">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-xl-7 col-md-8 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-eight text-center mb-40 md-mb-10">
|
||||
<h2>
|
||||
One Platform. For any{" "}
|
||||
<span>
|
||||
business <Image width={313} height={67} src="/images/shape/191.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row justify-content-center">
|
||||
<FancyFeatureTewentyTwo />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-twentyTwo */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty Three
|
||||
============================================== */}
|
||||
<div className="fancy-feature-twentyThree pt-170 md-pt-100" id="feature">
|
||||
<div className="container">
|
||||
<div
|
||||
className="title-style-nine text-center pb-180 md-pb-100"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<h6>Our Features</h6>
|
||||
<h2>
|
||||
Deski is all About Easy Bookings, Efficient Service, &{" "}
|
||||
<span>
|
||||
Robust Interface <Image width={442} height={67} src="/images/shape/192.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
<p>
|
||||
Our online booking software allows you to schedule your client’s
|
||||
appointments easily & efficiently.
|
||||
</p>
|
||||
</div>
|
||||
{/* End title */}
|
||||
|
||||
<div className="block-style-twentyThree">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-6 order-lg-last ms-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="screen-container ms-auto">
|
||||
<div
|
||||
className="oval-shape"
|
||||
style={{ background: "#69FF9C" }}
|
||||
></div>
|
||||
<div
|
||||
className="oval-shape"
|
||||
style={{ background: "#FFF170" }}
|
||||
></div>
|
||||
<Image width={504} height={374} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_18.png"
|
||||
alt="image"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
</div>
|
||||
{/* /.screen-container */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5 order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>One click away</h6>
|
||||
<h3 className="title">Make your schedule Online easily.</h3>
|
||||
<p>
|
||||
From its medieval origins to the digital era, learn
|
||||
everything there is to know about the ubiquitep lorem ipsum
|
||||
passage.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-twentyThree */}
|
||||
|
||||
<div className="block-style-twentyThree">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div
|
||||
className="screen-container me-auto"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div
|
||||
className="oval-shape"
|
||||
style={{ background: "#FFDE69" }}
|
||||
></div>
|
||||
<div
|
||||
className="oval-shape"
|
||||
style={{ background: "#FF77D9" }}
|
||||
></div>
|
||||
<Image width={529} height={391} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_19.png"
|
||||
alt="screen"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.screen-container */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5 ms-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>WORKFLOW MANAGEMENT</h6>
|
||||
<h3 className="title">Automate reminders & follow-ups.</h3>
|
||||
<p>
|
||||
Calendly puts your entire meeting workflow on autopilot,
|
||||
sending everything from reminder emails to thank you notes,
|
||||
so you can focus on the work only you can do.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-twentyThree */}
|
||||
|
||||
<div className="block-style-twentyThree">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-6 order-lg-last ms-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="screen-container ms-auto">
|
||||
<div
|
||||
className="oval-shape"
|
||||
style={{ background: "#00F0FF" }}
|
||||
></div>
|
||||
<div
|
||||
className="oval-shape"
|
||||
style={{ background: "#FC6BFF" }}
|
||||
></div>
|
||||
<Image width={583} height={449} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_20.png"
|
||||
alt="screen"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
</div>
|
||||
{/* /.screen-container */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5 order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>ON-DEMAND SCHEDULING</h6>
|
||||
<h3 className="title">
|
||||
More connections and no cancellations.
|
||||
</h3>
|
||||
<p>
|
||||
Prospects can schedule meetings in just a few clicks –
|
||||
whenever the moment is right. And cancellations go down
|
||||
because rescheduling is easy, fast, and on their terms.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-twentyThree */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-twentyThree */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty Four
|
||||
============================================== */}
|
||||
<div className="fancy-feature-twentyFour pt-140 md-pt-60" id="service">
|
||||
<div className="container">
|
||||
<div className="title-style-nine text-center">
|
||||
<h6>Indutries Include</h6>
|
||||
<h2>
|
||||
Deski has the ability to serve Any{" "}
|
||||
<span>
|
||||
Business Segment <Image width={555} height={67} src="/images/shape/194.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-wrapper mt-100 md-mt-80">
|
||||
<a
|
||||
href="#feedback"
|
||||
className="click-scroll-button scroll-target d-flex justify-content-center"
|
||||
>
|
||||
<Image width={20} height={39} src="/images/shape/200.svg" alt="shape" />
|
||||
</a>
|
||||
<div className="container">
|
||||
<FancyFeatureTewentyFour />
|
||||
</div>
|
||||
<Image width={56} height={55}
|
||||
src="/images/shape/195.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={40} height={40}
|
||||
src="/images/shape/196.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width={51} height={51}
|
||||
src="/images/shape/197.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image width={38} height={38}
|
||||
src="/images/shape/198.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image width={29} height={29}
|
||||
src="/images/shape/199.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* End .fancy feature twenty four */}
|
||||
|
||||
{/* =====================================================
|
||||
Client Feedback Slider Six
|
||||
===================================================== */}
|
||||
<div
|
||||
className="client-feedback-slider-six pt-170 md-pt-120"
|
||||
id="feedback"
|
||||
>
|
||||
<div className="inner-container">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-7 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-nine text-center">
|
||||
<h6>Testimonials</h6>
|
||||
<h2>
|
||||
What’s Our
|
||||
<span>
|
||||
Client <Image width={200} height={62} src="/images/shape/201.svg" alt="shape" />
|
||||
</span>
|
||||
Think About Us.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
<div className="clientSliderSix style-two">
|
||||
<TestimonialSeven />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.inner-container */}
|
||||
</div>
|
||||
{/* /.client-feedback-slider-six */}
|
||||
|
||||
{/* =====================================================
|
||||
Partner Section One
|
||||
===================================================== */}
|
||||
<div className="partner-section-one mt-170 md-mt-90 pb-120 md-pb-80">
|
||||
<div className="container">
|
||||
<div className="title-style-nine text-center mb-100">
|
||||
<h6>Our Partners</h6>
|
||||
<h2>
|
||||
They
|
||||
<span>
|
||||
Trust Us, <Image width={200} height={62} src="/images/shape/201.svg" alt="shape" />
|
||||
</span>{" "}
|
||||
& Vice Versa
|
||||
</h2>
|
||||
</div>
|
||||
{/* End title-style-nine */}
|
||||
<SocialTwo />
|
||||
</div>
|
||||
{/* End .container */}
|
||||
|
||||
<Image width={55} height={55}
|
||||
src="/images/shape/202.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={25} height={25}
|
||||
src="/images/shape/203.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width={46} height={46}
|
||||
src="/images/shape/204.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image width={21} height={21}
|
||||
src="/images/shape/205.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image width={36} height={36}
|
||||
src="/images/shape/206.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<Image width={29} height={29}
|
||||
src="/images/shape/207.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
<Image width={57} height={57}
|
||||
src="/images/shape/208.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-seven"
|
||||
/>
|
||||
<Image width={28} height={28}
|
||||
src="/images/shape/209.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-eight"
|
||||
/>
|
||||
</div>
|
||||
{/* /.partner-section-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Ten
|
||||
===================================================== */}
|
||||
<FancybBannerTen/>
|
||||
{/* /.fancy-short-banner-ten */}
|
||||
</Scrollspy>
|
||||
{/* =====================================================
|
||||
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 AppointmentScheduling;
|
||||
|
||||
|
||||
@@ -0,0 +1,120 @@
|
||||
import CommingSoonForm from "@/components/form/CommingSoonForm";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
export const metadata = {
|
||||
title: 'Appointment Scheduling || 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 socialContent = [
|
||||
{
|
||||
icon: "fa-facebook",
|
||||
link: "https://www.facebook.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-instagram",
|
||||
link: "https://www.instagram.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-pinterest-p",
|
||||
link: "https://www.pinterest.com/",
|
||||
},
|
||||
|
||||
{
|
||||
icon: "fa-linkedin",
|
||||
link: "https://www.linkedin.com/",
|
||||
},
|
||||
];
|
||||
|
||||
const ComingSoon = () => {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<div className="full-height-layout d-flex align-items-center">
|
||||
<div className="coming-soon-content font-gordita">
|
||||
<div className="logo coming-soon-brand">
|
||||
<Link href="/">
|
||||
<Image width="138" height="47" src="/images/logo/deski_06.svg" alt="brand logo" />
|
||||
</Link>
|
||||
</div>
|
||||
<h6>COMING SOON</h6>
|
||||
<h1 data-aos="fade-up">Get notified when we’r ready to launch!</h1>
|
||||
<div className="row">
|
||||
<div className="col-lg-9 m-auto">
|
||||
<p>
|
||||
We're under construction. Check back for an update soon. Stay in
|
||||
touch!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<CommingSoonForm/>
|
||||
|
||||
<ul className="social-icon d-flex justify-content-center">
|
||||
{socialContent.map((val, i) => (
|
||||
<li key={i}>
|
||||
<a href={val.link} target="_blank" rel="noreferrer">
|
||||
<i className={`fa ${val.icon}`}></i>
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
|
||||
<Image width={94} height={188}
|
||||
src="/images/shape/179.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={12} height={12}
|
||||
src="/images/shape/180.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width={39} height={41}
|
||||
src="/images/shape/181.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image width={55} height={55}
|
||||
src="/images/shape/182.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image width={18} height={18}
|
||||
src="/images/shape/183.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<Image width={16} height={16}
|
||||
src="/images/shape/184.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
<Image width={46} height={46}
|
||||
src="/images/shape/185.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-seven"
|
||||
/>
|
||||
<Image width={25} height={25}
|
||||
src="/images/shape/186.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-eight"
|
||||
/>
|
||||
<Image width={12} height={12}
|
||||
src="/images/shape/187.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-nine"
|
||||
/>
|
||||
<Image width={233} height={111}
|
||||
src="/images/shape/188.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-ten"
|
||||
/>
|
||||
</div>
|
||||
{/* /.coming-soon-content */}
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default ComingSoon;
|
||||
@@ -0,0 +1,526 @@
|
||||
import React from "react";
|
||||
|
||||
import HeaderTwo from "../../../components/header/HeaderTwo";
|
||||
import HeroBannerTwo from "../../../components/hero-banner/HeroBannerTwo";
|
||||
import FeatureFour from "../../../components/features/FeatureFour";
|
||||
import Faq from "../../../components/faq/Faq";
|
||||
import CounterThree from "../../../components/counter/CounterThree";
|
||||
import AboutTwo from "../../../components/about/AboutTwo";
|
||||
import Social from "../../../components/social/Social";
|
||||
import Testimonial from "../../../components/testimonial/Testimonial";
|
||||
import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
|
||||
import FooterTwo from "../../../components/footer/FooterTwo";
|
||||
import CopyRightTwo from "../../../components/footer/CopyRightTwo";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Customer Support || 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 CustomerSupport = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
{/* =============================================
|
||||
Start Header
|
||||
============================================== */}
|
||||
<HeaderTwo />
|
||||
{/* End HeaderTwo Variation Three */}
|
||||
|
||||
{/* =============================================
|
||||
Hero Banner Two
|
||||
============================================== */}
|
||||
<HeroBannerTwo />
|
||||
{/* End HeroBannerTwo */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Four
|
||||
============================================== */}
|
||||
<div className="fancy-feature-four mt-20">
|
||||
<div className="bg-wrapper">
|
||||
<Image width={288} height={273}
|
||||
src="/images/shape/18.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-right"
|
||||
/>
|
||||
<Image width={289} height={277}
|
||||
src="/images/shape/19.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-left"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="title-style-two text-center mb-100 md-mb-50">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-9 col-md-10 m-auto">
|
||||
<p>What we do</p>
|
||||
<h2>
|
||||
Use deski to drive growth at
|
||||
<span>
|
||||
your business.{" "}
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
{/* End .title */}
|
||||
|
||||
<div className="inner-content">
|
||||
<Image width={144} height={144}
|
||||
src="/images/shape/20.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={201} height={202}
|
||||
src="/images/shape/21.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<FeatureFour />
|
||||
</div>
|
||||
{/* End .inner-content */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-four */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Text Block Six
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-six mt-250 md-mt-130">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-6"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-three mb-35">
|
||||
<p>GET STARTED IN MINUTES</p>
|
||||
<h2>
|
||||
<span>
|
||||
3 Main Reaosn to{" "}
|
||||
<Image width="440" height="46" src="/images/shape/line-shape-3.svg" alt="shape" />
|
||||
</span>
|
||||
Choose us.
|
||||
</h2>
|
||||
</div>
|
||||
{/* End title */}
|
||||
<Faq />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
|
||||
<div
|
||||
className="img-meta-container"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<Image width={799} height={633} style={{height:'fit-content'}} src="/images/assets/feature-img-08.png" alt="feature" />
|
||||
<Image width={20} height={20}
|
||||
src="/images/shape/22.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={8} height={8}
|
||||
src="/images/shape/23.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width={10} height={10}
|
||||
src="/images/shape/24.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image width={17} height={17}
|
||||
src="/images/shape/25.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image width={234} height={234}
|
||||
src="/images/shape/26.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<Image width={13} height={14}
|
||||
src="/images/shape/27.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
<Image width={6} height={8}
|
||||
src="/images/shape/28.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-seven"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-six */}
|
||||
|
||||
<div className="counter-with-icon-one pt-200 md-pt-80">
|
||||
<div className="container">
|
||||
<CounterThree />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.counter-with-icon-one */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Text Block
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-seven mt-150 md-mt-100">
|
||||
<div className="bg-wrapper" style={{background: `url(/images/shape/bg.png) no-repeat top`}}>
|
||||
<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">
|
||||
<AboutTwo />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-text-block-seven */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Text block Eight
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-eight pt-150 pb-200 md-pt-100 md-pb-150">
|
||||
<div className="container">
|
||||
<div className="title-style-two text-center mb-150 md-mb-70">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-9 col-md-10 m-auto">
|
||||
<p>Features</p>
|
||||
<h2>
|
||||
Use deski to drive growth at
|
||||
<span>
|
||||
your business.
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
{/* End .title */}
|
||||
|
||||
<div className="block-style-six pb-150 md-pb-70">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-5"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-details pt-35 md-pb-50">
|
||||
<Image width="51" height="48" src="/images/icon/27.svg" alt="icon" className="icon" />
|
||||
<h3 className="title font-gilroy-bold">
|
||||
Make communication Fast & efficient.
|
||||
</h3>
|
||||
<p className="text-meta">
|
||||
Our chatbots and live chat capture more ipsum of your best
|
||||
leads and convert them while they’re hot dummy text.
|
||||
</p>
|
||||
<div className="quote-wrapper">
|
||||
<div
|
||||
className="
|
||||
quote-icon
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
"
|
||||
>
|
||||
<Image width="40" height="28" src="/images/icon/28.svg" alt="icon" />
|
||||
</div>
|
||||
<blockquote>
|
||||
“Our team really feels great to use deski apps specially
|
||||
their quality”
|
||||
</blockquote>
|
||||
<div className="name">
|
||||
<strong>Micle Duke,</strong> Product Manager <br />
|
||||
Uber Inc.
|
||||
</div>
|
||||
</div>
|
||||
{/* /.quote-wrapper */}
|
||||
</div>
|
||||
{/* /.text-details */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div
|
||||
className="col-lg-7 col-md-9 m-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder illustration-one">
|
||||
<Image width={614} height={649} style={{height:'fit-content'}}
|
||||
src="/images/assets/feature-img-09.png"
|
||||
alt="image"
|
||||
className="ms-auto"
|
||||
/>
|
||||
<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={104} height={104}
|
||||
src="/images/shape/35.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
<Image width={143} height={143}
|
||||
src="/images/shape/36.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-seven"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .title */}
|
||||
</div>
|
||||
{/* /.block-style-six */}
|
||||
|
||||
<div className="block-style-six pt-150 md-pt-40">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-5 order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-details pt-35 md-pb-50">
|
||||
<Image width="55" height="52" src="/images/icon/29.svg" alt="image" className="icon" />
|
||||
<h3 className="title font-gilroy-bold">
|
||||
Friendly user interface & easy to use.
|
||||
</h3>
|
||||
<p className="text-meta">
|
||||
Deski stand with friendly interface with lots of features
|
||||
that help our team and csutomer to collbarate easily.
|
||||
</p>
|
||||
<div className="quote-wrapper">
|
||||
<div
|
||||
className="
|
||||
quote-icon
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
"
|
||||
>
|
||||
<Image width="40" height="28" src="/images/icon/28.svg" alt="icon" />
|
||||
</div>
|
||||
<blockquote>
|
||||
“Our team really feels great to use deski apps specially
|
||||
their quality”
|
||||
</blockquote>
|
||||
<div className="name">
|
||||
<strong>Micle Duke,</strong> Product Manager <br />
|
||||
Uber Inc.
|
||||
</div>
|
||||
</div>
|
||||
{/* /.quote-wrapper */}
|
||||
</div>
|
||||
{/* /.text-details */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div
|
||||
className="col-lg-7 col-md-9 m-auto order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder illustration-two">
|
||||
<Image width={599} height={529} style={{height:'fit-content'}}
|
||||
src="/images/assets/feature-img-10.png"
|
||||
alt="image"
|
||||
className="me-auto"
|
||||
/>
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="shapes shape-four"></div>
|
||||
<Image width={162} height={163}
|
||||
src="/images/shape/40.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<Image width={116} height={116}
|
||||
src="/images/shape/41.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-eight */}
|
||||
|
||||
{/*=====================================================
|
||||
Useable Tools
|
||||
===================================================== */}
|
||||
<div className="useable-tools-section-two bg-shape mb-200 md-mb-90">
|
||||
<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="container">
|
||||
<div className="title-style-two text-center mb-70 md-mb-10">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 col-md-11 m-auto">
|
||||
<p>Integrates with your tools</p>
|
||||
<h2>
|
||||
Connect deski with the software you
|
||||
<span>
|
||||
use every
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
day.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
|
||||
<div className="icon-wrapper">
|
||||
<Social />
|
||||
</div>
|
||||
{/* /.icon-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.useable-tools-section-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Client Feedback Slider One
|
||||
===================================================== */}
|
||||
<div className="client-feedback-slider-one pt-50 pb-170 md-pb-80">
|
||||
<div className="shapes-holder">
|
||||
<Image width={726} height={786} src="/images/shape/39.svg" alt="shape" />
|
||||
<Image width={175} height={175}
|
||||
src="/images/shape/42.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={61} height={61}
|
||||
src="/images/media/img_21.png"
|
||||
alt="shape"
|
||||
className="cp-img-one"
|
||||
/>
|
||||
<Image width={76} height={76}
|
||||
src="/images/media/img_22.png"
|
||||
alt="shape"
|
||||
className="cp-img-two"
|
||||
/>
|
||||
<Image width={51} height={51}
|
||||
src="/images/media/img_23.png"
|
||||
alt="shape"
|
||||
className="cp-img-three"
|
||||
/>
|
||||
<Image width={82} height={82}
|
||||
src="/images/media/img_24.png"
|
||||
alt="shape"
|
||||
className="cp-img-four"
|
||||
/>
|
||||
<div className="title-style-two">
|
||||
<h2>
|
||||
What’s <br />
|
||||
Our Client Say <br />
|
||||
About Us.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.shapes-holder */}
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 ms-auto">
|
||||
<div className="feedback-meta">
|
||||
<div className="watermark font-gilroy-bold">Feedback</div>
|
||||
<Image width="75" height="53" src="/images/icon/30.svg" alt="shape" className="icon" />
|
||||
<div className="clientSliderOne">
|
||||
<Testimonial />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feedback-meta */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.client-feedback-slider-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Three
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-three mt-100 md-mt-40">
|
||||
<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 CustomerSupport;
|
||||
@@ -0,0 +1,411 @@
|
||||
|
||||
import React from "react";
|
||||
|
||||
import HeaderThree from "../../../components/header/HeaderThree";
|
||||
import HeroBannerThree from "../../../components/hero-banner/HeroBannerThree";
|
||||
import FancyFeatureEight from "../../../components/features/FancyFeatureEight";
|
||||
import DocSlickAsNav from "../../../components/block-slider/DocSlickAsNav";
|
||||
import TestimonialTwo from "../../../components/testimonial/TestimonialTwo";
|
||||
import BrandThree from "../../../components/brand/BrandThree";
|
||||
import FaqClassic from "../../../components/faq/FaqClassic";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import FooterThree from "../../../components/footer/FooterThree";
|
||||
import CallToActionTwo from "../../../components/call-to-action/CallToActionTwo";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Doc Landing || 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 DocLanding = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
|
||||
<HeaderThree />
|
||||
{/* End Header */}
|
||||
|
||||
<HeroBannerThree />
|
||||
{/* End Hero Banner Three */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Feature Eight
|
||||
============================================== */}
|
||||
<div className="fancy-feature-eight mt-110 md-mt-80">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-12 m-auto">
|
||||
<div className="title-style-four text-center mb-80 md-mb-30">
|
||||
<h2 data-aos="fade-up" data-aos-duration="1200">
|
||||
Create documentation with technical-free writing,
|
||||
<span>
|
||||
{" "}
|
||||
& effortless{" "}
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
hosting.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<FancyFeatureEight />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-eight */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Document Slide As Nav
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-sixteen mt-200 md-mt-80">
|
||||
<div className="container">
|
||||
<DocSlickAsNav />
|
||||
</div>
|
||||
</div>
|
||||
{/* End text block based image slide */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Three Text Blokc
|
||||
============================================== */}
|
||||
<div className="fancy-feature-eight pt-150 md-pt-100">
|
||||
<div className="container">
|
||||
<div className="title-style-four text-center mb-60 md-mb-40">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<h6>How it works</h6>
|
||||
<h2>
|
||||
Awesome place to start creating your{" "}
|
||||
<span>
|
||||
first doc with{" "}
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
|
||||
</span>
|
||||
deski
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="block-style-twelve">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-6 col-md-8 ms-auto order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder">
|
||||
<Image width="635" height="373" src="/images/assets/ils_10.svg" alt="illustration" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5 order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>Documentation</h6>
|
||||
<h2 className="font-rubik title">
|
||||
A home for your team, best-practices & thoughts.
|
||||
</h2>
|
||||
<p>
|
||||
With deksi docs, you can write, edit, let it collaborate
|
||||
wherever you are lorem dumy text introduction.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-twelve */}
|
||||
|
||||
<div className="block-style-twelve">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-6 col-md-8 me-auto"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder">
|
||||
<Image width="646" height="425" src="/images/assets/ils_11.svg" alt="illustration" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>User Guides</h6>
|
||||
<h2 className="font-rubik title">
|
||||
Docs for your APIs, products, FAQs and user guides,
|
||||
</h2>
|
||||
<p>
|
||||
With deksi docs, you can write, edit, let it collaborate
|
||||
wherever you are lorem dumy text introduction.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-twelve */}
|
||||
|
||||
<div className="block-style-twelve">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-6 col-md-8 ms-auto order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder">
|
||||
<Image width="624" height="449" src="/images/assets/ils_12.svg" alt="illustration" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5 order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>Combine Idea</h6>
|
||||
<h2 className="font-rubik title">
|
||||
A place to think and track ideas for you & your team
|
||||
</h2>
|
||||
<p>
|
||||
With deksi docs, you can write, edit, let it collaborate
|
||||
wherever you are lorem dumy text introduction.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-twelve */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-eight */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Client Feedback Slider Two
|
||||
============================================== */}
|
||||
<div className="client-feedback-slider-two mt-180 md-mt-100">
|
||||
<Image width="40" height="36"
|
||||
src="/images/shape/78.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="36" height="37"
|
||||
src="/images/shape/79.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width="152" height="83"
|
||||
src="/images/shape/80.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image width="27" height="28"
|
||||
src="/images/shape/81.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image width="34" height="45"
|
||||
src="/images/shape/82.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<Image width="39" height="40"
|
||||
src="/images/shape/83.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
<Image width="120" height="75"
|
||||
src="/images/shape/84.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-seven"
|
||||
/>
|
||||
<Image width="28" height="28"
|
||||
src="/images/shape/85.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-eight"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="title-style-four text-center mb-100 md-mb-60">
|
||||
<div className="row">
|
||||
<div className="col-lg-7 col-md-9 m-auto">
|
||||
<h6>Feedback</h6>
|
||||
<h2>
|
||||
What’s Our Client Say <br />
|
||||
<span>
|
||||
About Us{" "}
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="slider-content">
|
||||
<div className="clientSliderTwo slick-nav-none">
|
||||
<TestimonialTwo />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.slider-content */}
|
||||
</div>
|
||||
{/* /.client-feedback-slider-two */}
|
||||
|
||||
<div className="useable-tools-section-three pt-200 pb-200 md-pt-100 md-pb-80 overflow-hidden">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="title-style-four">
|
||||
<h2>
|
||||
<span>
|
||||
Who is using ours
|
||||
<Image width="462" height="50" src="/images/shape/line-shape-10.svg" alt="shape" />
|
||||
</span>
|
||||
deski docs?
|
||||
</h2>
|
||||
</div>
|
||||
<p className="sub-text">
|
||||
Deski ties into your existing tools, services, & workflow. Get
|
||||
notifications or create story with others tools.
|
||||
</p>
|
||||
<a href="#" className="all-button">
|
||||
See all partners <i className="flaticon-right-arrow"></i>
|
||||
</a>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
|
||||
<div
|
||||
className="
|
||||
logo-wrapper
|
||||
d-flex
|
||||
flex-wrap
|
||||
justify-content-center
|
||||
align-items-center
|
||||
"
|
||||
>
|
||||
<BrandThree />
|
||||
</div>
|
||||
{/* /.logo-wrapper */}
|
||||
</div>
|
||||
|
||||
{/* End who use deski section */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Faq Classic
|
||||
============================================== */}
|
||||
<div className="faq-classic with-bg">
|
||||
<Image width="28" height="28"
|
||||
src="/images/shape/86.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="33" height="45"
|
||||
src="/images/shape/87.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width="135" height="83"
|
||||
src="/images/shape/88.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image width="45" height="36"
|
||||
src="/images/shape/89.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image width="30" height="31"
|
||||
src="/images/shape/90.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<Image width="142" height="75"
|
||||
src="/images/shape/91.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="title-style-four text-center mb-100 md-mb-70">
|
||||
<div className="row">
|
||||
<div className="col-lg-7 m-auto">
|
||||
<h6>FAQ’s</h6>
|
||||
<h2>
|
||||
<span>
|
||||
Questions & Answers
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
{/* End title */}
|
||||
<FaqClassic />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faq-classic */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Call to Action
|
||||
============================================== */}
|
||||
<div className="fancy-short-banner-four">
|
||||
<div className="container">
|
||||
<div className="bg-wrapper">
|
||||
<CallToActionTwo />
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-short-banner-four */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Footer
|
||||
============================================== */}
|
||||
<footer className="theme-footer-three pt-100">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterThree />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 ms-auto">
|
||||
<CopyRight />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-three */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default DocLanding;
|
||||
@@ -0,0 +1,321 @@
|
||||
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
import HeaderLandingDocSignature from "../../../components/header/landing/HeaderLandingDocSignature";
|
||||
import HeroBannerEleven from "../../../components/hero-banner/HeroBannerEleven";
|
||||
import FancyFeatureTewentySeven from "../../../components/features/FancyFeatureTewentySeven";
|
||||
import FancyFeatureTewentySix from "../../../components/features/FancyFeatureTewentySix";
|
||||
import BrandSix from "../../../components/brand/BrandSix";
|
||||
import FancyFeatureTewentyEight from "../../../components/features/FancyFeatureTewentyEight";
|
||||
import FancyVideoFour from "../../../components/video/FancyVideoFour";
|
||||
import FaqClassicThree from "../../../components/faq/FaqClassicThree";
|
||||
import CallToActionSix from "../../../components/call-to-action/CallToActionSix";
|
||||
import PricingEight from "../../../components/pricing/PricingEight";
|
||||
import FancyFeatureTewentyNine from "../../../components/features/FancyFeatureTewentyNine";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
export const metadata = {
|
||||
title: 'Doc Signature Landing || 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 DocSignatureLanding = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper font-gordita" id="lll" >
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderLandingDocSignature />
|
||||
{/* End Header Landing Doc Signature */}
|
||||
<Scrollspy>
|
||||
|
||||
<div id="home">
|
||||
<HeroBannerEleven />
|
||||
</div>
|
||||
{/* End Hero Banner Eleven */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty Six
|
||||
============================================== */}
|
||||
<div className="fancy-feature-twentySix lg-container pt-160 md-pt-100">
|
||||
<div className="container">
|
||||
<FancyFeatureTewentySix />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .Fancy Feature Twenty Six */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty Seven
|
||||
============================================== */}
|
||||
<div
|
||||
className="fancy-feature-twentySeven lg-container pt-120 md-pt-60"
|
||||
id="product"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="title-style-twelve text-center mb-70 md-mb-20">
|
||||
<div className="row">
|
||||
<div className="col-xl-10 col-lg-11 m-auto">
|
||||
<div className="upper-title">Working Process</div>
|
||||
<h2>
|
||||
<span>
|
||||
Works the way you already do{" "}
|
||||
<Image width="355" height="37"
|
||||
src="/images/shape/line-shape-13.svg"
|
||||
alt="line-shape"
|
||||
/>
|
||||
</span>
|
||||
</h2>
|
||||
<p className="mt-40 md-mt-30">
|
||||
Together with useful notifications, collaboration insights,
|
||||
and improvement tips – it’s time for your documents to start
|
||||
working for you.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<FancyFeatureTewentySeven />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-twentySeven */}
|
||||
|
||||
{/* =============================================
|
||||
Video Box Two
|
||||
============================================== */}
|
||||
<div className="video-box-two lg-container mt-200 md-mt-100">
|
||||
<div className="container">
|
||||
<FancyVideoFour />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.video-box-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Text block Twenty Three
|
||||
===================================================== */}
|
||||
<div
|
||||
className="fancy-text-block-twentyThree lg-container pt-200 mt-30 md-pt-90"
|
||||
id="feature"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 order-lg-last" data-aos="fade-left">
|
||||
<div className="text-wrapper ps-xl-5">
|
||||
<div className="cl-text">
|
||||
Over <span>150,000+</span> client
|
||||
</div>
|
||||
<div className="title-style-twelve">
|
||||
<h2>Signture that work Smoothly.</h2>
|
||||
<p className="mt-35 mb-60 md-mb-40">
|
||||
Commonly used in the graphic, prit quis due & publishing
|
||||
indust for previewing lightly visual mockups.
|
||||
</p>
|
||||
</div>
|
||||
<a href="#" className="theme-btn-eight">
|
||||
Start Free Trial
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-6" data-aos="fade-right">
|
||||
<div className="img-container position-relative md-mt-60">
|
||||
<Image width={585} height={437} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_30.png"
|
||||
alt="screen"
|
||||
className="main-screen"
|
||||
/>
|
||||
<Image width={334} height={260} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_31.png"
|
||||
alt="screen"
|
||||
className="screen-one"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-90 md-mt-50">
|
||||
<div className="container">
|
||||
<FancyFeatureTewentyEight />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-twentyThree --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Useable Tools Four
|
||||
===================================================== */}
|
||||
<div className="useable-tools-section-four lg-container mt-200 md-mt-100">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="text-wrapper">
|
||||
<div className="title-style-nine">
|
||||
<h2>Integrate Any Tools Seamlessly.</h2>
|
||||
</div>
|
||||
<p>
|
||||
Commonly used in the graphic, print quis & publishing
|
||||
industris for previewing nor visual layout and mockups.
|
||||
</p>
|
||||
<a href="#" className="theme-btn-ten">
|
||||
See all integrations{" "}
|
||||
<i className="fa fa-chevron-right" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
<div className="col-xl-5 col-lg-6 ms-auto">
|
||||
<div className="logo-container h-100">
|
||||
<div className="inner-wrapper">
|
||||
<BrandSix />
|
||||
</div>
|
||||
{/* /.inner-wrapper */}
|
||||
</div>
|
||||
{/* /.logo-container */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.useable-tools-section-four */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty Eight
|
||||
============================================== */}
|
||||
<div
|
||||
className="fancy-feature-twentyEight lg-container pt-150 mt-50 md-pt-70"
|
||||
id="story"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto" data-aos="fade-up">
|
||||
<div className="title-style-twelve text-center pb-80 md-pb-30">
|
||||
<div className="upper-title">Customer Stories</div>
|
||||
<h2>
|
||||
<span>
|
||||
1,000,000+{" "}
|
||||
<Image width="355" height="37" src="/images/shape/line-shape-13.svg" alt="shape" />
|
||||
</span>{" "}
|
||||
organizations are already becoming more agreeable.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<FancyFeatureTewentyNine />
|
||||
<div className="text-center mt-80 md-mt-50">
|
||||
<a href="#" className="theme-btn-ten">
|
||||
Read all customer stories{" "}
|
||||
<i className="fa fa-chevron-right" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-twentyEight */}
|
||||
|
||||
{/* =====================================================
|
||||
Pricing Section Eight
|
||||
===================================================== */}
|
||||
<div
|
||||
className="pricing-section-eight lg-container mt-150 md-mt-100"
|
||||
id="pricing"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="border-top pt-150 md-pt-100">
|
||||
<div className="title-style-twelve text-center pb-120 md-pb-60">
|
||||
<h2>
|
||||
<span>
|
||||
Get your plan
|
||||
<Image width="355" height="37" src="/images/shape/line-shape-13.svg" alt="line-shape" />
|
||||
</span>
|
||||
</h2>
|
||||
<p className="mt-40 md-mt-20">
|
||||
Get access to the largest library of legal forms and easily
|
||||
integrate deski into your apps
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* End title */}
|
||||
|
||||
<PricingEight />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.Pricing Section Eight */}
|
||||
|
||||
{/* =====================================================
|
||||
Faq Section Five
|
||||
===================================================== */}
|
||||
<div
|
||||
className="faq-section-five lg-container pt-200 mt-25 md-pt-80"
|
||||
id="faq"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-5 col-lg-6">
|
||||
<div className="title-style-twelve">
|
||||
<div className="upper-title">FAQ</div>
|
||||
<h2>Any Questions find here.</h2>
|
||||
<p className="pt-25 pb-40 md-pb-30">
|
||||
Find your answers here. if you don’t find it here, please
|
||||
contact us.
|
||||
</p>
|
||||
<Link className="theme-btn-eight" href="/contact-doc">
|
||||
{" "}
|
||||
Contact us
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 ms-auto">
|
||||
<FaqClassicThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fqa-section-five */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Thirteen
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-thirteen mt-200 md-mt-130">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-7 m-auto">
|
||||
<CallToActionSix />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-short-banner-thirteen */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
</Scrollspy>
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default DocSignatureLanding;
|
||||
@@ -0,0 +1,236 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import BestSelling from "../../../components/e-commerce/BestSelling";
|
||||
import CallToAction from "../../../components/e-commerce/CallToAction";
|
||||
import Categorie from "../../../components/e-commerce/Categorie";
|
||||
import FancyBlock from "../../../components/e-commerce/FancyBlock";
|
||||
import FlashSaleBanner from "../../../components/e-commerce/FlashSaleBanner";
|
||||
import GalleryBox from "../../../components/e-commerce/GalleryBox";
|
||||
import Header from "../../../components/e-commerce/Header";
|
||||
import Hero from "../../../components/e-commerce/Hero";
|
||||
import TopItem from "../../../components/e-commerce/TopItem";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'eCommerce || 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 Ecommerce = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Theme Main Menu
|
||||
==============================================
|
||||
--> */}
|
||||
<Header />
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Theme Hero Banner
|
||||
==============================================
|
||||
--> */}
|
||||
<Hero />
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Forty Two
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="fancy-feature-fortyTwo lg-container pt-120 lg-pt-80">
|
||||
<div className="container">
|
||||
<div className="row align-items-center" data-aos="fade-up">
|
||||
<div className="col-md-7">
|
||||
<div className="title-style-eleven text-center text-md-left">
|
||||
<h2>Shop by categoris</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-md-5">
|
||||
<a
|
||||
href="#"
|
||||
className="shop-btn-one tran3s d-none d-md-flex align-items-center justify-content-center rounded-circle ms-auto"
|
||||
>
|
||||
<Image width="30" height="12" src="/images/icon/202.svg" alt="icon" />
|
||||
</a>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
|
||||
<div className="xl-container mt-60 lg-mt-20">
|
||||
<div className="row">
|
||||
<Categorie />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .fancy-feature-fortyTwo */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Forty Two
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="fancy-feature-fortyTwo lg-container pt-180 lg-pt-120">
|
||||
<div className="container">
|
||||
<div className="row align-items-center" data-aos="fade-up">
|
||||
<div className="col-md-7">
|
||||
<div className="title-style-eleven text-center text-md-left">
|
||||
<h2>Top Item</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-md-5">
|
||||
<a
|
||||
href="#"
|
||||
className="shop-btn-one tran3s d-none d-md-flex align-items-center justify-content-center rounded-circle ms-auto"
|
||||
>
|
||||
<Image width="30" height="12" src="/images/icon/202.svg" alt="icon" />
|
||||
</a>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
|
||||
<div className="xl-container mt-80 lg-mt-50">
|
||||
<div className="product_slider_two product_slider_space">
|
||||
<TopItem />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.xl-container --> */}
|
||||
</div>
|
||||
{/* End .fancy-feature-fortyTwo */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Flash Sale Banner
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="flash-sale-banner mt-150 lg-mt-120">
|
||||
<div className="xl-container">
|
||||
<FlashSaleBanner />
|
||||
{/* <!-- FlashSaleBanner --> */}
|
||||
</div>
|
||||
{/* <!-- /.xl-container --> */}
|
||||
</div>
|
||||
{/* <!-- /.flash-sale-banner --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Forty Four
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="fancy-feature-fortyFour lg-container mt-140 lg-mt-120">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-6 col-lg-7 m-auto">
|
||||
<div
|
||||
className="title-style-eleven text-center mb-40 lg-mb-20"
|
||||
data-aos="fade-up"
|
||||
>
|
||||
<h2>We’r commited to provie quality services</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div className="row">
|
||||
<FancyBlock />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-fortyFour --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Forty Two
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="fancy-feature-fortyThree lg-container pt-120 pb-150 mt-150 lg-mt-120 lg-pt-80 lg-pb-80">
|
||||
<div className="container">
|
||||
<div className="row align-items-center" data-aos="fade-up">
|
||||
<div className="col-md-7">
|
||||
<div className="title-style-eleven text-center text-md-left">
|
||||
<h2>Best Selling</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-md-5">
|
||||
<a
|
||||
href="#"
|
||||
className="shop-btn-one tran3s d-none d-md-flex align-items-center justify-content-center rounded-circle ms-auto"
|
||||
>
|
||||
<Image width="30" height="12" src="/images/icon/202.svg" alt="icon" />
|
||||
</a>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
|
||||
<div className="xl-container mt-80 lg-mt-50">
|
||||
<div className="product_slider_two product_slider_space">
|
||||
<BestSelling />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.xl-container --> */}
|
||||
</div>
|
||||
{/* End .fancy-feature-fortyTwo */}
|
||||
|
||||
{/* <!--
|
||||
=====================================================
|
||||
Shop Discount Subscription
|
||||
=====================================================
|
||||
--> */}
|
||||
<div className="shop-discount-subscription lg-container mt-140 mb-150 lg-mt-100 lg-mb-100">
|
||||
<CallToAction />
|
||||
|
||||
<div className="xl-container mt-110 lg-mt-80" data-aos="fade-up">
|
||||
<h4 className="text-center text-dark mb-40 lg-mb-20">
|
||||
Follow Us @TrendUi
|
||||
</h4>
|
||||
|
||||
<GalleryBox />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.shop-discount-subscription --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
// End main-page-wrapper
|
||||
);
|
||||
};
|
||||
|
||||
export default Ecommerce;
|
||||
@@ -0,0 +1,247 @@
|
||||
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Pricing from "../../../components/form-survey-landing/Pricing";
|
||||
import Features from "../../../components/form-survey-landing/Features";
|
||||
import FeaturesAbout from "../../../components/form-survey-landing/FeaturesAbout";
|
||||
import HowWorks from "../../../components/form-survey-landing/HowWorks";
|
||||
import Portfolio from "../../../components/form-survey-landing/Portfolio";
|
||||
import Social from "../../../components/form-survey-landing/Social";
|
||||
import Testimonial from "../../../components/form-survey-landing/Testimonial";
|
||||
import HeaderLandingFormSurvey from "../../../components/form-survey-landing/HeaderLandingFormSurvey";
|
||||
import HeroBannerThirteen from "../../../components/form-survey-landing/HeroBannerThirteen";
|
||||
import Blog from "../../../components/form-survey-landing/Blog";
|
||||
import CallToAction from "../../../components/form-survey-landing/CallToAction";
|
||||
import Footer from "../../../components/form-survey-landing/Footer";
|
||||
import dynamic from "next/dynamic";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
export const metadata = {
|
||||
title: 'Form Survey Landing || 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 FormSurveyLanding = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderLandingFormSurvey />
|
||||
{/* End Header */}
|
||||
<Scrollspy>
|
||||
<HeroBannerThirteen />
|
||||
{/* End Hero banner */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Thirty Four
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="fancy-feature-thirtyFour mt-150 md-mt-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-12 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-eleven text-center mb-70 md-mb-10">
|
||||
<div className="upper-title">HOW IT WORKS</div>
|
||||
<h2>
|
||||
Create forms, surveys, & quizzes that people enjoy answering.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row justify-content-center">
|
||||
<HowWorks />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirtyFour --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Block Style Thirty Six
|
||||
==============================================
|
||||
--> */}
|
||||
<div
|
||||
className="block-style-thirtySix lg-container pt-225 md-pt-120"
|
||||
id="feature"
|
||||
>
|
||||
<div className="container">
|
||||
<Features />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.block-style-thirtySix --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Thirty Five
|
||||
==============================================
|
||||
--> */}
|
||||
<div
|
||||
className="fancy-feature-thirtyFive position-relative lg-container pt-225 md-pt-120"
|
||||
id="product"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4">
|
||||
<div className="block-style-thirtySix">
|
||||
<div className="title-style-fourteen">
|
||||
<div className="upper-title">TEMPLATE LIBRARY</div>
|
||||
<h2>Ton of Built in Library.</h2>
|
||||
</div>
|
||||
<div className="tag-line">
|
||||
Template library help you to create your won style.
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.block-style-thirtySix --> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="slider-wrapper">
|
||||
<div className="portfolio_slider_two survey-slider">
|
||||
<Portfolio />
|
||||
</div>
|
||||
{/* <!-- /.portfolio_slider_two --> */}
|
||||
</div>
|
||||
{/* <!-- /.slider-wrapper --> */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirtyFive --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Block Style Thirty Six
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="block-style-thirtySix lg-container pt-225 md-pt-120">
|
||||
<div className="container">
|
||||
<FeaturesAbout />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.block-style-thirtySix --> */}
|
||||
|
||||
{/* <!--
|
||||
=====================================================
|
||||
Integrated Apps
|
||||
=====================================================
|
||||
--> */}
|
||||
<div className="integrated-apps pt-180 md-pt-120">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 m-auto">
|
||||
<div
|
||||
className="title-style-fourteen text-center mb-70 md-mb-50"
|
||||
data-aos="fade-up"
|
||||
>
|
||||
<div className="upper-title">INTEGRATION</div>
|
||||
<h2>Integrate with 120+ apps & boost your workfrlow.</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-8 m-auto">
|
||||
<Social />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.integrated-apps --> */}
|
||||
|
||||
{/* <!--
|
||||
=====================================================
|
||||
Client Feedback Slider Eight
|
||||
=====================================================
|
||||
--> */}
|
||||
<div
|
||||
className=" lg-container pt-180 md-pt-110"
|
||||
data-aos="fade-up"
|
||||
id="feedback"
|
||||
>
|
||||
<div className="client-feedback-slider-eight slider-customized">
|
||||
<div className="container">
|
||||
<div className="main-content position-relative">
|
||||
<div className="clientSliderSeven">
|
||||
<Testimonial />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.main-content --> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.client-feedback-slider-eight --> */}
|
||||
|
||||
{/* <!--
|
||||
=====================================================
|
||||
Pricing Section Nine
|
||||
=====================================================
|
||||
--> */}
|
||||
<div
|
||||
className="pricing-section-nine lg-container pt-150 md-pt-110"
|
||||
id="pricing"
|
||||
>
|
||||
<div className="container">
|
||||
<div
|
||||
className="title-style-eleven text-center mb-40 md-mb-20"
|
||||
data-aos="fade-up"
|
||||
>
|
||||
<div className="upper-title">PRICING</div>
|
||||
<h2>Pick your plan or create</h2>
|
||||
</div>
|
||||
|
||||
<div className="row justify-content-center">
|
||||
<Pricing />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.pricing-section-nine --> */}
|
||||
|
||||
{/* <!--
|
||||
=====================================================
|
||||
Feature Blog Five
|
||||
=====================================================
|
||||
--> */}
|
||||
<div className="feature-blog-five lg-container mt-160 md-pt-120">
|
||||
<div className="container">
|
||||
<div
|
||||
className="title-style-eleven text-center mb-40 md-mb-20"
|
||||
data-aos="fade-up"
|
||||
>
|
||||
<h2>Inside Story</h2>
|
||||
<p className="mt-25 md-mt-10">
|
||||
Automatically send people to the next stage of the journey{" "}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<Blog />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.feature-blog-five --> */}
|
||||
|
||||
<div className="fancy-short-banner-fifteen mt-150 md-mt-80">
|
||||
<CallToAction />
|
||||
</div>
|
||||
{/* // <!-- /.fancy-short-banner-fifteen --> */}
|
||||
|
||||
{/* <!--
|
||||
=====================================================
|
||||
Footer Style Nine
|
||||
=====================================================
|
||||
--> */}
|
||||
<div className="theme-footer-nine lg-container">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
</div>
|
||||
</Scrollspy>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default FormSurveyLanding;
|
||||
@@ -0,0 +1,517 @@
|
||||
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import HeaderLandingMobileApp from "../../../components/header/landing/HeaderLandingMobileApp";
|
||||
import MobileAppPortfolio from "../../../components/portfolio/MobileAppPortfolio";
|
||||
import MobileAppScreenSlider from "../../../components/portfolio/MobileAppScreenSlider";
|
||||
import TestimonialThree from "../../../components/testimonial/TestimonialThree";
|
||||
import BrandThree from "../../../components/brand/BrandThree";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import FancyFeatureTewentyThree from "../../../components/features/FancyFeatureTewentyThree";
|
||||
import PricingSeven from "../../../components/pricing/PricingSeven";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
|
||||
export const metadata = {
|
||||
title: ' Mobile App Landing || 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 MobileAppLanding = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderLandingMobileApp />
|
||||
{/* End Mobile App Landing Header */}
|
||||
|
||||
{/* =============================================
|
||||
Theme Hero Banner
|
||||
============================================== */}
|
||||
<Scrollspy>
|
||||
<div className="hero-banner-ten" id="home">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-11 col-md-8 m-auto">
|
||||
<h1
|
||||
className="hero-heading"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
Build your Product by Deski App.
|
||||
</h1>
|
||||
<p
|
||||
className="hero-sub-heading"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
Deski delivered blazing fast performance, striking word solution
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div className="d-sm-flex align-items-center justify-content-center button-group">
|
||||
<a
|
||||
href="#"
|
||||
className="d-flex align-items-center ios-button"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="200"
|
||||
>
|
||||
<Image width="25" height="32" src="/images/icon/apple.svg" alt="icon" className="icon" />
|
||||
<div>
|
||||
<span>Download on the</span>
|
||||
<strong>App store</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="d-flex align-items-center windows-button"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="350"
|
||||
>
|
||||
<Image width="23" height="29"
|
||||
src="/images/icon/playstore.svg"
|
||||
alt="icon"
|
||||
className="icon"
|
||||
/>
|
||||
<div>
|
||||
<span>Get it on</span>
|
||||
<strong>Google play</strong>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
|
||||
<div className="icon-box-one">
|
||||
<Image width={29} height={27} src="/images/logo/logo-39.png" alt="icon" />
|
||||
</div>
|
||||
<div className="icon-box-two">
|
||||
<Image width={42} height={36} src="/images/logo/logo-40.png" alt="icon" />
|
||||
</div>
|
||||
<div className="icon-box-three">
|
||||
<Image width={30} height={30} src="/images/logo/logo-41.png" alt="icon" />
|
||||
</div>
|
||||
<div className="icon-box-four">
|
||||
<Image width={36} height={36} src="/images/logo/logo-42.png" alt="icon" />
|
||||
</div>
|
||||
<div className="icon-box-five">
|
||||
<Image width={35} height={35} src="/images/logo/logo-43.png" alt="icon" />
|
||||
</div>
|
||||
<div className="icon-box-six">
|
||||
<Image width={80} height={53} src="/images/logo/logo-44.png" alt="icon" />
|
||||
</div>
|
||||
<div className="icon-box-seven">
|
||||
<Image width={26} height={27} src="/images/logo/logo-45.png" alt="icon" />
|
||||
</div>
|
||||
<div className="icon-box-eight">
|
||||
<Image width={30} height={30} src="/images/logo/logo-46.png" alt="icon" />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.hero-banner-ten */}
|
||||
|
||||
{/* =============================================
|
||||
App Screen Preview
|
||||
============================================== */}
|
||||
<div className="app-screen-preview-one">
|
||||
<div className="container">
|
||||
<div className="app-preview-slider-one arrow-middle-center ">
|
||||
<MobileAppPortfolio />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
|
||||
<Image width="997" height="997"
|
||||
src="/images/shape/bg5.svg"
|
||||
alt="shape"
|
||||
className="shapes round-bg"
|
||||
/>
|
||||
<Image width="24" height="14"
|
||||
src="/images/shape/216.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="12" height="12"
|
||||
src="/images/shape/217.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width="13" height="16"
|
||||
src="/images/shape/218.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image width="36" height="30"
|
||||
src="/images/shape/219.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
</div>
|
||||
{/* /.app-screen-preview-one */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty Two
|
||||
============================================== */}
|
||||
<div
|
||||
className="fancy-feature-twentyTwo mpt-200 pt-130 md-mt-80 sm-pt-100"
|
||||
id="product"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="title-style-ten mb-40 md-mb-20">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-7">
|
||||
<h2>The Product we work with.</h2>
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<p className="md-pt-20">
|
||||
Commonly used in the graphic, print& publishing industris for
|
||||
previewing visual mockups.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row justify-content-center">
|
||||
<FancyFeatureTewentyThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-twentyTwo */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty Five
|
||||
============================================== */}
|
||||
<div
|
||||
className="fancy-feature-twentyFive lg-container pt-200 md-pt-100"
|
||||
id="features"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="block-style-twentyFive">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-xl-7 col-lg-6 col-md-10 m-auto"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="screen-container">
|
||||
<Image width={727} height={615} style={{height:'fit-content'}} src="/images/assets/screen_24.png" alt="screen" />
|
||||
</div>
|
||||
{/* /.screen-container */}
|
||||
</div>
|
||||
<div
|
||||
className="col-xl-5 col-lg-6"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper ps-xl-5">
|
||||
<h6>
|
||||
Over <span>150,000+ client</span>
|
||||
</h6>
|
||||
<h3 className="title">Award winning application.</h3>
|
||||
<p>
|
||||
Commonly used in the graphic, prit quis & publishing indust
|
||||
for previewing lorem visual mockups.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-twentyFive */}
|
||||
|
||||
<div className="block-style-twentyFive mt-200 md-mt-100">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-xl-7 col-lg-6 col-md-10 m-auto text-center text-lg-right order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="screen-container">
|
||||
<Image width="618" height="618"
|
||||
src="/images/shape/bg6.svg"
|
||||
alt="shape"
|
||||
className="ms-auto bg-round-shape"
|
||||
/>
|
||||
<div className="block-content">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-sm-6">
|
||||
<div className="feature-meta">
|
||||
<div className="icon d-flex align-items-end">
|
||||
<Image width="38" height="38" src="/images/icon/136.svg" alt="image" />
|
||||
</div>
|
||||
<h4>
|
||||
Friendly <br /> user interface
|
||||
</h4>
|
||||
</div>
|
||||
{/* /.feature-meta */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-sm-6">
|
||||
<div className="feature-meta">
|
||||
<div className="icon d-flex align-items-end">
|
||||
<Image width="44" height="40" src="/images/icon/137.svg" alt="image" />
|
||||
</div>
|
||||
<h4>
|
||||
SEO <br />
|
||||
Optimization
|
||||
</h4>
|
||||
</div>
|
||||
{/* /.feature-meta */}
|
||||
<div className="feature-meta">
|
||||
<div className="icon d-flex align-items-end">
|
||||
<Image width="46" height="46" src="/images/icon/138.svg" alt="image" />
|
||||
</div>
|
||||
<h4>
|
||||
Quality & fast <br />
|
||||
support
|
||||
</h4>
|
||||
</div>
|
||||
{/* /.feature-meta */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-content */}
|
||||
</div>
|
||||
{/* /.screen-container */}
|
||||
</div>
|
||||
<div
|
||||
className="col-xl-5 col-lg-6"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper order-lg-first">
|
||||
<h6>
|
||||
<span>Best Solution</span>
|
||||
</h6>
|
||||
<h3 className="title">Why you choose desk app?</h3>
|
||||
<p>Things go wrong have We’ve understand.</p>
|
||||
<ul>
|
||||
<li>Amazing communication.</li>
|
||||
<li>Best trendinf designing experience.</li>
|
||||
<li>Email & Live chat.</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-twentyFive */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-twentyFive */}
|
||||
|
||||
{/* =============================================
|
||||
App Screen Preview
|
||||
============================================== */}
|
||||
<div className="app-screen-preview-two mt-200 md-mt-130">
|
||||
<div className="container">
|
||||
<div className="title-style-eleven text-center mb-120 md-mb-70">
|
||||
<h2>App Screenshot</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="app-preview-slider-two arrow-none">
|
||||
<MobileAppScreenSlider />
|
||||
</div>
|
||||
{/* /.app-preview-slider-two */}
|
||||
</div>
|
||||
{/* /.app-screen-preview-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Pricing Section Seven
|
||||
===================================================== */}
|
||||
<div className="pricing-section-seven pt-200 md-pt-130" id="pricing">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-10 col-md-10 m-auto">
|
||||
<div className="title-style-eleven text-center mb-100 md-mb-70">
|
||||
<h2>No hidden charge, Choose your plan.</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="pricing-table-area-seven">
|
||||
<div className="row align-items-center justify-content-center">
|
||||
<PricingSeven />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.pricing-table-area-seven */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.pricing-section-seven */}
|
||||
|
||||
{/* =====================================================
|
||||
Client Feedback Slider Seven
|
||||
===================================================== */}
|
||||
<div
|
||||
className="client-feedback-slider-seven mt-250 md-mt-100"
|
||||
id="feedback"
|
||||
>
|
||||
<div className="inner-container">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 m-auto">
|
||||
<Image width="86" height="85" src="/images/icon/143.svg" alt="icon" className="m-auto" />
|
||||
<div className="title-style-eleven text-center mt-30">
|
||||
<h2>Check what’s our client say about us.</h2>
|
||||
</div>
|
||||
{/* /.title-style-eleven */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 m-auto">
|
||||
<div className="clientSliderFive mt-80 md-mt-50">
|
||||
<TestimonialThree />
|
||||
</div>
|
||||
<Image width="26" height="26"
|
||||
src="/images/shape/156.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="16" height="16"
|
||||
src="/images/shape/157.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width="14" height="14"
|
||||
src="/images/shape/158.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.inner-container */}
|
||||
<Image width="1573" height="1246" src="/images/shape/bg7.svg" alt="shape" className="bg-image" />
|
||||
</div>
|
||||
{/* /.client-feedback-slider-six */}
|
||||
|
||||
{/* =====================================================
|
||||
Useable Tools
|
||||
===================================================== */}
|
||||
<div className="useable-tools-section-three mt-200 mb-200 md-mt-120 md-mb-80">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="title-style-ten">
|
||||
<h6>Our Partners</h6>
|
||||
<h2>Who is using deski.</h2>
|
||||
</div>
|
||||
<p className="sub-text">
|
||||
Share content across apps. Evernote connects with the
|
||||
productivity tools you already use, so you can work your way.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
<div className="logo-wrapper brand-bg-white d-flex flex-wrap justify-content-center align-items-center">
|
||||
<BrandThree />
|
||||
</div>
|
||||
{/* /.logo-wrapper */}
|
||||
</div>
|
||||
{/* /.useable-tools-section-three */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Twelve
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-twelve">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-xl-10 col-lg-11 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-ten text-center">
|
||||
<h2>Love our deski application? Download now!</h2>
|
||||
<p className="pt-25 pb-45">
|
||||
Try it risk free — we don’t charge any cancellation fees
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-aos="fade-up" data-aos-duration="1200" data-aos-delay="150">
|
||||
<div className="d-sm-flex align-items-center justify-content-center button-group">
|
||||
<a href="#" className="d-flex align-items-center ios-button">
|
||||
<Image width="24" height="32"
|
||||
src="/images/icon/apple-black.svg"
|
||||
alt="icon"
|
||||
className="icon"
|
||||
/>
|
||||
<div>
|
||||
<span>Download on the</span>
|
||||
<strong>App store</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" className="d-flex align-items-center windows-button">
|
||||
<Image width="23" height="29"
|
||||
src="/images/icon/playstore.svg"
|
||||
alt="icon"
|
||||
className="icon"
|
||||
/>
|
||||
<div>
|
||||
<span>Get it on</span>
|
||||
<strong>Google play</strong>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
<Image width="439" height="618"
|
||||
src="/images/shape/220.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="387" height="620"
|
||||
src="/images/shape/221.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.fancy-short-banner-twelve */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
</Scrollspy>
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default MobileAppLanding;
|
||||
|
||||
|
||||
@@ -0,0 +1,410 @@
|
||||
|
||||
|
||||
|
||||
import Link from "next/link";
|
||||
|
||||
import FancyTextBlock22 from "../../../components/fancy-text-block/FancyTextBlock22";
|
||||
import HeaderLandingNoteTaking from "../../../components/header/landing/HeaderLandingNoteTaking";
|
||||
import HeroBannerSeven from "../../../components/hero-banner/HeroBannerSeven";
|
||||
import PricingSix from "../../../components/pricing/pricing-six/Pricing";
|
||||
import TestimonialSix from "../../../components/testimonial/TestimonialSix";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import FancyFeatureSeventeen from "../../../components/features/FancyFeatureSeventeen";
|
||||
import DocAsTabs from "../../../components/block-slider/DocAsTabs";
|
||||
import FancyFeaturesTwo from "@/components/fancy-features/FancyFeaturesTwo";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Mobile App Landing || 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 NoteTakingLanding = () => {
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderLandingNoteTaking />
|
||||
{/* End Header Landing Note Talking */}
|
||||
|
||||
{/* =============================================
|
||||
Theme Hero Banner
|
||||
============================================== */}
|
||||
<Scrollspy>
|
||||
<div id="home">
|
||||
<HeroBannerSeven />
|
||||
</div>
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Fifteen
|
||||
============================================== */}
|
||||
<div className="fancy-feature-fifteen pt-120 md-pt-80" id="product">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="sldier-wrapper">
|
||||
<DocAsTabs />
|
||||
</div>
|
||||
{/* /.sldier-wrapper */}
|
||||
</div>
|
||||
<Image width="82" height="204"
|
||||
src="/images/shape/168.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="78" height="191"
|
||||
src="/images/shape/169.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-feature-fifteen */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Sixteen
|
||||
============================================== */}
|
||||
<div className="fancy-feature-sixteen pt-200 md-pt-100" id="features">
|
||||
<div className="container">
|
||||
<div className="block-style-eighteen">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-5"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>App Integration</h6>
|
||||
<h3 className="title">
|
||||
Connect with <span>software.</span>
|
||||
</h3>
|
||||
<p>
|
||||
Share content across apps. Deski connects with the
|
||||
productivity tools you already use, so you can work your
|
||||
way.
|
||||
</p>
|
||||
<Link
|
||||
href="/product-customer-support"
|
||||
className="d-flex align-items-center learn-more"
|
||||
>
|
||||
<span>Learn More</span>
|
||||
<Image width="24" height="13" src="/images/icon/93.svg" alt="screen" />
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-7"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div
|
||||
className="
|
||||
screen-holder-one
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
"
|
||||
>
|
||||
<div
|
||||
className="
|
||||
round-bg
|
||||
big_g
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
"
|
||||
style={{ width: "193px", height: "193px", boxSizing:'border-box' }}
|
||||
>
|
||||
<Image width={89} height={88} style={{maxWidth:'50%',height:'fit-content'}} src="/images/logo/logo-26.png" alt="logo" />
|
||||
</div>
|
||||
<div
|
||||
className="
|
||||
round-bg
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
shapes
|
||||
logo-one
|
||||
"
|
||||
style={{ width: "65px", height: "65px", boxSizing:'border-box' }}
|
||||
>
|
||||
<Image width={42} height={43} style={{maxWidth:'50%',maxHeight:'50%'}} src="/images/logo/logo-27.png" alt="logo" />
|
||||
</div>
|
||||
<div
|
||||
className="
|
||||
round-bg
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
shapes
|
||||
logo-two
|
||||
"
|
||||
style={{ width: "105px", height: "105px", boxSizing:'border-box' }}
|
||||
>
|
||||
<Image width={67} height={67} style={{maxWidth:'50%',height:'fit-content'}} src="/images/logo/logo-28.png" alt="logo" />
|
||||
</div>
|
||||
<div
|
||||
className="
|
||||
round-bg
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
shapes
|
||||
logo-three
|
||||
"
|
||||
style={{ width: "81px", height: "81px", boxSizing:'border-box' }}
|
||||
>
|
||||
<Image width={38} height={38} style={{maxWidth:'50%',height:'fit-content'}} src="/images/logo/logo-29.png" alt="logo" />
|
||||
</div>
|
||||
<div
|
||||
className="
|
||||
round-bg
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
shapes
|
||||
logo-four
|
||||
"
|
||||
style={{ width: "148px", height: "148px", boxSizing:'border-box' }}
|
||||
>
|
||||
<Image width={86} height={83} style={{maxWidth:'50%',height:'fit-content'}} src="/images/logo/logo-30.png" alt="logo" />
|
||||
</div>
|
||||
<div
|
||||
className="
|
||||
round-bg
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
shapes
|
||||
logo-five
|
||||
"
|
||||
style={{ width: "148px", height: "148px" , boxSizing:'border-box' }}
|
||||
>
|
||||
<Image width={50} height={50} style={{maxWidth:'50%',height:'fit-content'}} src="/images/logo/logo-31.png" alt="logo" />
|
||||
</div>
|
||||
<Image width="78" height="131"
|
||||
src="/images/shape/170.svg"
|
||||
alt="image"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-eighteen */}
|
||||
|
||||
<div className="block-style-eighteen mt-200 pt-50 md-mt-80">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-5 order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>Scanning & Doc</h6>
|
||||
<h3 className="title">
|
||||
Web doc <br />
|
||||
file <span>Scanning.</span>
|
||||
</h3>
|
||||
<p>
|
||||
Go paperless. Back up important documents to all your
|
||||
devices, and keep the information not the clutter.
|
||||
</p>
|
||||
<Link
|
||||
href="/product-customer-support"
|
||||
className="d-flex align-items-center learn-more"
|
||||
>
|
||||
<span>Learn More</span>
|
||||
<Image width="24" height="13" src="/images/icon/93.svg" alt="screen" />
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-7 order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="screen-holder-two">
|
||||
<Image width={460} height={447} style={{height:'fit-content'}} src="/images/assets/screen_12.png" alt="screen" />
|
||||
<Image width={206} height={416} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_13.png"
|
||||
alt="image"
|
||||
className="shapes screen-one"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-eighteen */}
|
||||
|
||||
<div className="block-style-eighteen mt-200 pt-50 md-mt-80">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-5"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>Note & Docs</h6>
|
||||
<h3 className="title">
|
||||
<span>Clipper</span> & Rich notes
|
||||
</h3>
|
||||
<p>
|
||||
Save web pages (without the ads) and mark them up with
|
||||
arrows, highlights, and text to make them more useful.
|
||||
</p>
|
||||
<Link
|
||||
href="/product-customer-support"
|
||||
className="d-flex align-items-center learn-more"
|
||||
>
|
||||
<span>Learn More</span>
|
||||
<Image width="24" height="13" src="/images/icon/93.svg" alt="screen" />
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-7"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div
|
||||
className="
|
||||
screen-holder-three
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-center
|
||||
"
|
||||
>
|
||||
<Image width={456} height={428} style={{height:'fit-content'}} src="/images/assets/screen_14.png" alt="screen" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-eighteen */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-sixteen */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Text Block Twenty Two
|
||||
===================================================== */}
|
||||
<div
|
||||
className="fancy-text-block-twentyTwo lg-container pt-200 md-pt-120"
|
||||
id="why_us"
|
||||
>
|
||||
<div className="container">
|
||||
<FancyTextBlock22 />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-twentyTwo */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Feature Seventeen
|
||||
===================================================== */}
|
||||
<div className="fancy-feature-seventeen mt-150 md-mt-90" id="product">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<FancyFeatureSeventeen />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-feature-seventeen */}
|
||||
|
||||
{/* =====================================================
|
||||
Pricing Section Six
|
||||
===================================================== */}
|
||||
<div className="pricing-section-six pt-200 md-pt-100" id="pricing">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-10 m-auto">
|
||||
<div className="title-style-seven text-center">
|
||||
<h2>
|
||||
Solo, Agency or Team? We’ve got you <span>covered.</span>
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
<PricingSix />
|
||||
</div>
|
||||
{/* /.pricing-section-six */}
|
||||
|
||||
{/* =====================================================
|
||||
Client Feedback Slider Six
|
||||
===================================================== */}
|
||||
<div
|
||||
className="client-feedback-slider-six pt-200 md-pt-120"
|
||||
id="feedback"
|
||||
>
|
||||
<div className="inner-container">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<Image width="72" height="72" src="/images/icon/100.svg" alt="icon" className="m-auto" />
|
||||
<div className="title-style-seven text-center mt-20">
|
||||
<h2>
|
||||
<span>Client</span> love us & we love them
|
||||
</h2>
|
||||
<p>Kind words from our deski Clients.</p>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="clientSliderSix">
|
||||
<TestimonialSix />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.inner-container */}
|
||||
</div>
|
||||
{/* /.client-feedback-slider-six */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Eight
|
||||
===================================================== */}
|
||||
<FancyFeaturesTwo/>
|
||||
{/* /.fancy-short-banner-eight */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
</Scrollspy>
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default NoteTakingLanding;
|
||||
@@ -0,0 +1,326 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
import dynamic from "next/dynamic";
|
||||
const PricingFive = dynamic(() => import('../../../components/pricing/PricingFive'), {
|
||||
ssr: false,
|
||||
});
|
||||
const FancyFeature = dynamic(() => import('@/components/fancy-features/FancyFeature'), {
|
||||
ssr: false,
|
||||
});
|
||||
const FancyShortBanner = dynamic(() => import('@/components/fancy-features/FancyShortBanner'), {
|
||||
ssr: false,
|
||||
});
|
||||
import HeaderLandingDark from "../../../components/header/landing/HeaderLandingDark";
|
||||
import HeroBannerSix from "../../../components/hero-banner/HeroBannerSix";
|
||||
import DocSlickAsNavTwo from "../../../components/block-slider/DocSlickAsNavTwo";
|
||||
import FancyFeatureTwelve from "../../../components/features/FancyFeatureTwelve";
|
||||
import Portfolio from "../../../components/portfolio/Portfolio";
|
||||
import Testimonial from "../../../components/testimonial/TestimonialFive";
|
||||
|
||||
import FooterSix from "../../../components/footer/FooterSix";
|
||||
import Image from "next/image";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
|
||||
export const metadata = {
|
||||
title: ' Product Landing Dark || 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 ProductLandingDark = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper font-gordita dark-style lg-container p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderLandingDark />
|
||||
{/* End HeaderLanding */}
|
||||
|
||||
{/*=============================================
|
||||
Theme Hero Banner
|
||||
============================================== */}
|
||||
<Scrollspy>
|
||||
<div className="hero-banner-six" id="home">
|
||||
<div className="illustration-content">
|
||||
<Image width="700" height="700"
|
||||
src="/images/shape/144.svg"
|
||||
alt="shape"
|
||||
className="main-img ms-auto"
|
||||
/>
|
||||
<Image width={716} height={569} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_05.png"
|
||||
alt="screen"
|
||||
className="screen-one"
|
||||
/>
|
||||
<div className="screen-two">
|
||||
<Image width={303} height={548} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_06.png"
|
||||
alt="screen"
|
||||
className="ms-auto"
|
||||
/>
|
||||
</div>
|
||||
<Image width="25" height="25"
|
||||
src="/images/shape/145.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="120" height="104"
|
||||
src="/images/shape/146.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width="15" height="15"
|
||||
src="/images/shape/147.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image width="13" height="13"
|
||||
src="/images/shape/148.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image width="83" height="93"
|
||||
src="/images/shape/149.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<Image width={154} height={154}
|
||||
src="/images/shape/150.png"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
</div>
|
||||
{/* End .illustration-content */}
|
||||
|
||||
<div className="container">
|
||||
<HeroBannerSix />
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* /.hero-banner-six */}
|
||||
|
||||
{/*=============================================
|
||||
Fancy Feature Twelve
|
||||
============================================== */}
|
||||
<div className="fancy-feature-twelve pt-250 md-pt-50" id="about">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-7 col-lg-10 col-md-8 m-auto">
|
||||
<div className="title-style-six text-center">
|
||||
<h2>
|
||||
Check why you <span>Should</span> Choose us
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<FancyFeatureTwelve />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
<Image width="99" height="86" src="/images/shape/151.svg" alt="image" className="shapes shape-one" />
|
||||
</div>
|
||||
{/* /.fancy-feature-twelve */}
|
||||
|
||||
{/*=============================================
|
||||
Fancy Feature Thirteen
|
||||
============================================== */}
|
||||
<div className="fancy-feature-thirteen pt-250 md-pt-110 " id="features">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-11 col-md-10 m-auto">
|
||||
<div className="title-style-six text-center">
|
||||
<h2>
|
||||
Bring all Team <span>Managment</span> & task togather
|
||||
</h2>
|
||||
<p className="text-xs">
|
||||
Lorem ipsum dolor on adipisci elit io sed do eiusmod tempor
|
||||
dsu elit
|
||||
</p>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="sldier-wrapper mt-30 md-mt-50">
|
||||
<DocSlickAsNavTwo />
|
||||
</div>
|
||||
{/* /.sldier-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-thirteen */}
|
||||
|
||||
{/*=====================================================
|
||||
Fancy Feature Fourteen
|
||||
===================================================== */}
|
||||
<FancyFeature/>
|
||||
{/* /.fancy-feature-fourteen */}
|
||||
|
||||
{/*=====================================================
|
||||
Fancy Portfolio One
|
||||
===================================================== */}
|
||||
<div className="fancy-portfolio-one pt-180 md-pt-100" id="product">
|
||||
<div className="container">
|
||||
<div className="title-style-six">
|
||||
<h2>
|
||||
Our <span>Portfolio</span>
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
|
||||
<div className="portfolioSliderOne arrow-top-right pt-120 md-pt-70">
|
||||
<Portfolio />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-portfolio-one */}
|
||||
|
||||
{/*=====================================================
|
||||
Client Feedback Slider Five
|
||||
===================================================== */}
|
||||
<div
|
||||
className=" client-feedback-slider-five mt-200 md-mt-80"
|
||||
id="feedback"
|
||||
>
|
||||
<div className="client-feedback-slider-fiv">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-7 col-lg-10 col-md-9 m-auto">
|
||||
<Image width="79" height="78"
|
||||
src="/images/icon/84.svg"
|
||||
alt="icon"
|
||||
className="icon m-auto"
|
||||
/>
|
||||
<div className="title-style-six text-center mt-25">
|
||||
<h2>
|
||||
Check what’s <span>Customer </span>say about us.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xl-7 col-lg-10 m-auto">
|
||||
<div className="custom-icon-slick-arrow clientSliderFive mt-80 md-mt-50">
|
||||
<Testimonial />
|
||||
</div>
|
||||
{/* /.clientSliderThree */}
|
||||
<Image width="26" height="26"
|
||||
src="/images/shape/156.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="16" height="16"
|
||||
src="/images/shape/157.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width="14" height="14"
|
||||
src="/images/shape/158.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
<div className="circle-area">
|
||||
<Image width={1631} height={1311} src="/images/shape/155.svg" alt="shape" className="main-img" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.client-feedback-slider-three */}
|
||||
|
||||
{/* =====================================================
|
||||
Pricing Section Five
|
||||
===================================================== */}
|
||||
<div
|
||||
className="pricing-section-five pt-250 md-mt-150 sm-mt-80 md-pt-80"
|
||||
id="pricing"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5 order-lg-last">
|
||||
<div className="title-style-six ps-5 md-p0">
|
||||
<h6 style={{ fontSize: "15" }}>Our Pricing</h6>
|
||||
<h2>
|
||||
Choose your <span>Product.</span>
|
||||
</h2>
|
||||
<p className="text-xs">
|
||||
Lorem ipsum dolor on adipisci elit sed do eiusmod liu.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-7">
|
||||
<div className="pricing-table-area-five md-mt-60">
|
||||
<Image width={159} height={159}
|
||||
src="/images/icon/88.png"
|
||||
alt="icon"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={214} height={214}
|
||||
src="/images/shape/160.png"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<PricingFive />
|
||||
</div>
|
||||
{/* /.pricing-table-area-five */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.pricing-section-five */}
|
||||
|
||||
{/*=====================================================
|
||||
Fancy Short Banner Seven
|
||||
===================================================== */}
|
||||
<FancyShortBanner/>
|
||||
{/* /.fancy-short-banner-seven */}
|
||||
|
||||
{/*=====================================================
|
||||
Footer Style Six
|
||||
===================================================== */}
|
||||
</Scrollspy>
|
||||
<footer className="theme-footer-six">
|
||||
<div className="inner-container">
|
||||
<div className="container">
|
||||
<FooterSix />
|
||||
<p className="copyright">
|
||||
{" "}
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
<Image width={405} height={348}
|
||||
src="/images/shape/167.png"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
</div>
|
||||
{/* /.inner-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-six */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ProductLandingDark;
|
||||
@@ -0,0 +1,281 @@
|
||||
|
||||
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import FancyFeatureTen from "../../../components/features/FancyFeatureTen";
|
||||
import HeaderLanding from "../../../components/header/landing/HeaderLanding";
|
||||
import HeroBannerFive from "../../../components/hero-banner/HeroBannerFive";
|
||||
import FancyTextBlock21 from "../../../components/fancy-text-block/FancyTextBlock21";
|
||||
import CounterTwo from "../../../components/counter/CounterTwo";
|
||||
import FancyFeatureEleven from "../../../components/features/FancyFeatureEleven";
|
||||
import Pricing from "../../../components/pricing/pricing-four/Pricing";
|
||||
import TestimonialFour from "../../../components/testimonial/TestimonialFour";
|
||||
import FooterFive from "../../../components/footer/FooterFive";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Product Landing || 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 ProductLanding = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderLanding />
|
||||
{/* End HeaderLanding */}
|
||||
<Scrollspy>
|
||||
|
||||
<div id="home">
|
||||
<HeroBannerFive />
|
||||
</div>
|
||||
{/* End HeaderBannerFive */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Ten
|
||||
============================================== */}
|
||||
<div className="fancy-feature-ten pt-100 md-pt-70" id="features">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="row justify-content-between align-items-center">
|
||||
<div
|
||||
className="col-md-6"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-six">
|
||||
<h2>
|
||||
The <span>Product</span> we work with.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div
|
||||
className="col-lg-5 col-md-6"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<p className="sub-text pt-30 pb-30">
|
||||
Commonly used in the graphic, print & publishing industris for
|
||||
previewing visual mockups.
|
||||
</p>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
<FancyFeatureTen />
|
||||
{/* End Fancy Feature Ten */}
|
||||
</div>
|
||||
<Image width="92" height="84"
|
||||
src="/images/shape/137.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-feature-ten */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Twenty One
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-twentyOne pt-170 md-pt-100" id="about">
|
||||
<div className="container">
|
||||
<FancyTextBlock21 />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-twentyOne */}
|
||||
|
||||
{/* =====================================================
|
||||
Counter Style Two
|
||||
===================================================== */}
|
||||
<div className="counter-style-two mt-150 md-mt-60">
|
||||
<div className="border-bottom">
|
||||
<div className="container">
|
||||
<CounterTwo />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.counter-style-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Feature Eleven
|
||||
===================================================== */}
|
||||
<div className="fancy-feature-eleven pt-130 md-pt-80" id="product">
|
||||
<div className="inner-container">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 col-md-9 m-auto">
|
||||
<div className="title-style-six text-center">
|
||||
<h6>Our Product</h6>
|
||||
<h2>
|
||||
We’ve helping <span>customer</span> globally now.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
<FancyFeatureEleven />
|
||||
</div>
|
||||
{/* /.inner-container */}
|
||||
<Image width="92" height="84"
|
||||
src="/images/shape/139.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="111" height="106"
|
||||
src="/images/shape/140.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.fancy-feature-eleven */}
|
||||
|
||||
{/* =====================================================
|
||||
Pricing Section Four
|
||||
===================================================== */}
|
||||
<div className="pricing-section-four pt-200 md-pt-100" id="pricing">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-10 m-auto">
|
||||
<div className="title-style-six text-center">
|
||||
<h2>
|
||||
Solo, Agency or Team? We’ve got you <span>covered.</span>
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
|
||||
<Pricing />
|
||||
</div>
|
||||
{/* /.pricing-section-four */}
|
||||
|
||||
{/* =====================================================
|
||||
Client Feedback Slider Four
|
||||
===================================================== */}
|
||||
<div
|
||||
className="client-feedback-slider-four mt-200 md-mt-100"
|
||||
id="feedback"
|
||||
>
|
||||
<div className="inner-container">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-9 col-md-8 m-auto">
|
||||
<div className="title-style-six text-center">
|
||||
<h2>
|
||||
<span>13,000+</span> Clients love Our product
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="clientSliderFour slick-nav-none">
|
||||
<TestimonialFour />
|
||||
</div>
|
||||
<Image width="133" height="140"
|
||||
src="/images/shape/141.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="88" height="94"
|
||||
src="/images/shape/142.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.inner-container */}
|
||||
</div>
|
||||
{/* /.client-feedback-slider-four */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Six
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-six mt-150 md-mt-80">
|
||||
<Image width="125" height="252"
|
||||
src="/images/shape/143.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-xl-9 col-lg-11 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-six text-center">
|
||||
<h2>
|
||||
love our product? <br />
|
||||
<span>Save $20</span> by grab it today.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
</div>
|
||||
</div>
|
||||
<p data-aos="fade-up" data-aos-duration="1200" data-aos-delay="100">
|
||||
Try it risk free — we don’t charge cancellation fees.
|
||||
</p>
|
||||
<a
|
||||
href="https://themeforest.net/item/deski-saas-software-react-template/33799794"
|
||||
className="theme-btn-seven"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
Purchase Now
|
||||
</a>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
</Scrollspy>
|
||||
{/* /.fancy-short-banner-six */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Five
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-five mt-130 md-mt-100">
|
||||
<div className="inner-container">
|
||||
<div className="container">
|
||||
<FooterFive />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.inner-container */}
|
||||
<p className="copyright">
|
||||
{" "}
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</footer>
|
||||
{/* /.theme-footer-five */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ProductLanding;
|
||||
@@ -0,0 +1,583 @@
|
||||
|
||||
|
||||
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import FaqClassic from "../../../components/faq/FaqClassicTwo";
|
||||
import SocialTwo from "../../../components/social/SocialTwo";
|
||||
import CounterOne from "../../../components/counter/CounterOne";
|
||||
import CallToActionFour from "../../../components/call-to-action/CallToActionFour";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import BlockMetaData from "../../../components/fancy-text-block/BlockMetaData";
|
||||
import FormProjectManagement from "@/components/form/FormProjectManagement";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Project Management || 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 ProjectManagement = () => {
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Hero Banner One
|
||||
============================================== */}
|
||||
<div className="hero-banner-one">
|
||||
<div className="hero-upper-container">
|
||||
<div className="icon-box-one">
|
||||
<Image width={29} height={27} src="/images/logo/01.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box-two">
|
||||
<Image width={42} height={36} src="/images/logo/02.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box-three">
|
||||
<Image width={30} height={30} src="/images/logo/03.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box-four">
|
||||
<Image width={40} height={40} src="/images/logo/04.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box-five">
|
||||
<Image width={35} height={35} src="/images/logo/05.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box-six">
|
||||
<Image width={54} height={53} src="/images/logo/06.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box-seven">
|
||||
<Image width={26} height={26} src="/images/logo/07.png" alt="logo" />
|
||||
</div>
|
||||
<div className="icon-box-eight">
|
||||
<Image width={30} height={30} src="/images/logo/08.png" alt="logo" />
|
||||
</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>
|
||||
{/* End all bubble images */}
|
||||
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 m-auto">
|
||||
<h1 className="font-rubik hero-heading">
|
||||
Get your work done with <span>deski</span>
|
||||
</h1>
|
||||
<p className="hero-sub-heading">
|
||||
The first project management platform that brings everything
|
||||
together
|
||||
</p>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End row */}
|
||||
|
||||
<FormProjectManagement/>
|
||||
|
||||
|
||||
<p className="sing-in-call">
|
||||
Already using deski? <Link href="/login">Sign in.</Link>
|
||||
</p>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* /.hero-upper-container */}
|
||||
</div>
|
||||
{/* /.hero-banner-one */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Feature One
|
||||
============================================== */}
|
||||
<div className="fancy-feature-one pb-150 md-pb-80">
|
||||
<div className="text-center">
|
||||
<div className="feature-img-area">
|
||||
<Image width={1032} height={552} style={{height:'fit-content'}} src="/images/assets/feature-img-01.png" alt="feature" />
|
||||
<Image width={591} height={591}
|
||||
style={{height:'fit-content'}}
|
||||
src="/images/assets/feature-img-01-01.png"
|
||||
alt="feature"
|
||||
className="cs-screen screen-one"
|
||||
/>
|
||||
<Image width={440} height={55} style={{height:'fit-content'}}
|
||||
src="/images/assets/feature-img-01-02.png"
|
||||
alt="feature"
|
||||
className="cs-screen screen-two"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
/>
|
||||
<Image width={374} height={55} style={{height:'fit-content'}}
|
||||
src="/images/assets/feature-img-01-03.png"
|
||||
alt="feature"
|
||||
className="cs-screen screen-three"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
/>
|
||||
<Image width={374} height={55} style={{height:'fit-content'}}
|
||||
src="/images/assets/feature-img-01-04.png"
|
||||
alt="feature"
|
||||
className="cs-screen screen-four"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="150"
|
||||
/>
|
||||
<Image width={294} height={55} style={{height:'fit-content'}}
|
||||
src="/images/assets/feature-img-01-05.png"
|
||||
alt="feature"
|
||||
className="cs-screen screen-five"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="200"
|
||||
/>
|
||||
</div>
|
||||
{/* /.feature-img-area */}
|
||||
</div>
|
||||
{/* /.text-center */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Block Style One
|
||||
============================================== */}
|
||||
<div className="block-style-one">
|
||||
<div className="container">
|
||||
<div className="d-lg-flex align-items-center justify-content-between inner-container">
|
||||
<BlockMetaData />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.block-style-one */}
|
||||
</div>
|
||||
{/* /.fancy-feature-one */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Feature Two
|
||||
============================================== */}
|
||||
<div className="fancy-feature-two">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-7 col-lg-7 col-md-9 m-auto">
|
||||
<div className="title-style-one text-center mb-190 md-mb-100">
|
||||
<h2>Know everything about App features.</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="row align-items-center block-style-two pb-250 md-pb-90">
|
||||
<div className="col-lg-7 col-md-8 m-auto">
|
||||
<div data-aos="fade-right" data-aos-duration="1200">
|
||||
<div className="img-holder img-holder-one">
|
||||
<div
|
||||
className="cs-screen progress-line-one"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
></div>
|
||||
<div
|
||||
className="cs-screen progress-line-two"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
></div>
|
||||
<Image width={674} height={604} style={{height:'fit-content'}} src="/images/assets/feature-img-05.png" alt="feature" />
|
||||
<Image width={821} height={821}
|
||||
src="/images/shape/1.svg"
|
||||
alt="feature"
|
||||
className="cs-screen screen-one"
|
||||
/>
|
||||
<Image width={421} height={421}
|
||||
src="/images/shape/2.svg"
|
||||
alt="feature"
|
||||
className="cs-screen dot-shape"
|
||||
/>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
</div>
|
||||
{/* /.img-holder */}
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-5">
|
||||
<div
|
||||
className="text-wrapper"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<h6 className="font-rubik" style={{ color: "#FF5291" }}>
|
||||
FLEXIBILITY
|
||||
</h6>
|
||||
<h3 className="font-gilroy-bold">
|
||||
Get instant visibility into all your team work.
|
||||
</h3>
|
||||
<p>
|
||||
Don’t waste time on tedious manual tasks. Let Automation do it
|
||||
for you. Simplify workflows, reduce errors, and save time for
|
||||
solving more important problems.
|
||||
</p>
|
||||
<a href="#">Learn about flexibility</a>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>{" "}
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* /.block-style-two */}
|
||||
|
||||
<div className="row align-items-center block-style-two pb-250 md-pb-90">
|
||||
<div className="col-lg-6 col-md-8 m-auto order-lg-last">
|
||||
<div data-aos="fade-left" data-aos-duration="1200">
|
||||
<div className="img-holder img-holder-two">
|
||||
<Image width={550} height={616} style={{height:'fit-content'}} src="/images/assets/feature-img-06.png" alt="feature" />
|
||||
<Image width={476} height={260}
|
||||
src="/images/assets/feature-img-06-01.png" style={{height:'fit-content'}}
|
||||
alt="feature"
|
||||
className="cs-screen screen-one"
|
||||
/>
|
||||
<Image width={907} height={916}
|
||||
src="/images/shape/3.svg" style={{height:'fit-content'}}
|
||||
alt="feature"
|
||||
className="cs-screen screen-two"
|
||||
/>
|
||||
<Image width={362} height={362}
|
||||
src="/images/shape/4.svg" style={{height:'fit-content'}}
|
||||
alt="feature"
|
||||
className="cs-screen dot-shape"
|
||||
/>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
</div>
|
||||
{/* /.img-holder */}
|
||||
</div>
|
||||
</div>{" "}
|
||||
{/* End .col */}
|
||||
<div className="col-lg-6 order-lg-first">
|
||||
<div
|
||||
className="text-wrapper ps-5 pe-5"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<h6 className="font-rubik" style={{ color: "#AA4CFF" }}>
|
||||
QUICK & FAST
|
||||
</h6>
|
||||
<h3 className="font-gilroy-bold">Fast App response time</h3>
|
||||
<p>
|
||||
deski is 5x as fast to load than other popular tools, quick to
|
||||
configure.
|
||||
</p>
|
||||
<div className="quote">
|
||||
<blockquote>
|
||||
“Our team really feel great to use the deski app specially
|
||||
their faster load & server speed”
|
||||
</blockquote>
|
||||
<div className="d-flex align-items-center">
|
||||
<Image width={42} height={42} src="/images/media/img_01.png" alt="media" />
|
||||
<div className="info-meta">
|
||||
<h5>Micle Duke, Product Manager</h5>
|
||||
<span className="font-rubik">Uber Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.quote */}
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>{" "}
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* /.block-style-two */}
|
||||
|
||||
<div className="row align-items-center block-style-two pb-170 md-pb-50">
|
||||
<div className="col-lg-7 col-md-7 m-auto">
|
||||
<div data-aos="fade-right" data-aos-duration="1200">
|
||||
<div className="img-holder img-holder-three">
|
||||
<Image width={544} height={526} style={{height:'fit-content'}} src="/images/assets/feature-img-07.png" alt="feature" />
|
||||
<Image width={501} height={501} style={{height:'fit-content'}}
|
||||
src="/images/assets/feature-img-07-01.png"
|
||||
alt="feature"
|
||||
className="cs-screen screen-one"
|
||||
/>
|
||||
<Image width="907" height="916"
|
||||
src="/images/shape/5.svg" style={{height:'fit-content'}}
|
||||
alt="feature"
|
||||
className="cs-screen screen-two"
|
||||
/>
|
||||
<Image width="362" height="362"
|
||||
src="/images/shape/6.svg" style={{height:'fit-content'}}
|
||||
alt="feature"
|
||||
className="cs-screen dot-shape"
|
||||
/>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
</div>
|
||||
{/* /.img-holder */}
|
||||
</div>
|
||||
</div>{" "}
|
||||
{/* End .col */}
|
||||
<div className="col-lg-5">
|
||||
<div
|
||||
className="text-wrapper"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<h6 className="font-rubik" style={{ color: "#03DDD5" }}>
|
||||
PROJECT STATUS
|
||||
</h6>
|
||||
<h3 className="font-gilroy-bold">
|
||||
Real time project status monitoring.
|
||||
</h3>
|
||||
<p>
|
||||
Don’t waste time on tedious manual tasks. Let Automation do it
|
||||
for you. Simplify workflows, reduce errors, and save time for
|
||||
solving more important problems.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>{" "}
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* /.block-style-two */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-feature-two */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Usable Tools Section
|
||||
============================================== */}
|
||||
<div className="useable-tools-section bg-color mt-140 mb-50 md-mt-80">
|
||||
<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="container">
|
||||
<h6 className="font-rubik">Integrates with your tools</h6>
|
||||
<h2>
|
||||
Deski ties into your existing tools, services, & workflow. Get
|
||||
notifications or create a Story with others tools.
|
||||
</h2>
|
||||
|
||||
<SocialTwo />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.useable-tools-section */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Feature Three
|
||||
============================================== */}
|
||||
<div className="fancy-feature-three pt-200 md-pt-80">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="title-style-one">
|
||||
<h6 className="font-rubik">You’re in good company</h6>
|
||||
<h2>Join the community by using our apps to grow faster.</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
|
||||
<CounterOne />
|
||||
{/* /.counter-info-classic */}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="clients-feedback-classic md-mt-80">
|
||||
<div
|
||||
className="feedback-wrapper"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Image width={71} height={71}
|
||||
src="/images/media/img_02.png"
|
||||
alt="image"
|
||||
className="media-meta"
|
||||
/>
|
||||
<p>
|
||||
it’s a great exprience to work with deski. They’r vey humble
|
||||
and expert & the service has been excellent & super.
|
||||
</p>
|
||||
<h6 className="name">Rena Singleton</h6>
|
||||
<span className="font-rubik disg-info">
|
||||
Former Assistant Jamuna Group.
|
||||
</span>
|
||||
</div>{" "}
|
||||
{/* /.feedback-wrapper */}
|
||||
<div
|
||||
className="feedback-wrapper"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Image width={71} height={71}
|
||||
src="/images/media/img_03.png"
|
||||
alt="image"
|
||||
className="media-meta"
|
||||
/>
|
||||
<p>
|
||||
it’s a great exprience to work with deski. They’r vey humble
|
||||
and expert & the service has been excellent & super.
|
||||
</p>
|
||||
<h6 className="name">Rashed Ka.</h6>
|
||||
<span className="font-rubik disg-info">
|
||||
UI designer Baper Inc.
|
||||
</span>
|
||||
</div>{" "}
|
||||
{/* /.feedback-wrapper */}
|
||||
<div
|
||||
className="feedback-wrapper"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Image width={71} height={71}
|
||||
src="/images/media/img_04.png"
|
||||
alt="image"
|
||||
className="media-meta"
|
||||
/>
|
||||
<p>
|
||||
it’s a great exprience to work with deski. They’r vey humble
|
||||
and expert & the service has been excellent & super.
|
||||
</p>
|
||||
<h6 className="name">Zubayer Hasan</h6>
|
||||
<span className="font-rubik disg-info">
|
||||
Front-end coder HeloShape.
|
||||
</span>
|
||||
</div>
|
||||
{/* /.feedback-wrapper */}
|
||||
</div>
|
||||
{/* /.clients-feedback-classic */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-three */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Call To Action
|
||||
============================================== */}
|
||||
<div className="fancy-short-banner-one">
|
||||
<div className="container">
|
||||
<CallToActionFour />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
<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-short-banner-one */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Faq Classic
|
||||
============================================== */}
|
||||
<div className="faq-classic pt-225 md-pt-120">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="title-style-one">
|
||||
<h6 className="font-rubik">Find your answers</h6>
|
||||
<h2>Have any thought? Look here.</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
<Link href="/faq" className="theme-btn-one mt-50 md-mt-30">
|
||||
{" "}
|
||||
Go to Faq
|
||||
</Link>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-6">
|
||||
<div className="md-mt-60">
|
||||
<FaqClassic />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faq-classic */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
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 ProjectManagement;
|
||||
@@ -0,0 +1,212 @@
|
||||
|
||||
|
||||
import DocEditorTabs from "../../../components/block-slider/DocEditorTabs";
|
||||
import FancyFeatureNinteen from "../../../components/features/FancyFeatureNinteen";
|
||||
import HeaderLandingEditor from "../../../components/header/landing/HeaderLandingEditor";
|
||||
import HeroBannerEight from "../../../components/hero-banner/HeroBannerEight";
|
||||
import TestimonialSeven from "../../../components/testimonial/TestimonialSeven";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import FacnyVideoTwo from "../../../components/video/FacnyVideoTwo";
|
||||
import FacnyVideoThree from "../../../components/video/FacnyVideoThree";
|
||||
import VideoGallery from "../../../components/video/VideoGallery";
|
||||
import FancyBanner from "@/components/fancy-features/FancyBanner";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Video Editor Landing || 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 VideoEditorLanding = () => {
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderLandingEditor />
|
||||
{/* End Header Landing Editor */}
|
||||
|
||||
{/* =============================================
|
||||
Theme Hero Banner
|
||||
============================================== */}
|
||||
<Scrollspy>
|
||||
<div id="home">
|
||||
<HeroBannerEight />
|
||||
</div>
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Eighteen
|
||||
============================================== */}
|
||||
<div className="fancy-feature-eighteen mt-130 md-mt-80" id="feature">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 m-auto">
|
||||
<div
|
||||
className="title-style-eight text-center"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<h2>
|
||||
Build with <br /> 800+ Stunning Effects
|
||||
</h2>
|
||||
<p>
|
||||
Rotate, merge, trim, split, crop and flip videos with a modern
|
||||
& simple ui
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Nav tabs */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
<DocEditorTabs />
|
||||
|
||||
<Image width="256" height="674" src="/images/shape/175.svg" alt="image" className="shapes shape-right" />
|
||||
<Image width="248" height="621" src="/images/shape/176.svg" alt="image" className="shapes shape-left" />
|
||||
</div>
|
||||
{/* /.fancy-feature-eighteen */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Nineteen
|
||||
============================================== */}
|
||||
<div className="fancy-feature-nineteen pt-180 md-pt-100" id="effect">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-xl-9 col-lg-11 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-eight text-center mb-80 md-mb-40">
|
||||
<h2>Unleash Creativity with Pro Effects</h2>
|
||||
<p>
|
||||
Explore advanced video editing features that only
|
||||
professionals have access to!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<FancyFeatureNinteen />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-nineteen */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty
|
||||
============================================== */}
|
||||
<div className="fancy-feature-twenty mt-225 md-mt-150">
|
||||
<div className="container">
|
||||
<div className="block-style-twenty">
|
||||
<FacnyVideoTwo />
|
||||
</div>
|
||||
{/* /.block-style-twenty */}
|
||||
|
||||
<div className="block-style-twenty mt-170 md-mt-120">
|
||||
<FacnyVideoThree />
|
||||
</div>
|
||||
{/* /.block-style-twenty */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-twenty */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Feature Twenty One
|
||||
===================================================== */}
|
||||
<div className="fancy-feature-twentyOne mt-200 md-mt-100" id="template">
|
||||
<div className="container">
|
||||
<div
|
||||
className="title-style-eight text-center mb-80 md-mb-30"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<h2>Ready Stunning Templates</h2>
|
||||
<p>Quick and easy to customize. No experience required.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="lg-container">
|
||||
<div className="container">
|
||||
<VideoGallery />
|
||||
|
||||
<div
|
||||
className="text-center mt-70"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<a href="#" className="theme-btn-nine">
|
||||
Start Building
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</div>
|
||||
{/* /.fancy-feature-twentyOne */}
|
||||
|
||||
{/* =====================================================
|
||||
Client Feedback Slider Six
|
||||
===================================================== */}
|
||||
<div
|
||||
className="client-feedback-slider-six pt-170 md-pt-120"
|
||||
id="feedback"
|
||||
>
|
||||
<div className="inner-container">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-xl-7 col-lg-9 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-eight text-center">
|
||||
<h6>FEEDBACK</h6>
|
||||
<h2>Trusted by millions of creators.</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
<div className="clientSliderSix">
|
||||
<TestimonialSeven />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.inner-container */}
|
||||
</div>
|
||||
{/* /.client-feedback-slider-six */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Nine
|
||||
===================================================== */}
|
||||
<FancyBanner/>
|
||||
</Scrollspy>
|
||||
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default VideoEditorLanding;
|
||||
@@ -0,0 +1,265 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import BlockFeaturesOne from "../../../components/vr-landing/BlockFeaturesOne";
|
||||
import BlockFeaturesTwo from "../../../components/vr-landing/BlockFeaturesTwo";
|
||||
import FancyFeature from "../../../components/vr-landing/FancyFeature";
|
||||
import FancyVideo from "../../../components/vr-landing/FancyVideo";
|
||||
import FeatureCounter from "../../../components/vr-landing/FeatureCounter";
|
||||
import HeaderLanding from "../../../components/vr-landing/Header";
|
||||
import HeroBanner from "../../../components/vr-landing/HeroBanner";
|
||||
import LatestProduct from "../../../components/vr-landing/LatestProduct";
|
||||
import Testimonials from "../../../components/vr-landing/Testimonials";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
|
||||
export const metadata = {
|
||||
title: 'VR Landing || 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 VrLanding = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
<HeaderLanding />
|
||||
{/* End .Header */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Theme Hero Banner
|
||||
==============================================
|
||||
|
||||
--> */}
|
||||
<Scrollspy>
|
||||
<div className="hero-banner-fourteen lg-container" id="home">
|
||||
<div className="container">
|
||||
<HeroBanner />
|
||||
<div className="screen-holder">
|
||||
<Image width="941" height="450" src="/images/shape/241.svg" alt="image" className="img-meta" />
|
||||
<Image width={803} height={824} style={{height:'fit-content'}}
|
||||
src="/images/assets/ils-03.png"
|
||||
alt="illustration"
|
||||
className="shapes vr-image"
|
||||
/>
|
||||
<Image width="55" height="55"
|
||||
src="/images/shape/242.svg"
|
||||
alt="illustration"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="45" height="55"
|
||||
src="/images/shape/242.svg"
|
||||
alt="illustration"
|
||||
className="shapes shape-two"
|
||||
|
||||
/>
|
||||
<Image width="75" height="55"
|
||||
src="/images/shape/242.svg"
|
||||
alt="illustration"
|
||||
className="shapes shape-three"
|
||||
|
||||
/>
|
||||
<div className="rating-box">
|
||||
<Image width="176" height="173" src="/images/shape/243.svg" alt="image" />
|
||||
<div className="rate">
|
||||
9.3 <br />
|
||||
<span>Rating</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.screen-holder --> */}
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.hero-banner-fourteen --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Thirty Six
|
||||
==============================================
|
||||
--> */}
|
||||
<div
|
||||
className="fancy-feature-thirtySix lg-container pt-170 pb-110 md-pt-120 md-pb-60"
|
||||
id="product"
|
||||
>
|
||||
<div className="container position-relative">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-xl-3 col-lg-4"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-eleven md-mb-40 text-center text-lg-left">
|
||||
<h2 className="text-white">Our latest Arrival.</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-9 col-lg-8">
|
||||
<div className="product_slider_one vr-landing-slider">
|
||||
<LatestProduct />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirtySix --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Thirty Seven
|
||||
==============================================
|
||||
--> */}
|
||||
<div
|
||||
className="fancy-feature-thirtySeven lg-container pt-120"
|
||||
id="feature"
|
||||
>
|
||||
<FancyFeature />
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirtySeven --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Thirty Eight
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="fancy-feature-thirtyEight lg-container mt-75 pb-150 md-pb-80">
|
||||
<div className="container">
|
||||
<div className="top-border pt-70 md-pt-30">
|
||||
<div className="row justify-content-center">
|
||||
<FeatureCounter />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.top-border --> */}
|
||||
</div>
|
||||
{/* <!-- /.container --> */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirtyEight --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Thirty Nine
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="fancy-feature-thirtyNine lg-container position-relative">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<FancyVideo />
|
||||
</div>
|
||||
</div>
|
||||
<div className="img-meta">
|
||||
<Image width={1322} height={740} style={{height:'fit-content'}} src="/images/media/img_119.png" alt="vr" data-aos="fade-up" />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirtyNine --> */}
|
||||
|
||||
{/* <!--
|
||||
=====================================================
|
||||
Fancy Feature Forty
|
||||
=====================================================
|
||||
--> */}
|
||||
<div
|
||||
className="fancy-feature-forty lg-container pt-225 md-pt-120"
|
||||
id="product-details"
|
||||
>
|
||||
<div className="container">
|
||||
<BlockFeaturesOne />
|
||||
{/* <!-- /.block-style-thirtyEight --> */}
|
||||
|
||||
<BlockFeaturesTwo />
|
||||
{/* <!-- /.block-style-thirtyEight --> */}
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-forty --> */}
|
||||
|
||||
{/* <!--
|
||||
=====================================================
|
||||
Client Feedback Slider Nine
|
||||
=====================================================
|
||||
--> */}
|
||||
<div
|
||||
className="client-feedback-slider-nine lg-container position-relative mt-250 md-mt-150"
|
||||
id="testimonial"
|
||||
>
|
||||
<Image width="116" height="131"
|
||||
src="/images/shape/245.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="title-style-sixteen text-center">
|
||||
<div className="upper-title">Testimonials</div>
|
||||
<h2 className="text-white">Client Feedback</h2>
|
||||
</div>
|
||||
<div className="main-content position-relative mt-60">
|
||||
<div className="clientSliderEight slick-arrow-none">
|
||||
<Testimonials />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.main-content --> */}
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.client-feedback-slider-nine --> */}
|
||||
|
||||
{/* <!--
|
||||
=====================================================
|
||||
Fancy Feature Forty One
|
||||
=====================================================
|
||||
--> */}
|
||||
<div className="fancy-feature-fortyOne lg-container mt-180 md-mt-120 ">
|
||||
<div className="container">
|
||||
<div className="border-bottom pb-150 md-pb-80">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 order-lg-last" data-aos="fade-left">
|
||||
<div className="title-style-sixteen">
|
||||
<h2>Get Your VR Headset & start Rocking.</h2>
|
||||
</div>
|
||||
<p className="pe-xl-5 mt-30 mb-50">
|
||||
Enjoy exclusive premium concerts, movies, games and other
|
||||
exciting item.
|
||||
</p>
|
||||
<a href="#" className="buy-btn tran3s">
|
||||
BUY NOW
|
||||
</a>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-6" data-aos="fade-right">
|
||||
<Image width={523} height={523} style={{height:'fit-content'}}
|
||||
src="/images/media/img_124.png"
|
||||
alt="image"
|
||||
className="md-mt-70"
|
||||
/>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.container --> */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-fortyOne --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}</Scrollspy>
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default VrLanding;
|
||||
@@ -0,0 +1,200 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import HeaderLandingWebsiteBuilder from "../../../components/header/landing/HeaderLandingWebsiteBuilder";
|
||||
import HeroBannerTwelve from "../../../components/hero-banner/HeroBannerTwelve";
|
||||
import CounterSix from "../../../components/counter/CounterSix";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import FancyFeatureSeventeen from "../../../components/features/FancyFeatureSeventeen";
|
||||
import FancyTextBlock29 from "../../../components/fancy-text-block/FancyTextBlock29";
|
||||
import TestimonialSeven from "../../../components/testimonial/TestimonialSeven";
|
||||
import CallToActionSeven from "../../../components/call-to-action/CallToActionSeven";
|
||||
import FancyFeatureThirtyTwo from "../../../components/features/FancyFeatureThirtyTwo";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), {
|
||||
ssr: false,
|
||||
|
||||
})
|
||||
export const metadata = {
|
||||
title: 'Website Builder Landing || 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 WebsiteBuilderLanding = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderLandingWebsiteBuilder />
|
||||
{/* End Header for website builder landing */}
|
||||
|
||||
{/* =============================================
|
||||
Theme Hero Banner
|
||||
============================================== */}
|
||||
<Scrollspy>
|
||||
<HeroBannerTwelve />
|
||||
|
||||
{/* =============================================
|
||||
Counter Style Three
|
||||
============================================== */}
|
||||
<div className="counter-style-three lg-container mt-130">
|
||||
<div className="container">
|
||||
<div className="bottom-border">
|
||||
<CounterSix />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.counter-style-three --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Feature Seventeen
|
||||
===================================================== */}
|
||||
<div
|
||||
className="fancy-feature-seventeen lg-container pt-150 md-pt-90"
|
||||
id="feature"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="title-style-thirteen text-center mb-130 md-mb-90">
|
||||
<div className="upper-title">Features</div>
|
||||
<h2>
|
||||
{" "}
|
||||
We’ve ton of features for give you
|
||||
<span>
|
||||
the best website
|
||||
<Image width="391" height="36"
|
||||
src="/images/shape/line-shape-14.svg"
|
||||
alt="line shape"
|
||||
/>
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-border pb-50">
|
||||
<div className="row">
|
||||
<FancyFeatureSeventeen />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-seventeen --> */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Twenty Nine
|
||||
============================================== */}
|
||||
<div
|
||||
className="fancy-feature-twentyNine lg-container pt-150 mt-20 md-pt-70"
|
||||
id="p-tour"
|
||||
>
|
||||
<FancyTextBlock29 />
|
||||
</div>
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Thirty
|
||||
============================================== */}
|
||||
<div className="fancy-feature-thirty mt-180 md-mt-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-10 col-lg-9 m-auto">
|
||||
<div className="title-style-thirteen text-center mb-80 md-mb-60">
|
||||
<div className="upper-title">Others Features</div>
|
||||
<h2>
|
||||
{" "}
|
||||
Deski for every
|
||||
<span>
|
||||
business{" "}
|
||||
<Image width="391" height="36"
|
||||
src="/images/shape/line-shape-14.svg"
|
||||
alt="line shape"
|
||||
/>
|
||||
</span>
|
||||
You need.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="wrapper">
|
||||
<div className="container">
|
||||
<FancyFeatureThirtyTwo />
|
||||
</div>
|
||||
<Image width="150" height="168"
|
||||
src="/images/shape/237.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="150" height="150"
|
||||
src="/images/shape/238.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* <!-- /.wrapper --> */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-thirty --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Client Feedback Slider Six
|
||||
===================================================== */}
|
||||
<div
|
||||
className="client-feedback-slider-six pt-200 md-pt-120"
|
||||
id="feedback"
|
||||
>
|
||||
<div className="inner-container">
|
||||
<div className="title-style-thirteen text-center mb-50 md-mb-20">
|
||||
<div className="upper-title">TESTimonials</div>
|
||||
<h2>
|
||||
Client
|
||||
<span>
|
||||
love us & we
|
||||
<Image width="391" height="36" src="/images/shape/line-shape-14.svg" alt="line shape" />
|
||||
</span>
|
||||
love them
|
||||
</h2>
|
||||
</div>
|
||||
<div className="clientSliderSix style-two">
|
||||
<TestimonialSeven />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.inner-container --> */}
|
||||
</div>
|
||||
{/* <!-- /.client-feedback-slider-six --> */}
|
||||
|
||||
<CallToActionSeven />
|
||||
{/* End call to acion seven */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
</Scrollspy>
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default WebsiteBuilderLanding;
|
||||
@@ -0,0 +1,198 @@
|
||||
import React from "react";
|
||||
|
||||
import HeaderTwo from "../../../components/header/HeaderTwo";
|
||||
import Social from "../../../components/social/Social";
|
||||
import AboutThree from "../../../components/about/AboutThree";
|
||||
import AboutFive from "../../../components/about/AboutFive";
|
||||
import CounterThree from "../../../components/counter/CounterThree";
|
||||
import FooterTwo from "../../../components/footer/FooterTwo";
|
||||
import CopyRightTwo from "../../../components/footer/CopyRightTwo";
|
||||
import FeatureSix from "../../../components/features/FeatureSix";
|
||||
import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Features Customer Support || 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 FeaturesCustomerSupport = () => {
|
||||
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">Check our features with details.</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-225 md-mt-100">
|
||||
<div className="container">
|
||||
<AboutFive />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-eleven */}
|
||||
|
||||
{/* =====================================================
|
||||
Counter With Icon One
|
||||
===================================================== */}
|
||||
<div className="counter-with-icon-one pt-70 pb-45">
|
||||
<div className="container">
|
||||
<CounterThree />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.counter-with-icon-one */}
|
||||
|
||||
{/* =============================================
|
||||
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>
|
||||
Our
|
||||
<span>
|
||||
Features{" "}
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
|
||||
</span>
|
||||
list
|
||||
</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 */}
|
||||
<FeatureSix />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-six */}
|
||||
|
||||
{/*=====================================================
|
||||
Useable Tools
|
||||
===================================================== */}
|
||||
<div className="useable-tools-section-two bg-shape mb-250 mt-150 md-mt-100 md-mb-100">
|
||||
<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="container">
|
||||
<div className="title-style-two text-center mb-70 md-mb-10">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 col-md-11 m-auto">
|
||||
<p>Integrates with your tools</p>
|
||||
<h2>
|
||||
Connect deski with the software you
|
||||
<span>
|
||||
use every
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
|
||||
</span>
|
||||
day.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
|
||||
<div className="icon-wrapper">
|
||||
<Social />
|
||||
</div>
|
||||
{/* /.icon-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.useable-tools-section-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Text Block Eleven
|
||||
===================================================== */}
|
||||
<div className="fancy-text-block-eleven pt-50">
|
||||
<div className="container">
|
||||
<AboutThree />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-eleven */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Three
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-three mt-225 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 FeaturesCustomerSupport;
|
||||
@@ -0,0 +1,85 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import LoginForm from "../../../components/contact/form/LoginForm";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Login || 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 Login = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<div className="user-data-page clearfix d-lg-flex">
|
||||
<div className="illustration-wrapper d-flex align-items-center justify-content-between flex-column">
|
||||
<h3 className="font-rubik">
|
||||
Want your best managment <br />
|
||||
software? <Link href="/signup">sign up</Link>
|
||||
</h3>
|
||||
<div className="illustration-holder">
|
||||
<Image width="930" height="738"
|
||||
src="/images/assets/ils_08.svg"
|
||||
alt="illustration"
|
||||
className="illustration"
|
||||
/>
|
||||
<Image width="554" height="672"
|
||||
src="/images/assets/ils_08.1.svg"
|
||||
alt="illustration"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="369" height="728"
|
||||
src="/images/assets/ils_08.2.svg"
|
||||
alt="illustration"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.illustration-wrapper */}
|
||||
|
||||
<div className="form-wrapper">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="logo">
|
||||
<Link href="/project-management">
|
||||
<Image width="87" height="40" src="/images/logo/deski_01.svg" alt="logo" />
|
||||
</Link>
|
||||
</div>
|
||||
<Link
|
||||
className="font-rubik go-back-button"
|
||||
href="/project-management"
|
||||
>
|
||||
Go to home
|
||||
</Link>
|
||||
</div>
|
||||
<div className="mt-80 md-mt-40">
|
||||
<h2>
|
||||
Hi buddy, welcome <br /> Back!
|
||||
</h2>
|
||||
<p className="header-info pt-30 pb-50">
|
||||
Still don't have an account? <Link href="/signup">Sign Up</Link>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<LoginForm />
|
||||
{/* Login Form End */}
|
||||
<p className="text-center font-rubik copyright-text">
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
title="myFrame"
|
||||
rel="noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.form-wrapper */}
|
||||
</div>
|
||||
{/* /.user-data-page */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Login;
|
||||
@@ -0,0 +1,65 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Not Found || 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 NotFound = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<div className="error-page d-lg-flex align-items-center">
|
||||
<div className="img-holder order-lg-last">
|
||||
<Image
|
||||
src="/images/media/404.svg"
|
||||
|
||||
fill
|
||||
|
||||
|
||||
alt="media"
|
||||
className="w-100 illustration"
|
||||
/>
|
||||
<Image
|
||||
width={104}
|
||||
height={151}
|
||||
src="/images/media/404-q.svg"
|
||||
alt="media"
|
||||
className="shapes qus"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-wrapper order-lg-first">
|
||||
<div className="logo">
|
||||
<Link href="/">
|
||||
<Image width={136}
|
||||
height={43} src="/images/logo/deski_05.svg" alt="logo" />
|
||||
</Link>
|
||||
</div>
|
||||
<h1 className="font-slab">
|
||||
Sorry, <br />
|
||||
The Page Can’t <br />
|
||||
be Found.
|
||||
</h1>
|
||||
<p className="font-rubik">
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
||||
commodo consequat
|
||||
</p>
|
||||
|
||||
<Link
|
||||
href="/"
|
||||
className="back-home font-rubik d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<span>Back to Home</span>
|
||||
<Image width={21} height={10} src="/images/icon/53.svg" alt="icon" />
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
{/* /.error-page */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default NotFound;
|
||||
@@ -0,0 +1,340 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import HeaderTwo from "../../../components/header/HeaderTwo";
|
||||
import Social from "../../../components/social/Social";
|
||||
import FooterTwo from "../../../components/footer/FooterTwo";
|
||||
import CopyRightTwo from "../../../components/footer/CopyRightTwo";
|
||||
import AboutFour from "../../../components/about/AboutFour";
|
||||
import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Product Customer Support || 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 ProductCustomerSupport = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderTwo />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Three
|
||||
============================================== */}
|
||||
<div className="fancy-hero-three bg-transparent">
|
||||
<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 col-md-10 m-auto">
|
||||
<h1 className="heading">Check our product in details</h1>
|
||||
<p className="sub-heading">
|
||||
deski helps teams of all sizes get better at delivering
|
||||
effortless customer
|
||||
</p>
|
||||
<Link
|
||||
href="/pricing-cs"
|
||||
className="theme-btn-two trial-button mt-50 md-mt-30"
|
||||
>
|
||||
{" "}
|
||||
Start Trial
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-three */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Feature Seven
|
||||
============================================== */}
|
||||
<div className="fancy-feature-seven">
|
||||
<div className="container">
|
||||
<div className="title-style-two text-center mb-150 md-mb-70">
|
||||
<p>Our Product</p>
|
||||
<h2>
|
||||
First-timer? Or old-hand? provide support with
|
||||
<span>
|
||||
deski is{" "}
|
||||
<Image width="304" height="37" src="/images/shape/line-shape-8.svg" alt="line shape" />
|
||||
</span>{" "}
|
||||
simple.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
|
||||
<div className="block-wrapper">
|
||||
<div className="block-style-nine">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-7 col-md-9 m-auto"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder">
|
||||
<Image width="659" height="667" src="/images/assets/ils_04.svg" alt="illustrator" />
|
||||
</div>
|
||||
{/* /.illustration-holder */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>Create Event</h6>
|
||||
<h3 className="title font-gilroy-bold">
|
||||
Provide your support now simple and easy.
|
||||
</h3>
|
||||
<p className="font-rubik">
|
||||
Set-up a simple, professional box-office page on your site
|
||||
(or standalone) in minutes. Then design and customise it
|
||||
as much (or as little) as you like with our user-friendly
|
||||
dashboard
|
||||
</p>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-nine */}
|
||||
<div className="block-style-nine">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-7 col-md-9 m-auto order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder">
|
||||
<Image width="721" height="683" src="/images/assets/ils_05.svg" alt="illustrator" />
|
||||
</div>{" "}
|
||||
{/* /.illustration-holder */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5 order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>SELL TICKET</h6>
|
||||
<h3 className="title font-gilroy-bold">
|
||||
Sell tickets anywhere anytime online.
|
||||
</h3>
|
||||
<p className="font-rubik">
|
||||
Run your box office as it’s own website, embed it into
|
||||
your website with a simple piece of HTML or widget, or put
|
||||
it on your Facebook page*. All with a reliable,
|
||||
mobile-friendly design.
|
||||
</p>
|
||||
</div>{" "}
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>{" "}
|
||||
{/* /.block-style-nine */}
|
||||
<div className="block-style-nine">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-7 col-md-9 m-auto"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder">
|
||||
<Image width="781" height="758" src="/images/assets/ils_06.svg" alt="illustrator" />
|
||||
</div>{" "}
|
||||
{/* /.illustration-holder */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>management</h6>
|
||||
<h3 className="title font-gilroy-bold">
|
||||
Manage client easily by a simple click.
|
||||
</h3>
|
||||
<p className="font-rubik">
|
||||
Set-up a simple, professional box-office page on your site
|
||||
(or standalone) in minutes. Then design & customise it as
|
||||
much (or as little) as you like with our user-friendly
|
||||
dashboard.
|
||||
</p>
|
||||
</div>{" "}
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>{" "}
|
||||
{/* /.block-style-nine */}
|
||||
<div className="block-style-nine">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-7 col-md-9 m-auto order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder">
|
||||
<Image width="717" height="694" src="/images/assets/ils_07.svg" alt="illustrator" />
|
||||
</div>
|
||||
{/* /.illustration-holder */}
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-5 order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<h6>Dashboard</h6>
|
||||
<h3 className="title font-gilroy-bold">
|
||||
All the data & info for your need.
|
||||
</h3>
|
||||
<p className="font-rubik">
|
||||
You decide what data you want from your guests – and it’s
|
||||
your data. We don’t see or touch it. Understand how and
|
||||
who you’re selling to, with ticket sale notifications, and
|
||||
easy-to-understand sales summaries and customer order.
|
||||
</p>
|
||||
</div>{" "}
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-nine */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-seven */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Text Block Thirteen
|
||||
===================================================== */}
|
||||
<div className="fancy-text-block-thirteen pt-140 md-pt-100">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-6 order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper">
|
||||
<div className="title-style-two">
|
||||
<h2>Security you can trust easily.</h2>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
<p>
|
||||
Our dashboard is served over SSL which means you can be sure
|
||||
that all data transferred is secure. Payment processing uses
|
||||
the very latest PCI DSS card-security standards
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div
|
||||
className="col-lg-6 col-md-8 m-auto order-lg-first"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Image width={587} height={494} style={{height:'fit-content'}} src="/images/assets/feature-img-11.png" alt="feature" />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-thirteen */}
|
||||
|
||||
{/*=====================================================
|
||||
Useable Tools
|
||||
===================================================== */}
|
||||
<div className="useable-tools-section-two bg-shape mb-250 mt-150 md-mt-100 md-mb-100">
|
||||
<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="container">
|
||||
<div className="title-style-two text-center mb-70 md-mb-10">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 col-md-11 m-auto">
|
||||
<p>Integrates with your tools</p>
|
||||
<h2>
|
||||
Connect deski with the software you
|
||||
<span>
|
||||
use every
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
day.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
|
||||
<div className="icon-wrapper">
|
||||
<Social />
|
||||
</div>
|
||||
{/* /.icon-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.useable-tools-section-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Text Block Fourteen
|
||||
===================================================== */}
|
||||
<div className="fancy-text-block-fourteen pt-30">
|
||||
<div className="container">
|
||||
<AboutFour />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-fourteen */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Three
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-three mt-225 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 ProductCustomerSupport;
|
||||
@@ -0,0 +1,81 @@
|
||||
import React from "react";
|
||||
|
||||
import SignUpForm from "../../../components/contact/form/SignUpForm";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Sign Up || 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 SignUp = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<div className="user-data-page clearfix d-lg-flex">
|
||||
<div className="illustration-wrapper d-flex align-items-center justify-content-between flex-column">
|
||||
<h3 className="font-rubik">
|
||||
We have a “strategic” plan its <br /> called doing things.
|
||||
</h3>
|
||||
<div className="illustration-holder">
|
||||
<Image width="930" height="738"
|
||||
src="/images/assets/ils_08.svg"
|
||||
alt="illustration"
|
||||
className="illustration"
|
||||
/>
|
||||
<Image width="554" height="672"
|
||||
src="/images/assets/ils_08.1.svg"
|
||||
alt="illustration"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="369" height="728"
|
||||
src="/images/assets/ils_08.2.svg"
|
||||
alt="illustration"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.illustration-wrapper */}
|
||||
|
||||
<div className="form-wrapper">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="logo">
|
||||
<Link href="/">
|
||||
<Image width="87" height="40" src="/images/logo/deski_01.svg" alt="logo" />
|
||||
</Link>
|
||||
</div>
|
||||
<Link className="font-rubik go-back-button" href="/">
|
||||
Go to home
|
||||
</Link>
|
||||
</div>
|
||||
{/* End d-flex */}
|
||||
<div className="mt-30">
|
||||
<h2>Join with thousands of startup!</h2>
|
||||
<p className="header-info pt-30 pb-50">
|
||||
Already have an account? <Link href="/login">Login</Link>
|
||||
</p>
|
||||
</div>
|
||||
<SignUpForm />
|
||||
{/* End Signup Form */}
|
||||
<p className="text-center font-rubik copyright-text">
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
title="myFrame"
|
||||
rel="noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
{/* End .copyright */}
|
||||
</div>
|
||||
{/* /.form-wrapper */}
|
||||
</div>
|
||||
{/* /.user-data-page */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SignUp;
|
||||
@@ -0,0 +1,208 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Header from "../../../components/header/Header";
|
||||
import FaqClassic from "../../../components/faq/FaqClassicTwo";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import BlogStyle4 from "../../../components/blog/BlogStyle4";
|
||||
import FeatureThree from "../../../components/features/FeatureThree";
|
||||
import FeatureFive from "../../../components/features/FeatureFive";
|
||||
import CallToActionFour from "../../../components/call-to-action/CallToActionFour";
|
||||
export const metadata = {
|
||||
title: 'Solution Management || 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 SolutionMangement = () => {
|
||||
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">
|
||||
Get effective solution for your business
|
||||
</h2>
|
||||
</div>
|
||||
<div className="col-xl-9 m-auto">
|
||||
<p className="font-rubik">
|
||||
With deski, get all kind of business solution to start your
|
||||
journey
|
||||
</p>
|
||||
<Link
|
||||
className="theme-btn-one btn-lg mt-50 md-mt-30"
|
||||
href="contact-pm"
|
||||
>
|
||||
Contact US
|
||||
</Link>
|
||||
</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 Text block Four
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-four pt-130 pb-120 md-pt-100 md-pb-80">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-7 col-lg-8">
|
||||
<div className="title-style-one mb-40 md-mb-20">
|
||||
<h2>For all kinds of Teams</h2>
|
||||
<p className="font-rubik">
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit io
|
||||
cillum dolore eu fugiat nulla pariatur non labrum.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="wrapper">
|
||||
<div className="row justify-content-center">
|
||||
<FeatureThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-four */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Five
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-five pt-130 pb-160 md-pt-100 md-pb-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-7 ms-auto">
|
||||
<div className="title-style-one mb-50 md-mb-30">
|
||||
<h2>For all kinds of Startup</h2>
|
||||
<p className="font-rubik">
|
||||
Excepteur sint occaecat cupidat non proident, sunt in culpa
|
||||
qui officia deserunt mollit anim est laborum.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="wrapper">
|
||||
<div className="row justify-content-center">
|
||||
<FeatureFive />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.block-style-five */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog Two
|
||||
===================================================== */}
|
||||
<div className="feature-blog-two pt-150 pb-170 md-pt-100 md-pb-80">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-11 m-auto">
|
||||
<div className="title-style-one text-center mb-50 md-mb-20">
|
||||
<h6 className="font-rubik" style={{ color: "#787CFF" }}>
|
||||
Some success stories
|
||||
</h6>
|
||||
<h2>
|
||||
Some well known companies get real benifits to work with
|
||||
deski.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row justify-content-center">
|
||||
<BlogStyle4 />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Feature Blog Two */}
|
||||
|
||||
{/* =====================================================
|
||||
Faq Classic
|
||||
===================================================== */}
|
||||
<div className="faq-classic pt-150 pb-150 md-pt-120 md-pb-120">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="title-style-one">
|
||||
<h6 className="font-rubik">Find your answers</h6>
|
||||
<h2>Have any thought? Look here.</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
<Link href="/faq" className="theme-btn-one mt-50 md-mt-30">
|
||||
{" "}
|
||||
Go to Faq
|
||||
</Link>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-6">
|
||||
<div className="md-mt-60">
|
||||
<FaqClassic />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faq-classic */}
|
||||
|
||||
{/* =====================================================
|
||||
Call To Action
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-one">
|
||||
<div className="container">
|
||||
<CallToActionFour />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
<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-short-banner-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default SolutionMangement;
|
||||
@@ -0,0 +1,51 @@
|
||||
|
||||
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Nav from "@/components/team/Nav";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Terms & Conditions || 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 TermsConditions = () => {
|
||||
return (
|
||||
<div className="doc-container main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =====================================================
|
||||
Terms and Condition
|
||||
===================================================== */}
|
||||
|
||||
<Nav/>
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default TermsConditions;
|
||||
@@ -0,0 +1,76 @@
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import PortfolioTwo from "../../../components/portfolio/PortfolioTwo";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import Link from "next/link";
|
||||
export const metadata = {
|
||||
title: 'Portfolio Classic Style || 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 PortfolioV1 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Six
|
||||
============================================== */}
|
||||
<div className="fancy-hero-six">
|
||||
<div className="container">
|
||||
<h1 className="heading">Classic Style</h1>
|
||||
<p className="sub-heading">
|
||||
An original way to show your works in a good appearance
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-hero-six */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Portfolio Two
|
||||
============================================== */}
|
||||
<div className="fancy-portfolio-two lg-container">
|
||||
<div className="container">
|
||||
<div className="top-border bottom-border pb-130 md-pb-90">
|
||||
<PortfolioTwo />
|
||||
<div className="text-center mt-90 md-mt-50">
|
||||
<h2 className="contact-title font-gordita">
|
||||
Do you have any projects? <br />
|
||||
Contact us.
|
||||
</h2>
|
||||
<Link href="/contact-cs" className="theme-btn-nine mt-35">
|
||||
Contact Now
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-portfolio-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PortfolioV1;
|
||||
@@ -0,0 +1,74 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import PortfolioFive from "../../../components/portfolio/PortfolioFive";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Portfolio Slider || 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 PortfolioV4 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Six
|
||||
============================================== */}
|
||||
<div className="fancy-hero-six">
|
||||
<div className="container">
|
||||
<h1 className="heading">Gallery Slider</h1>
|
||||
<p className="sub-heading">
|
||||
An original way to show your works in a good appearance
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-hero-six */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Portfolio Two
|
||||
============================================== */}
|
||||
<div className="fancy-portfolio-five lg-container top-border bottom-border pb-130 pt-110">
|
||||
<div className="slider-wrapper">
|
||||
<div className="portfolio_slider_one">
|
||||
<PortfolioFive />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .slider-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-portfolio-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PortfolioV4;
|
||||
@@ -0,0 +1,84 @@
|
||||
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import PortfolioSix from "../../../components/portfolio/PortfolioSix";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import Link from "next/link";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Portfolio Grid Single || 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 PortfolioV5 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Six
|
||||
============================================== */}
|
||||
<div className="fancy-hero-six">
|
||||
<div className="container">
|
||||
<h1 className="heading">Grid Single</h1>
|
||||
<p className="sub-heading">
|
||||
An original way to show your works in a good appearance
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-hero-six */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Portfolio Two
|
||||
============================================== */}
|
||||
<div className="fancy-portfolio-six mt-80 md-mt-40">
|
||||
<div className="container">
|
||||
<div className="top-border bottom-border pb-130 md-pb-90">
|
||||
<PortfolioSix />
|
||||
|
||||
<div className="text-center mt-90 md-mt-50">
|
||||
<h2 className="contact-title font-gordita">
|
||||
Do you have any projects? <br />
|
||||
Contact us.
|
||||
</h2>
|
||||
<Link href="/contact-cs" className="theme-btn-nine mt-35">
|
||||
Contact Now
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-portfolio-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PortfolioV5;
|
||||
@@ -0,0 +1,83 @@
|
||||
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import PortfolioFour from "../../../components/portfolio/PortfolioFour";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import Link from "next/link";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Portfolio Grid 3 Column || 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 PortfolioV3 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Six
|
||||
============================================== */}
|
||||
<div className="fancy-hero-six">
|
||||
<div className="container">
|
||||
<h1 className="heading">Grid 3 Columns</h1>
|
||||
<p className="sub-heading">
|
||||
An original way to show your works in a good appearance
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-hero-six */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Portfolio Two
|
||||
============================================== */}
|
||||
<div className="fancy-portfolio-four lg-container">
|
||||
<div className="container">
|
||||
<div className="top-border bottom-border pb-130 md-pb-90">
|
||||
<PortfolioFour />
|
||||
|
||||
<div className="text-center mt-90 md-mt-50">
|
||||
<h2 className="contact-title font-gordita">
|
||||
Do you have any projects? <br />
|
||||
Contact us.
|
||||
</h2>
|
||||
<Link href="/contact-cs" className="theme-btn-nine mt-35">
|
||||
Contact Now
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-portfolio-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PortfolioV3;
|
||||
@@ -0,0 +1,78 @@
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import PortfolioThree from "../../../components/portfolio/PortfolioThree";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import Link from "next/link";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Portfolio Grid 2 Column || 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 PortfolioV2 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Six
|
||||
============================================== */}
|
||||
<div className="fancy-hero-six">
|
||||
<div className="container">
|
||||
<h1 className="heading">Grid 2 Columns</h1>
|
||||
<p className="sub-heading">
|
||||
An original way to show your works in a good appearance
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-hero-six */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Portfolio Two
|
||||
============================================== */}
|
||||
<div className="fancy-portfolio-three lg-container">
|
||||
<div className="container">
|
||||
<div className="top-border bottom-border pb-130 md-pb-90">
|
||||
<PortfolioThree />
|
||||
<div className="text-center mt-90 md-mt-50">
|
||||
<h2 className="contact-title font-gordita">
|
||||
Do you have any projects? <br />
|
||||
Contact us.
|
||||
</h2>
|
||||
<Link href="/contact-cs" className="theme-btn-nine mt-35">
|
||||
Contact Now
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-portfolio-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven mt-120 md-mt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PortfolioV2;
|
||||
@@ -0,0 +1,162 @@
|
||||
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import FooterSeven from "../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../components/footer/CopyRightThree";
|
||||
import BrandSeven from "../../../components/brand/BrandSeven";
|
||||
import Image from "next/image";
|
||||
|
||||
const projectInfo = [
|
||||
{ title: "DATE", meta: "23 July, 2020" },
|
||||
{ title: "Client", meta: "Mariona Adisson, USA" },
|
||||
{ title: "Project Type", meta: "3D Design, Apartment" },
|
||||
{ title: "Duration", meta: "36 Days" },
|
||||
];
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Portfolio Details V1 || 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 PortfolioV5 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Six
|
||||
============================================== */}
|
||||
<div className="portfolio-details-one mt-75 mb-150 md-mb-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<div className="header text-center">
|
||||
<div className="tag">Redesign, Branding</div>
|
||||
<div className="title-style-ten">
|
||||
<h2>Deski - Landing page design with Branding</h2>
|
||||
</div>
|
||||
<ul className="d-flex justify-content-center social-icon mt-35">
|
||||
<BrandSeven />
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div className="main-content mt-75">
|
||||
<Image width={1200} height={620} style={{height:'fit-content'}}
|
||||
src="/images/gallery/img_33.jpg"
|
||||
alt="gallery"
|
||||
className="mb-90 md-mb-50"
|
||||
/>
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<div className="row">
|
||||
<div className="col-md-4 order-md-last">
|
||||
<ul className="project-info clearfix ps-xl-5">
|
||||
{projectInfo.map((val, i) => (
|
||||
<li key={i}>
|
||||
<strong>{val.title}</strong>
|
||||
<span>{val.meta}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
{/* End .project info */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-md-8 order-md-first">
|
||||
<h4>Overviw</h4>
|
||||
<p>
|
||||
Commonly used in the graphic, prit quis due & publishing
|
||||
indust for previewing lightly visual mockups.
|
||||
</p>
|
||||
<h4>Task</h4>
|
||||
<p>
|
||||
Rebuild a unified visual system for the advertising
|
||||
agency, made of steel which can change the world in a
|
||||
while.
|
||||
</p>
|
||||
<a
|
||||
href="https://dribbble.com/ib-themes"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="theme-btn-eight"
|
||||
>
|
||||
Check Live Link
|
||||
</a>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div className="top-border mt-70 pt-50 md-mt-40">
|
||||
<ul className="portfolio-pagination d-flex justify-content-between">
|
||||
<li>
|
||||
<a href="#" className="d-flex align-items-center">
|
||||
<Image width={75} height={79} style={{height:'fit-content'}}
|
||||
src="/images/gallery/img_34.jpg"
|
||||
alt="gallery"
|
||||
className="d-none d-lg-block"
|
||||
/>
|
||||
<span className="d-inline-block ps-lg-4">
|
||||
<span className="tp1 d-block">Previous</span>
|
||||
<span className="tp2 d-block">Product Branding</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
className="d-flex flex-row-reverse align-items-center text-end"
|
||||
>
|
||||
<Image width={75} height={79} style={{height:'fit-content'}}
|
||||
src="/images/gallery/img_35.jpg"
|
||||
alt="gallery"
|
||||
className="d-none d-lg-block"
|
||||
/>
|
||||
<span className="d-inline-block pe-lg-4">
|
||||
<span className="tp1 d-block">Next</span>
|
||||
<span className="tp2 d-block">Uber App Design</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
{/* End .portfolio-pagination */}
|
||||
</div>
|
||||
{/* End .top-border */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-hero-six */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven dark-bg pt-120 md-pt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PortfolioV5;
|
||||
@@ -0,0 +1,164 @@
|
||||
|
||||
|
||||
import Header from "../../../../components/header/Header";
|
||||
import FooterSeven from "../../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../../components/footer/CopyRightThree";
|
||||
import BrandSeven from "../../../../components/brand/BrandSeven";
|
||||
import { allItems } from "@/data/portfolios";
|
||||
import Image from "next/image";
|
||||
|
||||
const projectInfo = [
|
||||
{ title: "DATE", meta: "23 July, 2020" },
|
||||
{ title: "Client", meta: "Mariona Adisson, USA" },
|
||||
{ title: "Project Type", meta: "3D Design, Apartment" },
|
||||
{ title: "Duration", meta: "36 Days" },
|
||||
];
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Portfolio Details V1 || 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 PortfolioV5 = ({ params }) => {
|
||||
const item = allItems.filter((elm)=>elm.id==params.id)[0] || allItems[0]
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Six
|
||||
============================================== */}
|
||||
<div className="portfolio-details-one mt-75 mb-150 md-mb-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<div className="header text-center">
|
||||
<div className="tag">{item.meta || 'Redesign, Branding' }</div>
|
||||
<div className="title-style-ten">
|
||||
<h2>{item.title || 'Deski - Landing page design with Branding' }</h2>
|
||||
</div>
|
||||
<ul className="d-flex justify-content-center social-icon mt-35">
|
||||
<BrandSeven />
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div className="main-content mt-75">
|
||||
<Image width={1200} height={620} style={{width:'100%',height:'fit-content',maxHeight:'550px',objectFit:'contain'}}
|
||||
src={item.img || '/images/gallery/img_33.jpg' }
|
||||
alt="gallery"
|
||||
className="mb-90 md-mb-50"
|
||||
/>
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<div className="row">
|
||||
<div className="col-md-4 order-md-last">
|
||||
<ul className="project-info clearfix ps-xl-5">
|
||||
{projectInfo.map((val, i) => (
|
||||
<li key={i}>
|
||||
<strong>{val.title}</strong>
|
||||
<span>{val.meta}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
{/* End .project info */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-md-8 order-md-first">
|
||||
<h4>Overviw</h4>
|
||||
<p>
|
||||
Commonly used in the graphic, prit quis due & publishing
|
||||
indust for previewing lightly visual mockups.
|
||||
</p>
|
||||
<h4>Task</h4>
|
||||
<p>
|
||||
Rebuild a unified visual system for the advertising
|
||||
agency, made of steel which can change the world in a
|
||||
while.
|
||||
</p>
|
||||
<a
|
||||
href="https://dribbble.com/ib-themes"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="theme-btn-eight"
|
||||
>
|
||||
Check Live Link
|
||||
</a>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
|
||||
<div className="top-border mt-70 pt-50 md-mt-40">
|
||||
<ul className="portfolio-pagination d-flex justify-content-between">
|
||||
<li>
|
||||
<a href="#" className="d-flex align-items-center">
|
||||
<Image width={75} height={79} style={{height:'fit-content'}}
|
||||
src="/images/gallery/img_34.jpg"
|
||||
alt="gallery"
|
||||
className="d-none d-lg-block"
|
||||
/>
|
||||
<span className="d-inline-block ps-lg-4">
|
||||
<span className="tp1 d-block">Previous</span>
|
||||
<span className="tp2 d-block">Product Branding</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
className="d-flex flex-row-reverse align-items-center text-end"
|
||||
>
|
||||
<Image width={75} height={79} style={{height:'fit-content'}}
|
||||
src="/images/gallery/img_35.jpg"
|
||||
alt="gallery"
|
||||
className="d-none d-lg-block"
|
||||
/>
|
||||
<span className="d-inline-block pe-lg-4">
|
||||
<span className="tp1 d-block">Next</span>
|
||||
<span className="tp2 d-block">Uber App Design</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
{/* End .portfolio-pagination */}
|
||||
</div>
|
||||
{/* End .top-border */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-hero-six */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven dark-bg pt-120 md-pt-100">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PortfolioV5;
|
||||
@@ -0,0 +1,264 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import HeaderTwo from "../../../components/header/HeaderTwo";
|
||||
import Social from "../../../components/social/Social";
|
||||
import FaqThree from "../../../components/faq/FaqThree";
|
||||
import CopyRightTwo from "../../../components/footer/CopyRightTwo";
|
||||
import FooterTwo from "../../../components/footer/FooterTwo";
|
||||
import Pricing from "../../../components/pricing/pricing-one/Pricing";
|
||||
import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Pricing Customer Support || 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 PricingCustomerSupport = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<HeaderTwo />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Pricing Section Two
|
||||
============================================== */}
|
||||
<div className="pricing-section-two pricing-section-two-custom">
|
||||
<div className="fancy-hero-four">
|
||||
<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-10 col-lg-11 m-auto">
|
||||
<h2>Choose package match your budget</h2>
|
||||
</div>
|
||||
<div className="col-12 m-auto">
|
||||
<p className="font-rubik sub-heading">
|
||||
5 minute installation · Try Team plan features for 14 days ·
|
||||
No credit card required
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-four */}
|
||||
|
||||
<div className="container">
|
||||
<div className="pricing-table-area">
|
||||
<div className="tab-content">
|
||||
<Pricing />
|
||||
</div>
|
||||
<Image width={187} height={187}
|
||||
src="/images/shape/64.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={196} height={196}
|
||||
src="/images/shape/65.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.pricing-table-area */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.pricing-section-two */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text block Seven
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-seven mt-130 md-mt-80">
|
||||
<div className="bg-wrapper no-bg">
|
||||
<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_19.png" alt="media" />
|
||||
<Image width={179} height={179}
|
||||
src="/images/shape/34.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
</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="60" height="43" src="/images/icon/26.svg" 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>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-text-block-seven */}
|
||||
|
||||
{/*=====================================================
|
||||
Useable Tools
|
||||
===================================================== */}
|
||||
<div className="useable-tools-section-two bg-shape mb-200 mt-150 md-mt-50 md-mb-120">
|
||||
<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="container">
|
||||
<div className="title-style-two text-center mb-70 md-mb-10">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-10 col-md-11 m-auto"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<p>Integrates with your tools</p>
|
||||
<h2>
|
||||
Connect deski with the software you
|
||||
<span>
|
||||
use every
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
day.
|
||||
</h2>
|
||||
<a href="#" className="theme-btn-two mt-60 md-mt-40">
|
||||
Try out now
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
|
||||
<div className="icon-wrapper">
|
||||
<Social />
|
||||
</div>
|
||||
{/* /.icon-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.useable-tools-section-two */}
|
||||
|
||||
{/* =====================================================
|
||||
FAQ Section
|
||||
===================================================== */}
|
||||
<div className="faq-section">
|
||||
<div className="container">
|
||||
<div className="title-style-two text-center mb-100 md-mb-80">
|
||||
<p>FAQ</p>
|
||||
<h2>Question & Answer</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-10 m-auto">
|
||||
<FaqThree />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.row */}
|
||||
|
||||
<div
|
||||
className="text-center more-faq-meta mt-75 md-mt-50"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<h3 className="mb-35 font-rubik">Don’t find your answer?</h3>
|
||||
<Link href="/contact-cs">Contact us</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .faq-section */}
|
||||
|
||||
{/* =====================================================
|
||||
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 PricingCustomerSupport;
|
||||
@@ -0,0 +1,145 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Header from "../../../components/header/HeaderFour";
|
||||
import PricingThree from "../../../components/pricing/PricingThree";
|
||||
import FaqFour from "../../../components/faq/FaqFour";
|
||||
import CounterThree from "../../../components/counter/CounterThree";
|
||||
import FooterFour from "../../../components/footer/FooterFour";
|
||||
import CallToActionFive from "../../../components/call-to-action/CallToActionFive";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Pricing Event Organizer || 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 EventOrganizer = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End HeaderFour */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Pricing Section Three
|
||||
============================================== */}
|
||||
<div className="pricing-section-three-inner-page mb-200 md-mb-120">
|
||||
<Image width={232} height={477}
|
||||
src="/images/shape/124.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={217} height={396}
|
||||
src="/images/shape/125.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
|
||||
<div className="container">
|
||||
<div className="title-style-five text-center mb-50 md-mb-40">
|
||||
<h6>Our Pricing</h6>
|
||||
<div className="row">
|
||||
<div className="col-lg-9 m-auto">
|
||||
<h2>Unbeatable prices, no contracts, simple & easy</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="pricing-table-area-three">
|
||||
<PricingThree />
|
||||
</div>
|
||||
{/* /.pricing-table-area-three */}
|
||||
</div>
|
||||
{/* ./container */}
|
||||
<div className="counter-with-icon-one pt-100 md-pt-60">
|
||||
<div className="container">
|
||||
<CounterThree />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.counter-with-icon-one */}
|
||||
</div>
|
||||
{/* /.pricing-section-three */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Faq Section Four
|
||||
============================================== */}
|
||||
<div className="faq-section-four bg-white">
|
||||
<div className="container">
|
||||
<div className="title-style-five text-center mb-80 md-mb-60">
|
||||
<h6>FAQ</h6>
|
||||
<h2>
|
||||
<span>Question & Answer</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-10 m-auto">
|
||||
<FaqFour />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="text-center mt-60 md-mt-50"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<h3 className="font-rubik pb-30">Don’t find your answer?</h3>
|
||||
<Link href="/contact-eo" className="theme-btn-five">
|
||||
Contact us
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* End Question and answer */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Call To Action
|
||||
============================================== */}
|
||||
<div className="fancy-short-banner-five with-bg pt-130 pb-150 md-pt-100 md-pb-120">
|
||||
<div className="container">
|
||||
<CallToActionFive />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .fancy-short-banner-five */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Footer Four
|
||||
============================================== */}
|
||||
<footer className="theme-footer-four">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterFour />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<p>
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-four */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default EventOrganizer;
|
||||
@@ -0,0 +1,229 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Header from "../../../components/header/Header";
|
||||
import CallToActionFour from "../../../components/call-to-action/CallToActionFour";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import FaqClassic from "../../../components/faq/FaqClassicTwo";
|
||||
import CounterFour from "../../../components/counter/CounterFour";
|
||||
import Pricing from "../../../components/pricing/pricing-two/Pricing";
|
||||
import Image from "next/image";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Pricing Project Management || 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 ProjectManagement = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Pricing Section One
|
||||
============================================== */}
|
||||
<div className="pricing-section-one mb-150 md-mb-80">
|
||||
<div className="fancy-hero-one">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-10 col-lg-11 m-auto">
|
||||
<h2 className="font-rubik">Choose package match your budget</h2>
|
||||
</div>
|
||||
<div className="col-12 m-auto">
|
||||
<p className="font-rubik">
|
||||
5 minute installation · Try Team plan features for 14 days ·
|
||||
No credit card required
|
||||
</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 */}
|
||||
<div className="pricing-table-area">
|
||||
<Image width={280} height={281}
|
||||
src="/images/shape/62.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="205" height="281"
|
||||
src="/images/shape/63.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="tab-content">
|
||||
<Pricing />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.pricing-section-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Counter Info Standard
|
||||
===================================================== */}
|
||||
<div className="counter-info pb-150 md-pb-80">
|
||||
<div className="container">
|
||||
<CounterFour />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.counter-info */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Text Block Fifteen
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-fifteen">
|
||||
<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="container">
|
||||
<div className="bg-wrapper">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-6 order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper md-pb-40">
|
||||
<Image width="52" height="52" src="/images/icon/42.svg" alt="iocn" className="icon" />
|
||||
<div className="more-text">
|
||||
More Over <span>1500+ customers</span>
|
||||
</div>
|
||||
<p className="font-rubik">
|
||||
Just simply amazing. Feel lucky use their service. Highly
|
||||
recommended andappriciate their service & highly trusted.
|
||||
</p>
|
||||
<h6>
|
||||
Jimmy Klein. <span>California USA</span>
|
||||
</h6>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div
|
||||
className="col-lg-6 order-lg-first"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Image width={380} height={607} style={{height:'fit-content'}}
|
||||
src="/images/media/img_40.png"
|
||||
alt="media"
|
||||
className="main-img"
|
||||
/>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
|
||||
<div className="contact-banner mt-100 md-mt-60">
|
||||
<div className="row justify-content-between align-items-center">
|
||||
<div
|
||||
className="col-xl-7 col-lg-8"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<p className="font-rubik">
|
||||
Want a custome pricing for your business? Send us mail
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
className="col-xl-4 col-lg-3"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Link href="/contact-pm" className="theme-btn-four ms-auto">
|
||||
Contact us
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.contact-banner */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-text-block-fifteen */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Faq Classic
|
||||
============================================== */}
|
||||
<div className="faq-classic pt-150 pb-130 md-pt-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="title-style-one">
|
||||
<h6 className="font-rubik">Find your answers</h6>
|
||||
<h2>Have any thought? Look here.</h2>
|
||||
</div>
|
||||
{/* /.title-style-one */}
|
||||
<Link href="/faq" className="theme-btn-one mt-50 md-mt-30">
|
||||
Go to Faq
|
||||
</Link>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-6">
|
||||
<div className="md-mt-60">
|
||||
<FaqClassic />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faq-classic */}
|
||||
|
||||
{/* =====================================================
|
||||
Call To Action
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-one space-fix">
|
||||
<div className="container">
|
||||
<CallToActionFour />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
<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-short-banner-one */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Footer
|
||||
============================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default ProjectManagement;
|
||||
@@ -0,0 +1,42 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/e-commerce/Header";
|
||||
import CartForm from "@/components/form/CartForm";
|
||||
export const metadata = {
|
||||
title: 'Cart || 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 Cart = () => {
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Theme Main Menu
|
||||
==============================================
|
||||
--> */}
|
||||
<Header />
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Cart Page
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="cart-section pt-200 pb-100 lg-pt-180 sm-pb-50">
|
||||
<div className="container">
|
||||
<CartForm/>
|
||||
</div>
|
||||
{/* <!-- /.container --> */}
|
||||
</div>
|
||||
{/* <!-- /.cart-section --> */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Cart;
|
||||
@@ -0,0 +1,53 @@
|
||||
|
||||
|
||||
import LogIn from "../../../components/e-commerce/checkout/LogIn";
|
||||
|
||||
import PromoCode from "../../../components/e-commerce/checkout/PromoCode";
|
||||
import Header from "../../../components/e-commerce/Header";
|
||||
import CheckoutForm from "@/components/form/CheckoutForm";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Checkout || 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 Checkout = () => {
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Theme Main Menu
|
||||
==============================================
|
||||
--> */}
|
||||
<Header />
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Checkout Page
|
||||
==============================================
|
||||
--> */}
|
||||
|
||||
<div className="checkout-section pt-200 pb-100 lg-pt-180 sm-pb-50">
|
||||
<div className="container">
|
||||
<div className="checkout-toggle-area mb-80 md-mb-60">
|
||||
<LogIn />
|
||||
<PromoCode />
|
||||
</div>
|
||||
{/* <!-- /.checkout-toggle-area --> */}
|
||||
|
||||
<CheckoutForm/>
|
||||
{/* <!-- /.checkout-form --> */}
|
||||
</div>
|
||||
{/* <!-- /.container --> */}
|
||||
</div>
|
||||
|
||||
{/* <!-- /.checkou-section --> */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Checkout;
|
||||
@@ -0,0 +1,112 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../../components/e-commerce/Header";
|
||||
import BreadCrumb from "../../../../components/e-commerce/product-details/BreadCrumb";
|
||||
import ProductGallery from "../../../../components/e-commerce/product-details/ProductGallery";
|
||||
import SocialShare from "../../../../components/e-commerce/product-details/SocialShare";
|
||||
|
||||
import ProductTabContent from "../../../../components/e-commerce/product-details/ProductTabContent";
|
||||
import ProductFratureBlock from "../../../../components/e-commerce/product-details/ProductFratureBlock";
|
||||
import RelatedProducts from "../../../../components/e-commerce/product-details/RelatedProducts";
|
||||
import FooterSeven from "../../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../../components/footer/CopyRightThree";
|
||||
import { productData } from "@/data/products";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Product 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 ProductDetails = ({params}) => {
|
||||
const item = productData.filter((elm)=>elm.id==params.id)[0] || productData[0]
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Theme Main Menu
|
||||
==============================================
|
||||
--> */}
|
||||
<Header />
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Product Details One
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="product-details-one lg-container pt-180 lg-pt-150">
|
||||
<div className="breadcrumb-area pb-70">
|
||||
<div className="container">
|
||||
<div className="d-sm-flex align-items-center justify-content-between">
|
||||
<BreadCrumb data={item} />
|
||||
<SocialShare />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.breadcrumb-area --> */}
|
||||
|
||||
<div className="container">
|
||||
<ProductGallery data={item} />
|
||||
<ProductTabContent />
|
||||
{/* <!-- /.product-review-tab --> */}
|
||||
<div className="mt-60 lg-mt-40">
|
||||
<div className="row">
|
||||
<ProductFratureBlock />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* <!-- /.product-details-one --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Forty Three
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="fancy-feature-fortyThree lg-container pt-100 pb-100 mt-130 mb-120 lg-pt-80 lg-pb-80 lg-mt-100 lg-mb-100">
|
||||
<div className="container">
|
||||
<div className="row align-items-center" data-aos="fade-up">
|
||||
<div className="col-lg-6">
|
||||
<div className="title-style-eleven text-center text-md-left">
|
||||
<h2>Releted Products</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="xl-container mt-60 lg-mt-40">
|
||||
<div className="product_slider_two product_slider_space">
|
||||
<RelatedProducts />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.xl-container --> */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-fortyThree --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven ">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
// main-page-wrapper
|
||||
);
|
||||
};
|
||||
|
||||
export default ProductDetails;
|
||||
@@ -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;
|
||||
@@ -0,0 +1,122 @@
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Link from "next/link";
|
||||
import TeamOne from "../../../components/team/TeamOne";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Team V1 || 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 Team1 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five bg-white">
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/95.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/96.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="col-xl-9 col-lg-11 m-auto text-center">
|
||||
<h6 className="page-title">Our Team</h6>
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
We’ve Most Talented
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="image" />
|
||||
</span>
|
||||
Team Members
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Section Five
|
||||
===================================================== */}
|
||||
<div className="team-section-five ">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<TeamOne />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-five */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Eleven
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-eleven">
|
||||
<div className="container">
|
||||
<div className="border-bottom pt-130 pb-150 md-pt-80 md-pb-80">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 col-md-9 m-auto">
|
||||
<h2
|
||||
className="font-rubik"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
Want to be a part of our talented team?
|
||||
</h2>
|
||||
<Link
|
||||
className="theme-btn-one btn-lg mt-50 md-mt-30"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
href="/contact-pm"
|
||||
>
|
||||
SEND YOUR CV
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-short-banner-eleven */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default Team1;
|
||||
@@ -0,0 +1,121 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Link from "next/link";
|
||||
import TeamTwo from "../../../components/team/TeamTwo";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Team V2 || 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 Team2 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five bg-white">
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/95.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/96.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="col-xl-9 col-lg-11 m-auto text-center">
|
||||
<h6 className="page-title">Our Team</h6>
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
We’ve Most Talented
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="image" />
|
||||
</span>
|
||||
Team Members
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Section Five
|
||||
===================================================== */}
|
||||
<div className="team-section-five ">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<TeamTwo />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-five */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Eleven
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-eleven">
|
||||
<div className="container">
|
||||
<div className="border-bottom pt-130 pb-150 md-pt-80 md-pb-80">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 col-md-9 m-auto">
|
||||
<h2
|
||||
className="font-rubik"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
Want to be a part of our talented team?
|
||||
</h2>
|
||||
<Link
|
||||
className="theme-btn-one btn-lg mt-50 md-mt-30"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
href="/contact-pm"
|
||||
>
|
||||
SEND YOUR CV
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-short-banner-eleven */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default Team2;
|
||||
@@ -0,0 +1,127 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Link from "next/link";
|
||||
import TeamThree from "../../../components/team/TeamThree";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Team V3 || 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 Team3 = () => {
|
||||
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-9 col-lg-11 m-auto">
|
||||
<h2 className="font-rubik">We’ve Most Talented Team Members</h2>
|
||||
</div>
|
||||
<div className="col-xl-9 col-lg-11 m-auto">
|
||||
<p className="font-rubik">
|
||||
With deski, get all kind of business solution to start your
|
||||
journey
|
||||
</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 */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Section One
|
||||
===================================================== */}
|
||||
<div className="team-section-one">
|
||||
<div className="container">
|
||||
<TeamThree />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Eleven
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-eleven bg-color mt-70 mb-50 md-mb-20 md-mt-30">
|
||||
<div className="container">
|
||||
<div className="clearfix">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 m-auto">
|
||||
<h2
|
||||
className="font-rubik"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
Want to be a part of our talented team?
|
||||
</h2>
|
||||
<Link
|
||||
className="theme-btn-one btn-lg mt-50 md-mt-30"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
href="/contact-cs"
|
||||
>
|
||||
SEND YOUR CV
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<Image width="187" height="255"
|
||||
src="/images/shape/212.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="278" height="280"
|
||||
src="/images/shape/213.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.fancy-short-banner-eleven */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default Team3;
|
||||
@@ -0,0 +1,130 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Link from "next/link";
|
||||
import TeamFour from "../../../components/team/TeamFour";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
export const metadata = {
|
||||
title: 'Team V4 || 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 Team4 = () => {
|
||||
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-9 col-lg-11 m-auto">
|
||||
<h2 className="font-rubik">We’ve Most Talented Team Members</h2>
|
||||
</div>
|
||||
<div className="col-xl-9 col-lg-11 m-auto">
|
||||
<p className="font-rubik">
|
||||
With deski, get all kind of business solution to start your
|
||||
journey
|
||||
</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 */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Section Five
|
||||
===================================================== */}
|
||||
<div className="team-section-five team-section-two ">
|
||||
<div className="container">
|
||||
<div className="row align-items-center justify-content-between mb-80 md-mb-10">
|
||||
<div className="col-lg-8">
|
||||
<div className="title-style-two">
|
||||
<p>Our Team</p>
|
||||
<h2>Our talented team member waiting to serve.</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-4 d-lg-flex justify-content-end">
|
||||
<Link href="/team-3" className="theme-btn-three md-mt-20">
|
||||
See All Members
|
||||
</Link>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<div className="row">
|
||||
<TeamFour />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-five */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Eleven
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-eleven">
|
||||
<div className="container">
|
||||
<div className="border-bottom pt-130 pb-150 md-pt-80 md-pb-80">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 col-md-9 m-auto">
|
||||
<h2
|
||||
className="font-rubik"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
Want to be a part of our talented team?
|
||||
</h2>
|
||||
<Link
|
||||
className="theme-btn-one btn-lg mt-50 md-mt-30"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
href="/contact-doc"
|
||||
>
|
||||
SEND YOUR CV
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-short-banner-eleven */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default Team4;
|
||||
@@ -0,0 +1,129 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Link from "next/link";
|
||||
import TeamFive from "../../../components/team/TeamFive";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Team V5 || 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 Team5 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five bg-white">
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/95.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/96.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="col-xl-9 col-lg-11 m-auto text-center">
|
||||
<h6 className="page-title">Our Team</h6>
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
We’ve Most Talented
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="image" />
|
||||
</span>
|
||||
Team Members
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Section Five
|
||||
===================================================== */}
|
||||
<div className="team-section-four custom-bg">
|
||||
<div className="container">
|
||||
<div className="team-wrapper">
|
||||
<div className="row">
|
||||
<TeamFive />
|
||||
</div>
|
||||
<Image width={92} height={107}
|
||||
src="/images/shape/126.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
</div>
|
||||
{/* /.team-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-five */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Eleven
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-eleven">
|
||||
<div className="container">
|
||||
<div className="border-bottom pt-130 pb-150 md-pt-80 md-pb-80">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 col-md-9 m-auto">
|
||||
<h2
|
||||
className="font-rubik"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
Want to be a part of our talented team?
|
||||
</h2>
|
||||
<Link
|
||||
className="theme-btn-one btn-lg mt-50 md-mt-30"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
href="/contact-cs"
|
||||
>
|
||||
SEND YOUR CV
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-short-banner-eleven */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default Team5;
|
||||
@@ -0,0 +1,130 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Link from "next/link";
|
||||
import TeamSlider from "../../../components/team/TeamSlider";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Team V6 || 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 Team6 = () => {
|
||||
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-9 col-lg-11 m-auto">
|
||||
<h2 className="font-rubik">We’ve Most Talented Team Members</h2>
|
||||
</div>
|
||||
<div className="col-xl-9 col-lg-11 m-auto">
|
||||
<p className="font-rubik">
|
||||
With deski, get all kind of business solution to start your
|
||||
journey
|
||||
</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 */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Section Five
|
||||
===================================================== */}
|
||||
<div className="bg-2 pt-120 pb-70 md-pt-100 md-pb-50 teamSliderOne-wrapper">
|
||||
<div className="container">
|
||||
<div className="d-sm-flex align-items-center justify-content-between mb-50 sm-mb-10">
|
||||
<div className="title-style-four">
|
||||
<h2>
|
||||
<span>
|
||||
Our Members
|
||||
<Image width={375} height={44} src="/images/shape/line-shape-2.svg" alt="shape" />
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .d-sm-flex */}
|
||||
</div>
|
||||
{/* End .container */}
|
||||
<div className="clearfix">
|
||||
<div className="teamSliderOne arrow-top-right">
|
||||
<TeamSlider />
|
||||
</div>
|
||||
{/* /.teamSliderOne */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.team-section-five */}
|
||||
|
||||
{/* =====================================================
|
||||
Fancy Short Banner Eleven
|
||||
===================================================== */}
|
||||
<div className="fancy-short-banner-eleven">
|
||||
<div className="container">
|
||||
<div className="border-bottom pt-130 pb-150 md-pt-80 md-pb-80">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 col-md-9 m-auto">
|
||||
<h2
|
||||
className="font-rubik"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
Want to be a part of our talented team?
|
||||
</h2>
|
||||
<Link
|
||||
className="theme-btn-one btn-lg mt-50 md-mt-30"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
href="/contact-pm"
|
||||
>
|
||||
SEND YOUR CV
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-short-banner-eleven */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default Team6;
|
||||
@@ -0,0 +1,99 @@
|
||||
|
||||
import Header from "../../../../components/header/Header";
|
||||
import Footer from "../../../../components/footer/Footer";
|
||||
import CopyRight from "../../../../components/footer/CopyRight";
|
||||
import TeamDetailsSlider from "../../../../components/team/TeamDetailsSlider";
|
||||
import { allTeams } from "@/data/team";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Team Details V2 || 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 TeamDetailsV2 = ({ params }) => {
|
||||
const team = allTeams.filter((elm)=>elm.id==params.id)[0] || allTeams[0]
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five bg-white">
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/95.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/96.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="col-xl-9 col-lg-11 m-auto text-center">
|
||||
<h6 className="page-title">Team Details V2</h6>
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
{team.name || team.title || ' Single Profile' }
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="image" />
|
||||
</span>{" "}
|
||||
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Details
|
||||
===================================================== */}
|
||||
<div className="team-details mb-50 md-mb-10">
|
||||
<div className="container position-relative arrow-middle-center">
|
||||
<TeamDetailsSlider data={team} />
|
||||
{/* Team Details Gallery */}
|
||||
</div>
|
||||
<Image width="191" height="280"
|
||||
src="/images/shape/214.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="185" height="280"
|
||||
src="/images/shape/215.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.team-details */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default TeamDetailsV2;
|
||||
@@ -0,0 +1,100 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../../components/header/Header";
|
||||
import Footer from "../../../../components/footer/Footer";
|
||||
import CopyRight from "../../../../components/footer/CopyRight";
|
||||
import TeamDetails from "../../../../components/team/TeamDetails";
|
||||
import { allTeams } from "@/data/team";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Team Details V1 || 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 TeamDetailsV1 = ({ params }) => {
|
||||
const team = allTeams.filter((elm)=>elm.id==params.id)[0] || allTeams[0]
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five bg-white">
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/95.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/96.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="col-xl-9 col-lg-11 m-auto text-center">
|
||||
<h6 className="page-title">Team Details V1</h6>
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
{team.name || team.title || team.designation || ' Single Profile' }
|
||||
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="image" />
|
||||
</span>{" "}
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Team Details
|
||||
===================================================== */}
|
||||
<div className="team-details mb-50 md-mb-10">
|
||||
<div className="container position-relative arrow-middle-center">
|
||||
<TeamDetails data={team} />
|
||||
{/* Team Details Gallery */}
|
||||
</div>
|
||||
<Image width="191" height="280"
|
||||
src="/images/shape/214.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="185" height="280"
|
||||
src="/images/shape/215.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.team-details */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style One
|
||||
===================================================== */}
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
export default TeamDetailsV1;
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
@@ -0,0 +1,30 @@
|
||||
'use client'
|
||||
import AOS from "aos";
|
||||
import "aos/dist/aos.css";
|
||||
import ScrollToTop from "../components/ScrollToTop";
|
||||
import Context from '@/context/Context';
|
||||
import { useEffect } from 'react'
|
||||
import '../public/main.scss'
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
export default function RootLayout({ children }) {
|
||||
useEffect(() => {
|
||||
AOS.init({
|
||||
duration: 1200,
|
||||
once: true,
|
||||
});
|
||||
}, []);
|
||||
return (
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Roboto:wght@300;400;500;700&family=Rubik:wght@300;400;500&display=swap"/>
|
||||
</head>
|
||||
<body ><div ><Context> {children}</Context></div>
|
||||
{<ScrollToTop/>}</body>
|
||||
</html>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,65 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Not Found || 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 NotFound = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<div className="error-page d-lg-flex align-items-center">
|
||||
<div className="img-holder order-lg-last">
|
||||
<Image
|
||||
src="/images/media/404.svg"
|
||||
|
||||
fill
|
||||
|
||||
|
||||
alt="media"
|
||||
className="w-100 illustration"
|
||||
/>
|
||||
<Image
|
||||
width={104}
|
||||
height={151}
|
||||
src="/images/media/404-q.svg"
|
||||
alt="media"
|
||||
className="shapes qus"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-wrapper order-lg-first">
|
||||
<div className="logo">
|
||||
<Link href="/">
|
||||
<Image width={136}
|
||||
height={43} src="/images/logo/deski_05.svg" alt="logo" />
|
||||
</Link>
|
||||
</div>
|
||||
<h1 className="font-slab">
|
||||
Sorry, <br />
|
||||
The Page Can’t <br />
|
||||
be Found.
|
||||
</h1>
|
||||
<p className="font-rubik">
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
||||
commodo consequat
|
||||
</p>
|
||||
|
||||
<Link
|
||||
href="/"
|
||||
className="back-home font-rubik d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<span>Back to Home</span>
|
||||
<Image width={21} height={10} src="/images/icon/53.svg" alt="icon" />
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
{/* /.error-page */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default NotFound;
|
||||
+357
@@ -0,0 +1,357 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
import Header from "../components/header/HeaderFour";
|
||||
import HeroBannerFour from "../components/hero-banner/HeroBannerFour";
|
||||
import About from "../components/about/About";
|
||||
import FeatureNine from "../components/features/FeatureNine";
|
||||
import Faq from "../components/faq/Faq";
|
||||
import PricingThree from "../components/pricing/PricingThree";
|
||||
import TestimonialThree from "../components/testimonial/TestimonialThree";
|
||||
import FaqFour from "../components/faq/FaqFour";
|
||||
import FooterFour from "../components/footer/FooterFour";
|
||||
import CallToActionFive from "../components/call-to-action/CallToActionFive";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
export const metadata = {
|
||||
title: 'Event Organizer || 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.`,
|
||||
}
|
||||
|
||||
export default function Home () {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
|
||||
|
||||
<Header />
|
||||
{/* End HeaderFour */}
|
||||
|
||||
<HeroBannerFour />
|
||||
{/* End Hero Banner Four */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fancy Text Block
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-nineteen mt-250 mb-200 md-mt-150 md-mb-150">
|
||||
<div className="container">
|
||||
<About />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .fancy-text-block-nineteen*/}
|
||||
|
||||
<div className="fancy-feature-nine">
|
||||
<Image
|
||||
width={14}
|
||||
height={19}
|
||||
src="/images/shape/107.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image
|
||||
width={20}
|
||||
height={17}
|
||||
src="/images/shape/108.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image
|
||||
width={16}
|
||||
height={24}
|
||||
src="/images/shape/109.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image
|
||||
width={16}
|
||||
height={24}
|
||||
src="/images/shape/110.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image
|
||||
width={18}
|
||||
height={22}
|
||||
src="/images/shape/111.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<Image
|
||||
width={23}
|
||||
height={18}
|
||||
src="/images/shape/112.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
|
||||
<div className="container">
|
||||
<div className="title-style-five text-center mb-60 md-mb-30">
|
||||
<h6>GET STARTED IN MINUTES</h6>
|
||||
<h2>
|
||||
<span>3 simple & easy step to launch.</span>
|
||||
</h2>
|
||||
</div>
|
||||
{/* End title */}
|
||||
|
||||
<FeatureNine />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.fancy-feature-nine */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Fqa Text Block
|
||||
============================================== */}
|
||||
<div className="fancy-text-block-six overflow-hidden mt-250 md-mt-200">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div
|
||||
className="col-lg-6"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="title-style-five mb-35">
|
||||
<h6>Why choose us</h6>
|
||||
<h2>
|
||||
<span>Why you should</span> choose us?
|
||||
</h2>
|
||||
</div>
|
||||
{/* End title */}
|
||||
<Faq />
|
||||
</div>
|
||||
|
||||
<div
|
||||
className="col-lg-6 col-md-8 m-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="illustration-holder d-flex justify-content-end md-mt-50">
|
||||
<Image width={509} height={633} style={{height:'fit-content'}} src="/images/media/img_58.png" alt="media" />
|
||||
<Image width={304} height={304}
|
||||
src="/images/shape/113.svg"
|
||||
alt="media"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
</div>
|
||||
{/* /.illustration-holder */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.why should you choose us */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Pricing Section Three
|
||||
============================================== */}
|
||||
<div className="pricing-section-three mt-250 mb-200 md-mt-150 md-mb-150">
|
||||
<Image width={13}
|
||||
height={18}
|
||||
src="/images/shape/107.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image
|
||||
width={20}
|
||||
height={17}
|
||||
src="/images/shape/108.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image
|
||||
width={16}
|
||||
height={24}
|
||||
src="/images/shape/109.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
<Image
|
||||
width={26}
|
||||
height={20}
|
||||
src="/images/shape/110.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image
|
||||
width={17}
|
||||
height={21}
|
||||
src="/images/shape/111.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
<Image width={22}
|
||||
height={17}
|
||||
src="/images/shape/112.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
|
||||
<div className="container">
|
||||
<div className="title-style-five text-center mb-50 md-mb-40">
|
||||
<h6>Our Pricing</h6>
|
||||
<div className="row">
|
||||
<div className="col-lg-9 m-auto">
|
||||
<h2>Unbeatable prices, no contracts, simple & easy</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="pricing-table-area-three">
|
||||
<PricingThree />
|
||||
</div>
|
||||
{/* /.pricing-table-area-three */}
|
||||
</div>
|
||||
{/* ./container */}
|
||||
</div>
|
||||
{/* /.pricing-section-three */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Client Feedback Slider
|
||||
============================================== */}
|
||||
<div className="client-feedback-slider-three mb-250 ">
|
||||
<div className="container">
|
||||
<div className="title-style-five text-center mb-80 md-mb-50">
|
||||
<div className="row">
|
||||
<div className="col-lg-7 col-md-9 m-auto">
|
||||
<h2 data-aos="fade-up" data-aos-duration="1200">
|
||||
<span>Check what’s our client </span>say about us.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End title */}
|
||||
<div className="row">
|
||||
<div className="col-xl-7 col-lg-9 m-auto">
|
||||
<div className="testimonial-slider-wrapper">
|
||||
<Image width={75} height={54} src="/images/icon/65.svg" alt="icon" className="m-auto" />
|
||||
<div className="clientSliderThree">
|
||||
<TestimonialThree />
|
||||
</div>
|
||||
</div>
|
||||
{/* /.testimonial-slider-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
<Image
|
||||
width={82} height={82}
|
||||
src="/images/media/img_59.png"
|
||||
alt="media"
|
||||
className="shapes shape_1"
|
||||
/>
|
||||
<Image width={46} height={46}
|
||||
src="/images/media/img_60.png"
|
||||
alt="media"
|
||||
className="shapes shape_2"
|
||||
/>
|
||||
<Image width={87} height={87}
|
||||
src="/images/media/img_61.png"
|
||||
alt="media"
|
||||
className="shapes shape_3"
|
||||
/>
|
||||
<Image width={46} height={46}
|
||||
src="/images/media/img_62.png"
|
||||
alt="media"
|
||||
className="shapes shape_4"
|
||||
/>
|
||||
<Image width={111} height={111}
|
||||
src="/images/media/img_63.png"
|
||||
alt="media"
|
||||
className="shapes shape_5"
|
||||
/>
|
||||
<Image width={57} height={57}
|
||||
src="/images/media/img_64.png"
|
||||
alt="media"
|
||||
className="shapes shape_6"
|
||||
/>
|
||||
</div>
|
||||
{/* /.client-feedback-slider-three */}
|
||||
|
||||
<div className="faq-section-four">
|
||||
<Image width={182} height={397}
|
||||
src="/images/shape/120.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={176} height={433}
|
||||
src="/images/shape/121.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="container">
|
||||
<div className="title-style-five text-center mb-80 md-mb-60">
|
||||
<h6>FAQ</h6>
|
||||
<h2>
|
||||
<span>Question & Answer</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-10 m-auto">
|
||||
<FaqFour />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="text-center mt-60 md-mt-50"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<h3 className="font-rubik pb-30">Don’t find your answer?</h3>
|
||||
<Link className="theme-btn-five" href="/contact-eo">
|
||||
Contact us
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* End Question and answer */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Call To Action
|
||||
============================================== */}
|
||||
<div className="fancy-short-banner-five pt-150 pb-150 md-pt-100 md-pb-100">
|
||||
<div className="container">
|
||||
<CallToActionFive />
|
||||
</div>
|
||||
</div>
|
||||
{/* End .fancy-short-banner-five */}
|
||||
|
||||
{/*
|
||||
=============================================
|
||||
Footer Four
|
||||
============================================== */}
|
||||
<footer className="theme-footer-four">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<FooterFour />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<p>
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-four */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
'use client'
|
||||
|
||||
import Image from "next/image";
|
||||
import React, { useEffect, useState } from "react";
|
||||
|
||||
export default function ScrollToTop() {
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
|
||||
// Top: 0 takes us all the way back to the top of the page
|
||||
// Behavior: smooth keeps it smooth!
|
||||
const scrollToTop = () => {
|
||||
if (typeof window !== "undefined") {
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: "smooth",
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
// Button is displayed after scrolling for 500 pixels
|
||||
const toggleVisibility = () => {
|
||||
if (window.pageYOffset > 500) {
|
||||
setIsVisible(true);
|
||||
} else {
|
||||
setIsVisible(false);
|
||||
}
|
||||
};
|
||||
|
||||
window.addEventListener("scroll", toggleVisibility);
|
||||
|
||||
return () => window.removeEventListener("scroll", toggleVisibility);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<>
|
||||
{isVisible && (
|
||||
<div>
|
||||
<button className="scroll-top " onClick={scrollToTop}>
|
||||
<Image width={17} height={17} src="/images/icon/chevron-w.png" alt="icon" />
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
'use client'
|
||||
|
||||
import { useEffect } from "react";
|
||||
import { usePathname } from "next/navigation";
|
||||
|
||||
export default function ScrollToTop() {
|
||||
const pathname = usePathname();
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, [pathname]);
|
||||
|
||||
return null;
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
|
||||
const About = () => {
|
||||
return (
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6" data-aos="fade-right" data-aos-duration="1200">
|
||||
<Image width={550} height={649} style={{height:'fit-content'}} src="/images/media/img_57.png" alt="about" className="m-auto" />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-6" data-aos="fade-left" data-aos-duration="1200">
|
||||
<div className="text-wrapper">
|
||||
<div className="client-info font-rubik">
|
||||
Over <span>150,000+ client</span>
|
||||
</div>
|
||||
<div className="title-style-five">
|
||||
<h2>
|
||||
<span>Best event & online</span> ticket platform.
|
||||
</h2>
|
||||
</div>
|
||||
<p className="font-rubik">
|
||||
Things go wrong. You’ll have questions. We understand. So we have
|
||||
people, not bots, on hand to help.
|
||||
</p>
|
||||
<p className="font-rubik">
|
||||
We aim to answer any query in less than 10 minutes.
|
||||
</p>
|
||||
<div className="name font-slab">Mitchell Garner</div>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default About;
|
||||
@@ -0,0 +1,53 @@
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
|
||||
const AboutFive = () => {
|
||||
return (
|
||||
<div className="row">
|
||||
<div className="col-lg-6 order-lg-last">
|
||||
<div className="text-wrapper">
|
||||
<div className="title-style-two mb-35 md-mb-20">
|
||||
<h2>
|
||||
<span>
|
||||
Exclusive fetures{" "}
|
||||
<Image width="448" height="48" src="/images/shape/line-shape-5.svg" alt="shape" />
|
||||
</span>
|
||||
with great offers everytime.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
<p>
|
||||
With Benefits from deski Pro, Earn rewards & Score discounts on
|
||||
purchases* Foryourself and your customers.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-6 order-lg-first">
|
||||
<div className="img-gallery">
|
||||
<Image width={400} height={484} style={{height:'fit-content'}} src="/images/media/img_35.png" alt="media" />
|
||||
<Image width={292} height={309} style={{height:'fit-content'}}
|
||||
src="/images/media/img_36.png"
|
||||
alt="media"
|
||||
className="overlay-img"
|
||||
/>
|
||||
<Image width={100} height={129}
|
||||
src="/images/shape/49.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={198} height={198}
|
||||
src="/images/shape/50.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.img-gallery */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutFive;
|
||||
@@ -0,0 +1,48 @@
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
|
||||
const AboutFour = () => {
|
||||
return (
|
||||
<div className="row">
|
||||
<div className="col-lg-6" data-aos="fade-right" data-aos-duration="1200">
|
||||
<div className="text-wrapper">
|
||||
<div className="title-style-two">
|
||||
<p>About us</p>
|
||||
<h2>Best event & online ticket platform.</h2>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
<p className="sub-text">
|
||||
Things go wrong. You’ll have questions. We understand. So we have
|
||||
real people, not bots, on hand to help, 7 days a week.
|
||||
</p>
|
||||
<p className="sub-text">
|
||||
We aim to answer any query in less than 10 minutes. Try now
|
||||
</p>
|
||||
<div className="name">
|
||||
Mr Rashed Kabir, <span>CEO</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-6" data-aos="fade-left" data-aos-duration="1200">
|
||||
<div className="img-holder md-mt-80">
|
||||
<Image width={450} height={560} style={{height:'fit-content'}} src="/images/media/img_39.png" alt="media" />
|
||||
<Image width={122} height={108}
|
||||
src="/images/shape/60.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={152} height={152}
|
||||
src="/images/shape/61.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutFour;
|
||||
@@ -0,0 +1,68 @@
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
|
||||
const AboutThree = () => {
|
||||
return (
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-6 order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper ps-3">
|
||||
<div className="title-style-three mb-35 md-mb-20">
|
||||
<h6>Certified by trustpilot</h6>
|
||||
<h2>
|
||||
<span>
|
||||
Certified and trusted{" "}
|
||||
<Image width="526" height="53" src="/images/shape/line-shape-7.svg" alt="shape" />
|
||||
</span>
|
||||
support portal.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
<p>
|
||||
Whether you're a theatre, stadium, intimate music venue, church,
|
||||
gala or concert hall, our seating chart tooi accurately represent
|
||||
your venue and seating layout.
|
||||
</p>
|
||||
<p className="mt-30">
|
||||
It's easy to incorporate socialy distanced spaces, add tables, edit
|
||||
the numbering or have.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 order-lg-first">
|
||||
<div className="img-gallery">
|
||||
<Image width={402} height={487} style={{width:'100%',height:'fit-content'}}
|
||||
src="/images/media/img_38.png"
|
||||
alt="media"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
/>
|
||||
<Image width={292} height={309} style={{width:'100%',height:'fit-content'}}
|
||||
src="/images/media/img_36.png"
|
||||
alt="media"
|
||||
className="overlay-img"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
/>
|
||||
<Image width={100} height={129}
|
||||
src="/images/shape/49.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={144} height={144}
|
||||
src="/images/shape/54.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
</div>
|
||||
{/* /.img-gallery */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutThree;
|
||||
@@ -0,0 +1,53 @@
|
||||
'use client'
|
||||
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
|
||||
const AboutTwo = () => {
|
||||
return (
|
||||
<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_19.png" alt="media" />
|
||||
<Image width={179} height={179}
|
||||
src="/images/shape/34.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
</div>
|
||||
{/* img-holder */}
|
||||
</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="60" height="43" src="/images/icon/26.svg" alt="icon" className="icon" />
|
||||
<blockquote className="font-rubik">
|
||||
Deski combines excellent live chat, ticketing and automation that
|
||||
allow us to provide quality.
|
||||
</blockquote>
|
||||
<h6>
|
||||
Bostami Hasan <span>CEO & Founder deksi</span>
|
||||
</h6>
|
||||
<Link href="/about-cs" className="theme-btn-two mt-45 md-mt-30">
|
||||
{" "}
|
||||
Learn More
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.quote-wrapper */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutTwo;
|
||||
@@ -0,0 +1,60 @@
|
||||
'use client'
|
||||
|
||||
import React from "react";
|
||||
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
|
||||
|
||||
const AboutTabs = () => {
|
||||
return (
|
||||
<>
|
||||
<Tabs>
|
||||
<TabList className="nav nav-tabs md-mt-50">
|
||||
<Tab className="nav-link font-slab">Our Story</Tab>
|
||||
<Tab className="nav-link font-slab">Our Mission</Tab>
|
||||
<Tab className="nav-link font-slab">Our Vision</Tab>
|
||||
</TabList>
|
||||
{/* End TabList */}
|
||||
|
||||
<div className="tab-content mt-20">
|
||||
<TabPanel>
|
||||
<p className="font-rubik">
|
||||
Lorem ipsum dolor sit amet, consecteur adipiscng elit sed do
|
||||
eiusmod tempor non sunt
|
||||
</p>
|
||||
<p className="font-rubik">
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||||
reprehenderit in voluptate velit esse cillum dolore nulla
|
||||
pariaturExcepteur sint occaecat cu proident, sunter in culpa qui
|
||||
officia deserunt mollit .
|
||||
</p>
|
||||
</TabPanel>
|
||||
<TabPanel>
|
||||
<p className="font-rubik">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting
|
||||
industry
|
||||
</p>
|
||||
<p className="font-rubik">
|
||||
Contrary to popular belief, Lorem Ipsum is not simply random text.
|
||||
It has roots in a piece of classical Latin literature from 45 BC,
|
||||
making it over 2000 years old. Richard McClintock, a Latin
|
||||
professor.
|
||||
</p>
|
||||
</TabPanel>
|
||||
<TabPanel>
|
||||
<p className="font-rubik">
|
||||
There are many variations of passages of Lorem Ipsum available,
|
||||
but the majority,
|
||||
</p>
|
||||
<p className="font-rubik">
|
||||
Many desktop publishing packages and web page editors now use
|
||||
Lorem Ipsum as their default model text, and a search for 'lorem
|
||||
ipsum' will uncover many web sites still in their infancy.
|
||||
</p>
|
||||
</TabPanel>
|
||||
</div>
|
||||
{/* End TabContent */}
|
||||
</Tabs>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutTabs;
|
||||
@@ -0,0 +1,70 @@
|
||||
'use client'
|
||||
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
|
||||
|
||||
const DocAsTabs = () => {
|
||||
return (
|
||||
<>
|
||||
<Tabs>
|
||||
<TabList>
|
||||
<Tab>
|
||||
<div className="d-flex align-items-center">
|
||||
<Image width="17" height="18" src="/images/icon/90.svg" alt="icon" />
|
||||
<p>Team Box</p>
|
||||
</div>
|
||||
</Tab>
|
||||
{/* End .d-felx */}
|
||||
<Tab>
|
||||
<div className="d-flex align-items-center ">
|
||||
<Image width="17" height="18" src="/images/icon/91.svg" alt="icon" />
|
||||
<p>Project & Task</p>
|
||||
</div>
|
||||
</Tab>
|
||||
{/* End .d-felx */}
|
||||
<Tab>
|
||||
<div className="d-flex align-items-center">
|
||||
<Image width={18} height={18} src="/images/icon/92.svg" alt="icon" />
|
||||
<p>Note & Docs</p>
|
||||
</div>
|
||||
</Tab>
|
||||
{/* End .d-felx */}
|
||||
</TabList>
|
||||
|
||||
<div className="mt-50 sm-mt-30">
|
||||
<TabPanel>
|
||||
<Image width={1155} height={685} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_11.png"
|
||||
alt="screen"
|
||||
className="m-auto"
|
||||
data-aos="fade"
|
||||
data-aos-duration="1200"
|
||||
/>
|
||||
</TabPanel>
|
||||
<TabPanel>
|
||||
<Image width={1155} height={685} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_15.png"
|
||||
alt="screen"
|
||||
className="m-auto"
|
||||
data-aos="fade"
|
||||
data-aos-duration="1200"
|
||||
/>
|
||||
</TabPanel>
|
||||
<TabPanel>
|
||||
<Image width={1155} height={685} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_16.png"
|
||||
alt="screen"
|
||||
className="m-auto"
|
||||
data-aos="fade"
|
||||
data-aos-duration="1200"
|
||||
/>
|
||||
</TabPanel>
|
||||
</div>
|
||||
{/* /.pricing-table-area-six */}
|
||||
</Tabs>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default DocAsTabs;
|
||||
@@ -0,0 +1,126 @@
|
||||
|
||||
'use client'
|
||||
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
|
||||
|
||||
const tabList = [
|
||||
{ iconOne: "105", iconTwo: "105-c" },
|
||||
{ iconOne: "106", iconTwo: "106-c" },
|
||||
{ iconOne: "107", iconTwo: "107-c" },
|
||||
{ iconOne: "108", iconTwo: "108-c" },
|
||||
{ iconOne: "109", iconTwo: "109-c" },
|
||||
{ iconOne: "110", iconTwo: "110-c" },
|
||||
{ iconOne: "111", iconTwo: "111-c" },
|
||||
];
|
||||
|
||||
const tabListContent = [
|
||||
{
|
||||
img: "img_81",
|
||||
innerText: "Track Human faces",
|
||||
title: "Motation Tracking",
|
||||
description: `From its medieval origins to the digital earn everything
|
||||
there is to know about the ubi lorem ipsum passage.`,
|
||||
},
|
||||
{
|
||||
img: "img_92",
|
||||
innerText: "keyframing experience",
|
||||
title: "Keyframing",
|
||||
description: `From its medieval origins to the digital earn everything
|
||||
there is to know about the ubi lorem ipsum passage.`,
|
||||
},
|
||||
{
|
||||
img: "img_93",
|
||||
innerText: "Audio track down",
|
||||
title: "Audio Ducking",
|
||||
description: `From its medieval origins to the digital earn everything
|
||||
there is to know about the ubi lorem ipsum passage.`,
|
||||
},
|
||||
{
|
||||
img: "img_94",
|
||||
innerText: "Take the color",
|
||||
title: "Color Matching",
|
||||
description: `From its medieval origins to the digital earn everything
|
||||
there is to know about the ubi lorem ipsum passage.`,
|
||||
},
|
||||
{
|
||||
img: "img_95",
|
||||
innerText: "Edit videos at up to 4K",
|
||||
title: "4K Editing Support",
|
||||
description: `From its medieval origins to the digital earn everything
|
||||
there is to know about the ubi lorem ipsum passage.`,
|
||||
},
|
||||
{
|
||||
img: "img_96",
|
||||
innerText: "Remove unwanted noise",
|
||||
title: "Noise Removal",
|
||||
description: `From its medieval origins to the digital earn everything
|
||||
there is to know about the ubi lorem ipsum passage.`,
|
||||
},
|
||||
{
|
||||
img: "img_97",
|
||||
innerText: "Layer multiple video clips",
|
||||
title: "Picture in Picture (PIP)",
|
||||
description: `From its medieval origins to the digital earn everything
|
||||
there is to know about the ubi lorem ipsum passage.`,
|
||||
},
|
||||
];
|
||||
|
||||
const DocEditorTabs = () => {
|
||||
return (
|
||||
<>
|
||||
<Tabs>
|
||||
<TabList>
|
||||
{tabList.map((img, i) => (
|
||||
<Tab key={i}>
|
||||
<div className="nav-link d-flex align-items-center justify-content-center">
|
||||
<Image width={55} height={55} style={{width:'100%',height:'fit-content'}}
|
||||
src={`/images/icon/${img.iconOne}.svg`}
|
||||
alt="icon"
|
||||
className="current tran3s"
|
||||
/>
|
||||
<Image width={55} height={55} style={{objectFit:'contain'}}
|
||||
src={`/images/icon/${img.iconTwo}.svg`}
|
||||
alt="icon"
|
||||
className="hover tran3s"
|
||||
/>
|
||||
</div>
|
||||
</Tab>
|
||||
))}
|
||||
</TabList>
|
||||
|
||||
<div className="mt-60 sm-mt-40 tab-content">
|
||||
{tabListContent.map((tabContent, i) => (
|
||||
<TabPanel key={i}>
|
||||
<div className="row no-gutters align-items-center">
|
||||
<div className="col-md-6">
|
||||
<div className="img-holder">
|
||||
<Image width={768} height={520} style={{height:'fit-content'}}
|
||||
src={`/images/media/${tabContent.img}.png`}
|
||||
alt="media"
|
||||
/>
|
||||
<div className="ripple-box d-flex align-items-center justify-content-center">
|
||||
<p>{tabContent.innerText}</p>
|
||||
</div>
|
||||
</div>{" "}
|
||||
{/* /.img-holder */}
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="text-wrapper">
|
||||
<h4>{tabContent.title}</h4>
|
||||
<p>{tabContent.description}</p>
|
||||
</div>{" "}
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</TabPanel>
|
||||
))}
|
||||
</div>
|
||||
{/* /.pricing-table-area-six */}
|
||||
</Tabs>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default DocEditorTabs;
|
||||
@@ -0,0 +1,84 @@
|
||||
'use client'
|
||||
|
||||
import React, { useState } from "react";
|
||||
import Slider from "react-slick";
|
||||
import Image from "next/image";
|
||||
export default function SlickAsNav() {
|
||||
const [nav1, setNav1] = useState();
|
||||
const [nav2, setNav2] = useState();
|
||||
|
||||
var settings = {
|
||||
slidesToShow: 3,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 991,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 420,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Slider
|
||||
className="slick-nav-none"
|
||||
asNavFor={nav2}
|
||||
ref={(slider1) => setNav1(slider1)}
|
||||
autoplay={true}
|
||||
>
|
||||
<div className="item">
|
||||
<Image width={1174} height={663} style={{height:'fit-content'}} src="/images/assets/feature-img-12.png" alt="feature" />
|
||||
</div>
|
||||
<div className="item">
|
||||
<Image width={1174} height={663} style={{height:'fit-content'}} src="/images/assets/feature-img-12.png" alt="feature" />
|
||||
</div>
|
||||
<div className="item">
|
||||
<Image width={1174} height={663} style={{height:'fit-content'}} src="/images/assets/feature-img-12.png" alt="feature" />
|
||||
</div>
|
||||
</Slider>
|
||||
{/* Top Image slide */}
|
||||
|
||||
<Slider
|
||||
{...settings}
|
||||
asNavFor={nav1}
|
||||
ref={(slider2) => setNav2(slider2)}
|
||||
swipeToSlide={true}
|
||||
focusOnSelect={true}
|
||||
className="slick-nav-custom"
|
||||
>
|
||||
<div className="block-style-eleven mt-40">
|
||||
<div className="num font-rubik">01</div>
|
||||
<div className="title">Personal Notes</div>
|
||||
<p className="font-rubik">
|
||||
A place to think and track ideas for you and your team
|
||||
</p>
|
||||
</div>
|
||||
{/* /.block-style-eleven */}
|
||||
<div className="block-style-eleven mt-40">
|
||||
<div className="num font-rubik">02</div>
|
||||
<div className="title">Knowledge Base</div>
|
||||
<p className="font-rubik">
|
||||
A home for your team, best practices and thoughts.
|
||||
</p>
|
||||
</div>
|
||||
{/* /.block-style-eleven */}
|
||||
<div className="block-style-eleven mt-40">
|
||||
<div className="num font-rubik">03</div>
|
||||
<div className="title">Products Doc</div>
|
||||
<p className="font-rubik">
|
||||
Beautiful docs for your APIs, Products, FAQs, & User Guides,
|
||||
</p>
|
||||
</div>
|
||||
{/* /.block-style-eleven */}
|
||||
</Slider>
|
||||
{/* Bottom text slide */}
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,104 @@
|
||||
'use client'
|
||||
|
||||
import Image from "next/image";
|
||||
import React, { useState } from "react";
|
||||
import Slider from "react-slick";
|
||||
|
||||
export default function DocSlickAsNavTwo() {
|
||||
const [nav1, setNav1] = useState();
|
||||
const [nav2, setNav2] = useState();
|
||||
|
||||
var settings = {
|
||||
slidesToShow: 3,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 991,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 420,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Slider
|
||||
{...settings}
|
||||
asNavFor={nav1}
|
||||
ref={(slider2) => setNav2(slider2)}
|
||||
swipeToSlide={true}
|
||||
focusOnSelect={true}
|
||||
className="slick-nav-custom "
|
||||
>
|
||||
<div className="d-flex item_content">
|
||||
<div className="icon d-flex align-items-center justify-content-center">
|
||||
<Image width="11" height="15" src="/images/icon/81.svg" alt="icon" />
|
||||
</div>
|
||||
<p>
|
||||
Create task for any <br />
|
||||
team person
|
||||
</p>
|
||||
</div>
|
||||
{/* /.d-flex */}
|
||||
<div className="d-flex item_content">
|
||||
<div className="icon d-flex align-items-center justify-content-center">
|
||||
<Image width="11" height="15" src="/images/icon/81.svg" alt="icon" />
|
||||
</div>
|
||||
<p>
|
||||
Make timeframe for <br />
|
||||
do the task
|
||||
</p>
|
||||
</div>
|
||||
{/* /.d-flex */}
|
||||
<div className="d-flex item_content">
|
||||
<div className="icon d-flex align-items-center justify-content-center">
|
||||
<Image width="11" height="15" src="/images/icon/81.svg" alt="icon" />
|
||||
</div>
|
||||
<p>
|
||||
Get task complated by <br />
|
||||
your member
|
||||
</p>
|
||||
</div>
|
||||
{/* /.d-flex */}
|
||||
</Slider>
|
||||
{/* Bottom text slide */}
|
||||
|
||||
<div className="position-relative">
|
||||
<Slider
|
||||
className="slick-nav-none carousel-inner"
|
||||
asNavFor={nav2}
|
||||
fade={true}
|
||||
speed={600}
|
||||
ref={(slider1) => setNav1(slider1)}
|
||||
>
|
||||
<div className="carousel-item">
|
||||
<Image width={1160} height={700} style={{height:'fit-content'}} src="/images/assets/screen_07.png" alt="feature" />
|
||||
</div>
|
||||
<div className="carousel-item">
|
||||
<Image width={1160} height={700} style={{height:'fit-content'}} src="/images/assets/screen_08.png" alt="feature" />
|
||||
</div>
|
||||
<div className="carousel-item">
|
||||
<Image width={1160} height={700} style={{height:'fit-content'}} src="/images/assets/screen_09.png" alt="feature" />
|
||||
</div>
|
||||
</Slider>
|
||||
{/* Top Image slide */}
|
||||
<Image width="151" height="151"
|
||||
src="/images/shape/152.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={292} height={292}
|
||||
src="/images/shape/153.png"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import BlogSidebarForm from "../form/BlogSidebarForm";
|
||||
import { recentNews } from "@/data/blogs";
|
||||
|
||||
const categroies = [
|
||||
{
|
||||
catName: "Web Design",
|
||||
numberOfPOst: "09",
|
||||
},
|
||||
{
|
||||
catName: "Graphics",
|
||||
numberOfPOst: "13",
|
||||
},
|
||||
{
|
||||
catName: "Web Development",
|
||||
numberOfPOst: "05",
|
||||
},
|
||||
{
|
||||
catName: "IOS/Android Development",
|
||||
numberOfPOst: "24",
|
||||
},
|
||||
{
|
||||
catName: "Others",
|
||||
numberOfPOst: "08",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
const blogKeyword = ["Ideas", "Education", "Design", "Development", "Branding"];
|
||||
|
||||
const BlogSidebar = () => {
|
||||
return (
|
||||
<>
|
||||
<div className="blog-sidebar-one">
|
||||
<div className="sidebar-search-form mb-85 sm-mb-60">
|
||||
<BlogSidebarForm />
|
||||
</div>
|
||||
{/* /.sidebar-search-form */}
|
||||
|
||||
<div className="sidebar-categories mb-85 sm-mb-60">
|
||||
<h4 className="sidebar-title">Categories</h4>
|
||||
<ul>
|
||||
{categroies.map((cat, i) => (
|
||||
<li key={i}>
|
||||
<Link href="/blogs/1">
|
||||
{cat.catName} <span>({cat.numberOfPOst})</span>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.sidebar-categories */}
|
||||
|
||||
<div className="sidebar-recent-news mb-85 sm-mb-60">
|
||||
<h4 className="sidebar-title">Recent News</h4>
|
||||
<ul>
|
||||
{recentNews.map((news, i) => (
|
||||
<li key={i}>
|
||||
<Link href={`/blogs/${news.id}`}>
|
||||
<span className="title">{news.title}</span>
|
||||
<span className="date">{news.date}</span>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.sidebar-recent-news */}
|
||||
|
||||
<div className="sidebar-keyword">
|
||||
<h4 className="sidebar-title">Keywords</h4>
|
||||
<ul className="cleafix">
|
||||
{blogKeyword.map((val, i) => (
|
||||
<li key={i}>
|
||||
<Link href="/blogs/1"> {val}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.sidebar-keyword */}
|
||||
</div>
|
||||
{/* /.blog-sidebar-one */}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogSidebar;
|
||||
@@ -0,0 +1,87 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import BlogSidebarForm from "../form/BlogSidebarForm2";
|
||||
import { recentNews } from "@/data/blogs";
|
||||
|
||||
const categroies = [
|
||||
{
|
||||
catName: "Web Design",
|
||||
numberOfPOst: "09",
|
||||
},
|
||||
{
|
||||
catName: "Graphics",
|
||||
numberOfPOst: "13",
|
||||
},
|
||||
{
|
||||
catName: "Web Development",
|
||||
numberOfPOst: "05",
|
||||
},
|
||||
{
|
||||
catName: "IOS/Android Development",
|
||||
numberOfPOst: "24",
|
||||
},
|
||||
{
|
||||
catName: "Others",
|
||||
numberOfPOst: "08",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
const blogKeyword = ["Ideas", "Education", "Design", "Development", "Branding"];
|
||||
|
||||
const BlogSidebarClassic = () => {
|
||||
return (
|
||||
<>
|
||||
<div className="blog-sidebar-one">
|
||||
<div className="sidebar-search-form mb-85 sm-mb-60">
|
||||
<BlogSidebarForm />
|
||||
</div>
|
||||
{/* /.sidebar-search-form */}
|
||||
|
||||
<div className="sidebar-categories mb-85 sm-mb-60">
|
||||
<h4 className="sidebar-title">Categories</h4>
|
||||
<ul>
|
||||
{categroies.map((cat, i) => (
|
||||
<li key={i}>
|
||||
<Link href="/blogs/1">
|
||||
{cat.catName} <span>({cat.numberOfPOst})</span>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.sidebar-categories */}
|
||||
|
||||
<div className="sidebar-recent-news mb-85 sm-mb-60">
|
||||
<h4 className="sidebar-title">Recent News</h4>
|
||||
<ul>
|
||||
{recentNews.map((news, i) => (
|
||||
<li key={i}>
|
||||
<Link href={`/blogs/${news.id}`}>
|
||||
<span className="title">{news.title}</span>
|
||||
<span className="date">{news.date}</span>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.sidebar-recent-news */}
|
||||
|
||||
<div className="sidebar-keyword">
|
||||
<h4 className="sidebar-title">Keywords</h4>
|
||||
<ul className="cleafix">
|
||||
{blogKeyword.map((val, i) => (
|
||||
<li key={i}>
|
||||
<Link href="/blogs/1"> {val}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.sidebar-keyword */}
|
||||
</div>
|
||||
{/* /.blog-sidebar-one */}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogSidebarClassic;
|
||||
@@ -0,0 +1,45 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import { BlogContent } from "@/data/blogs";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const BlogStyle1 = () => {
|
||||
return (
|
||||
<>
|
||||
{BlogContent.map((item, i) => (
|
||||
<div
|
||||
className="col-lg-4 col-md-6"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
key={i}
|
||||
data-aos-delay={item.dealyAnimation}
|
||||
>
|
||||
<div className="post-meta">
|
||||
<Image width={321} height={241} style={{width:'100%',height:'fit-content'}}
|
||||
src={`/images/blog/${item.img}`}
|
||||
alt="media"
|
||||
className="image-meta"
|
||||
/>
|
||||
<div className="tag">{item.tag}</div>
|
||||
<h3>
|
||||
<Link href={`/blogs/${item.id}`} className="title">
|
||||
{item.title}
|
||||
</Link>
|
||||
</h3>
|
||||
<Link
|
||||
href={`/blogs/${item.id}`}
|
||||
className="read-more d-flex justify-content-between align-items-center"
|
||||
>
|
||||
<span>Read More</span>
|
||||
<i className="flaticon-right-arrow"></i>
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.post-meta */}
|
||||
</div>
|
||||
))}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogStyle1;
|
||||
@@ -0,0 +1,38 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import { BlogContentTwo } from "@/data/blogs";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const BlogStyle2 = () => {
|
||||
return (
|
||||
<>
|
||||
{BlogContentTwo.map((item, i) => (
|
||||
<div className="post-meta" key={i}>
|
||||
<Image width={681} height={336} style={{height:'fit-content'}}
|
||||
src={`/images/blog/${item.img}`}
|
||||
alt="media"
|
||||
className="image-meta"
|
||||
/>
|
||||
<div className="tag">{item.tag}</div>
|
||||
<h3>
|
||||
<Link href={`/blogs/${item.id}`} className="title">
|
||||
{item.title}
|
||||
</Link>
|
||||
</h3>
|
||||
<p>{item.desc}</p>
|
||||
<Link
|
||||
href={`/blogs/${item.id}`}
|
||||
className="read-more d-flex justify-content-between align-items-center"
|
||||
>
|
||||
<span>Read More</span>
|
||||
<i className="flaticon-right-arrow"></i>
|
||||
</Link>
|
||||
</div>
|
||||
// /.post-meta
|
||||
))}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogStyle2;
|
||||
@@ -0,0 +1,41 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import { BlogContentThree } from "@/data/blogs";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const BlogStyle3 = () => {
|
||||
return (
|
||||
<>
|
||||
{BlogContentThree.map((item, i) => (
|
||||
<div className="post-meta" key={i}>
|
||||
<Image width={990} height={890} style={{width:'100%',height:'fit-content'}}
|
||||
src={`/images/blog/${item.img}`}
|
||||
alt="media"
|
||||
className="image-meta"
|
||||
/>
|
||||
<div className="post">
|
||||
<div className="date">{item.date}</div>
|
||||
<h3>
|
||||
<Link href={`/blogs/${item.id}`} className="title">
|
||||
{item.title}
|
||||
</Link>
|
||||
</h3>
|
||||
<p>{item.desc}</p>
|
||||
<Link
|
||||
href={`/blogs/${item.id}`}
|
||||
className="read-more d-flex justify-content-between align-items-center"
|
||||
>
|
||||
<span>Continue Reading</span>
|
||||
<i className="flaticon-right-arrow"></i>
|
||||
</Link>
|
||||
</div>
|
||||
{/* End post */}
|
||||
</div>
|
||||
// /.post-meta
|
||||
))}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogStyle3;
|
||||
@@ -0,0 +1,44 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import { BlogContentFour } from "@/data/blogs";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const BlogStyle4 = () => {
|
||||
return (
|
||||
<>
|
||||
{BlogContentFour.map((item, i) => (
|
||||
<div
|
||||
className="col-lg-4 col-md-6"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
key={i}
|
||||
data-aos-delay={item.dealyAnimation}
|
||||
>
|
||||
<div className="post-meta">
|
||||
<Image width={990} height={890} style={{width:'100%',height:'fit-content'}}
|
||||
src={`/images/blog/${item.img}`}
|
||||
alt="media"
|
||||
className="image-meta"
|
||||
/>
|
||||
<h3>
|
||||
<Link href={`/blogs/${item.id}`} className="title">
|
||||
{item.title}
|
||||
</Link>
|
||||
</h3>
|
||||
<Link
|
||||
href={`/blogs/${item.id}`}
|
||||
className="read-more d-flex justify-content-between align-items-center"
|
||||
>
|
||||
<span>Read More</span>
|
||||
<i className="flaticon-right-arrow"></i>
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.post-meta */}
|
||||
</div>
|
||||
))}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogStyle4;
|
||||
@@ -0,0 +1,38 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import { BlogContentSix } from "@/data/blogs";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const BlogStyle5 = () => {
|
||||
return (
|
||||
<>
|
||||
{BlogContentSix.map((val, i) => (
|
||||
<div
|
||||
className="col-lg-4"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay={val.animationDealy}
|
||||
key={i}
|
||||
>
|
||||
<div className="feature-article-meta">
|
||||
<div className="img-meta">
|
||||
<Image width={990} height={890} style={{width:'100%',height:'fit-content'}} src={`/images/blog/${val.img}`} alt="media" />
|
||||
</div>
|
||||
<div className="post-meta">
|
||||
<h3>
|
||||
<Link href={`/blogs/${val.id}`}>{val.title}</Link>
|
||||
</h3>
|
||||
<div className="author_info">
|
||||
{val.author}. <span>{val.designation}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-article-meta */}
|
||||
</div>
|
||||
))}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogStyle5;
|
||||
@@ -0,0 +1,45 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import { BlogContentFive } from "@/data/blogs";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const BlogStyle6 = () => {
|
||||
return (
|
||||
<>
|
||||
{BlogContentFive.map((item, i) => (
|
||||
<div
|
||||
className="col-lg-4 col-md-6"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
key={i}
|
||||
data-aos-delay={item.dealyAnimation}
|
||||
>
|
||||
<div className="post-meta">
|
||||
<Image width={990} height={890} style={{width:'100%',height:'fit-content'}}
|
||||
src={`/images/blog/${item.img}`}
|
||||
alt="media"
|
||||
className="image-meta"
|
||||
/>
|
||||
<div className="tag">{item.tag}</div>
|
||||
<h3>
|
||||
<Link href={`/blogs/${item.id}`} className="title">
|
||||
{item.title}
|
||||
</Link>
|
||||
</h3>
|
||||
<Link
|
||||
href={`/blogs/${item.id}`}
|
||||
className="read-more d-flex justify-content-between align-items-center"
|
||||
>
|
||||
<span>Read More</span>
|
||||
<i className="flaticon-right-arrow"></i>
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.post-meta */}
|
||||
</div>
|
||||
))}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogStyle6;
|
||||
@@ -0,0 +1,87 @@
|
||||
'use client'
|
||||
import React from "react";
|
||||
import Slider from "react-slick";
|
||||
import "slick-carousel/slick/slick.css";
|
||||
import "slick-carousel/slick/slick-theme.css";
|
||||
import Image from "next/image";
|
||||
const LogoSlider = [
|
||||
{
|
||||
img: "logo-1",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-2",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-3",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-4",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-5",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-6",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-7",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-3",
|
||||
url: "",
|
||||
},
|
||||
];
|
||||
|
||||
const brand = () => {
|
||||
const settings = {
|
||||
dots: false,
|
||||
arrow: true,
|
||||
infinite: true,
|
||||
speed: 900,
|
||||
slidesToShow: 7,
|
||||
slidesToScroll: 1,
|
||||
autoplay: false,
|
||||
margin: 30,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 991,
|
||||
settings: {
|
||||
slidesToShow: 6,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 576,
|
||||
settings: {
|
||||
slidesToShow: 4,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 420,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
return (
|
||||
<Slider {...settings}>
|
||||
{LogoSlider.map((val, i) => (
|
||||
<div className="item" key={i}>
|
||||
<a href={val.url}>
|
||||
<Image width={140} height={38} style={{height:'38px',width:'fit-content'}} src={`/images/logo/${val.img}.png`} alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
))}
|
||||
</Slider>
|
||||
);
|
||||
};
|
||||
|
||||
export default brand;
|
||||
@@ -0,0 +1,81 @@
|
||||
'use client'
|
||||
import React from "react";
|
||||
import Slider from "react-slick";
|
||||
import "slick-carousel/slick/slick.css";
|
||||
import "slick-carousel/slick/slick-theme.css";
|
||||
import Image from "next/image";
|
||||
const LogoSlider = [
|
||||
{
|
||||
img: "logo-1",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-2",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-3",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-4",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-6",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-3",
|
||||
url: "",
|
||||
},
|
||||
];
|
||||
|
||||
const BrandFive = () => {
|
||||
const settings = {
|
||||
dots: false,
|
||||
arrow: true,
|
||||
infinite: true,
|
||||
speed: 900,
|
||||
slidesToShow: 5,
|
||||
slidesToScroll: 1,
|
||||
autoplay: true,
|
||||
margin: 30,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 991,
|
||||
settings: {
|
||||
slidesToShow: 4,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 576,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 420,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
return (
|
||||
<Slider {...settings}>
|
||||
{LogoSlider.map((val, i) => (
|
||||
<div className="item" key={i}>
|
||||
<div className="img-meta d-flex align-items-center justify-content-center">
|
||||
<a href={val.url}>
|
||||
<Image width={122} height={38} style={{objectFit:'contain'}} src={`/images/logo/${val.img}.png`} alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</Slider>
|
||||
);
|
||||
};
|
||||
|
||||
export default BrandFive;
|
||||
@@ -0,0 +1,85 @@
|
||||
'use client'
|
||||
import React from "react";
|
||||
import Slider from "react-slick";
|
||||
import "slick-carousel/slick/slick.css";
|
||||
import "slick-carousel/slick/slick-theme.css";
|
||||
import Image from "next/image";
|
||||
const LogoSlider = [
|
||||
{
|
||||
img: "logo-21",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-22",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-23",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-24",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-25",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-22",
|
||||
url: "",
|
||||
},
|
||||
{
|
||||
img: "logo-24",
|
||||
url: "",
|
||||
},
|
||||
];
|
||||
|
||||
const BrandFour = () => {
|
||||
const settings = {
|
||||
dots: false,
|
||||
arrow: true,
|
||||
infinite: true,
|
||||
speed: 900,
|
||||
slidesToShow: 5,
|
||||
slidesToScroll: 1,
|
||||
autoplay: true,
|
||||
margin: 30,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 991,
|
||||
settings: {
|
||||
slidesToShow: 4,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 576,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 420,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
return (
|
||||
<Slider {...settings}>
|
||||
{LogoSlider.map((val, i) => (
|
||||
<div className="item" key={i}>
|
||||
<div className="img-meta d-flex align-items-center justify-content-center">
|
||||
<a href={val.url}>
|
||||
<Image width={163} height={150} style={{width:'100%',height:'fit-content'}} src={`/images/logo/${val.img}.png`} alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</Slider>
|
||||
);
|
||||
};
|
||||
|
||||
export default BrandFour;
|
||||
@@ -0,0 +1,23 @@
|
||||
import React from "react";
|
||||
|
||||
const brandContent = [
|
||||
{ name: "fa-facebook", link: "https://www.facebook.com/" },
|
||||
{ name: "fa-twitter", link: "https://twitter.com/home" },
|
||||
{ name: "fa-linkedin", link: "https://www.linkedin.com/feed/" },
|
||||
];
|
||||
|
||||
const BrandSeven = () => {
|
||||
return (
|
||||
<>
|
||||
{brandContent.map((val, i) => (
|
||||
<li key={i}>
|
||||
<a href={val.link} target="_blank" rel="noopener noreferrer">
|
||||
<i className={`fa ${val.name}`} aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default BrandSeven;
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user