first commit
This commit is contained in:
@@ -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;
|
||||
Reference in New Issue
Block a user