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