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