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