mrwyndham
/
fastpocket
1
2
Fork 3
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

feature - modified FAQ

This commit is contained in:
James Wyndham 2024-03-21 07:17:41 +08:00
parent d2917055ea
commit b3a27c3f79
2 changed files with 10 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
Frontend/components/FAQQuestion.tsx
View File

@ -1,61 +0,0 @@
import Link from "next/link";
import React from "react";
const FAQQuestion = ({
title,
children,
}: {
title: string;
children: React.ReactNode;
}) => {
return (
<div
className="hs-accordion hs-accordion-active:bg-gray-100 rounded-xl p-6 dark:hs-accordion-active:bg-base-100/[.05] active"
id="hs-basic-with-title-and-arrow-stretched-heading-one"
>
<button
className="hs-accordion-toggle group pb-3 inline-flex items-center justify-between gap-x-3 w-full md:text-lg font-semibold text-start text-gray-800 rounded-lg transition hover:text-gray-500 dark:text-gray-200 dark:hover:text-gray-400 dark:focus:outline-none"
aria-controls="hs-basic-with-title-and-arrow-stretched-collapse-one"
>
{title}
<svg
className="hs-accordion-active:hidden block flex-shrink-0 w-5 h-5 text-gray-600 group-hover:text-gray-500 dark:text-gray-400"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="m6 9 6 6 6-6" />
</svg>
<svg
className="hs-accordion-active:block hidden flex-shrink-0 w-5 h-5 text-gray-600 group-hover:text-gray-500 dark:text-gray-400"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="m18 15-6-6-6 6" />
</svg>
</button>
<div
id="hs-basic-with-title-and-arrow-stretched-collapse-one"
className="hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-one"
>
{children}
</div>
</div>
);
};
export default FAQQuestion;

17
Frontend/sections/FAQ/RightAlignedBorderBottomFAQ.tsx
View File

@ -54,13 +54,16 @@ function RightAlignedBorderBottomFAQ() {
</div> </div>
<div className="collapse-content"> <div className="collapse-content">
<p> <p>
1/ The NextJS starter with all the boilerplate code you need 1.The NextJS starter with all the boilerplate code you need to
to run an online business: a payment system, a database, run an online business: a payment system, a database, login, a
login, a blog, UI components, and much more. The repo is blog, UI components, and much more.
available in: - Typescript - /app router and /pages router. 2/ </p>
The documentation helps you set up your app from scratch, <p>
write copy that sells, and ship fast. 3/ Access to deployment 2. Documentation that helps you set up your app from scratch
templates to self host your app for free </p>
<p>
3. Access to deployment templates to self host your app for
free
</p> </p>
</div> </div>
</div> </div>