first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,170 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Link from "next/link";
|
||||
import FaqForm from "@/components/form/FaqForm";
|
||||
import Image from "next/image";
|
||||
import { FaqContent } from "@/data/faqs";
|
||||
export const metadata = {
|
||||
title: 'Faq || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
|
||||
|
||||
const Faq = () => {
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero One
|
||||
============================================== */}
|
||||
<div className="fancy-hero-one">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-9 m-auto">
|
||||
<h2 className="font-rubik">Help & Support</h2>
|
||||
<p className="sub-heading">
|
||||
Advice and answers from our expert and proffesional deski Team
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<FaqForm/>
|
||||
</div>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<div className="bubble-five"></div>
|
||||
<div className="bubble-six"></div>
|
||||
</div>
|
||||
{/* /.fancy-hero-one */}
|
||||
|
||||
{/* =============================================
|
||||
FAQS
|
||||
============================================== */}
|
||||
<div className="faqs-inner-page">
|
||||
<Image width={216} height={281}
|
||||
src="/images/shape/66.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="shapes shape-four"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<div className="faqs-header pb-60 md-pb-50">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="d-flex">
|
||||
<Image width="65" height="54"
|
||||
src="/images/icon/48.svg"
|
||||
alt="icon"
|
||||
className="icon"
|
||||
/>
|
||||
<div className="md-mb-30">
|
||||
<h3>FAQs</h3>
|
||||
<p className="collection-preview">
|
||||
Selling tickets for a raffle, lottery or sweepstake is
|
||||
prohibited on Eventsmatic.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="avatar d-flex align-items-center">
|
||||
<Image width={41} height={41} src="/images/media/img_41.png" alt="media" />
|
||||
<Image width={41} height={41} src="/images/media/img_42.png" alt="media" />
|
||||
<span className="avatar_image avatar_fallback font-rubik">
|
||||
+1
|
||||
</span>
|
||||
</div>
|
||||
<p className="collection-info">
|
||||
<span>63 articles</span> in this collection <br /> Written
|
||||
by Jonny White, Emily Coddington and <span>1</span> other
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faqs-header */}
|
||||
|
||||
<div className="all-faqs">
|
||||
<div className="faqs-all-qus">
|
||||
{FaqContent.map((item, i) => (
|
||||
<Link
|
||||
className="article-preview d-flex"
|
||||
href={`/faqs/${item.id}`}
|
||||
key={i}
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Image
|
||||
width={51} height={51}
|
||||
src={`/images/media/${item.avatar}.png`}
|
||||
alt="media"
|
||||
className="avatar-img"
|
||||
/>
|
||||
<div>
|
||||
<h3 className="font-rubik">{item.title}</h3>
|
||||
<div className="avatar-info">
|
||||
Written by <span>{item.writterName}</span> <br />
|
||||
{item.date}
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
{/* /.faqs-all-qus */}
|
||||
</div>
|
||||
{/* /.all-faqs */}
|
||||
|
||||
<div
|
||||
className="text-center more-faq-ask"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h3 className="mb-35 font-rubik">Don’t find your answer?</h3>
|
||||
<Link href="/contact-eo" className="theme-btn-one">
|
||||
Contact us
|
||||
</Link>
|
||||
</div>
|
||||
{/* End more-faq-ask */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faqs-inner-page */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Faq;
|
||||
@@ -0,0 +1,172 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../../components/header/Header";
|
||||
import Footer from "../../../../components/footer/Footer";
|
||||
import CopyRight from "../../../../components/footer/CopyRight";
|
||||
import FaqForm from "@/components/form/FaqForm";
|
||||
import Image from "next/image";
|
||||
import { FaqContent } from "@/data/faqs";
|
||||
export const metadata = {
|
||||
title: 'Faq Details || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const FaqDetails = ({ params }) => {
|
||||
|
||||
const faq = FaqContent.filter((elm)=>elm.id==params.id)[0] || FaqContent[0]
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero One
|
||||
============================================== */}
|
||||
<div className="fancy-hero-one">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-9 m-auto">
|
||||
<h2 className="font-rubik">Help & Support</h2>
|
||||
<p className="sub-heading">
|
||||
Advice and answers from our expert and proffesional deski Team
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<FaqForm/>
|
||||
</div>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<div className="bubble-five"></div>
|
||||
<div className="bubble-six"></div>
|
||||
</div>
|
||||
{/* /.fancy-hero-one */}
|
||||
|
||||
{/* =============================================
|
||||
FAQS
|
||||
============================================== */}
|
||||
<div className="faqs-inner-page">
|
||||
<Image width={216} height={281}
|
||||
src="/images/shape/66.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="shapes shape-four"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-11 m-auto">
|
||||
<div className="all-faqs">
|
||||
<div className="faqs-all-qus m-0">
|
||||
<div className="article-preview mb-0">
|
||||
<div className="d-flex">
|
||||
<Image width={51} height={51}
|
||||
src={`/images/media/${faq.avatar || 'img_43'}.png`}
|
||||
alt="media"
|
||||
className="avatar-img"
|
||||
/>
|
||||
<div>
|
||||
<h3 className="font-rubik">
|
||||
{faq.title}
|
||||
</h3>
|
||||
<div className="avatar-info">
|
||||
Written by <span>{faq.writterName}</span> <br />
|
||||
{faq.date}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .d-flex */}
|
||||
|
||||
<div className="article-details">
|
||||
<p>
|
||||
To activate 2FA you will need an authenticator app
|
||||
installed on your smartphone. This could be Google
|
||||
Authenticator or Authy, both available for iOs and
|
||||
Android.
|
||||
</p>
|
||||
<ul className="list-meta">
|
||||
<li>
|
||||
Go to ‘Account settings’ from your Ticket Tailor
|
||||
dashboard.
|
||||
</li>
|
||||
<li>
|
||||
Under the heading ‘Two-factor authentication’ click
|
||||
the button labelled ‘Activate 2FA’.
|
||||
</li>
|
||||
<li>
|
||||
From your authenticator app on your phone, add a new
|
||||
login and it will ask you to scan the QR code shown
|
||||
here. Scan the QR code.
|
||||
</li>
|
||||
<li>
|
||||
The app will generate a code. Enter that code in the
|
||||
box below and click 'Activate 2FA'.
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
<b>Please note:</b> If you lose access to your 2FA app
|
||||
you will need to contact customer support to go through
|
||||
a security questionnaire and have your account unlocked.
|
||||
</p>
|
||||
|
||||
<div className="reaction-wrapper">
|
||||
<h4>Did this answer your question?</h4>
|
||||
<div
|
||||
className="d-flex align-items-center justify-content-center"
|
||||
data-aos="zoom-in"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="50"
|
||||
>
|
||||
<button>
|
||||
<Image width="40" height="40" src="/images/icon/happy.svg" alt="icon" />
|
||||
</button>
|
||||
<button>
|
||||
<Image width="40" height="40" src="/images/icon/sad.svg" alt="icon" />
|
||||
</button>
|
||||
<button>
|
||||
<Image width="40" height="40" src="/images/icon/surprised.svg" alt="icon" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.reaction-wrapper */}
|
||||
</div>
|
||||
{/* /.article-details */}
|
||||
</div>
|
||||
{/* /.article-preview */}
|
||||
</div>
|
||||
{/* /.faqs-all-qus */}
|
||||
</div>
|
||||
{/* /.all-faqs */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.faqs-inner-page */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default FaqDetails;
|
||||
Reference in New Issue
Block a user