-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Co-authored-by: BRUHisbackbois <[email protected]>
- Loading branch information
1 parent
fe7fa61
commit 59558e1
Showing
11 changed files
with
2,777 additions
and
54 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,76 @@ | ||
| /** @jsxImportSource theme-ui */ | ||
| import { useState } from 'react'; | ||
|
|
||
| const FAQItem = ({ question, answer }) => { | ||
| const [isOpen, setIsOpen] = useState(false); | ||
|
|
||
| return ( | ||
| <div | ||
| sx={{ | ||
| borderBottom: '1px solid #ddd', | ||
| padding: '16px 0', | ||
| }} | ||
| > | ||
| <button | ||
| onClick={() => setIsOpen(!isOpen)} | ||
| sx={{ | ||
| display: 'flex', | ||
| justifyContent: 'space-between', | ||
| alignItems: 'center', | ||
| width: '100%', | ||
| background: 'none', | ||
| border: 'none', | ||
| padding: 0, | ||
| fontSize: '18px', | ||
| fontWeight: 'bold', | ||
| color: '#333', | ||
| cursor: 'pointer', | ||
| textAlign: 'left', | ||
| ':hover': { | ||
| color: '#0070f3', | ||
| }, | ||
| }} | ||
| > | ||
| {question} | ||
| <span | ||
| sx={{ | ||
| transform: isOpen ? 'rotate(90deg)' : 'rotate(0)', | ||
| transition: 'transform 0.2s', | ||
| }} | ||
| > | ||
| ▶ | ||
| </span> | ||
| </button> | ||
| {isOpen && ( | ||
| <p | ||
| sx={{ | ||
| marginTop: '8px', | ||
| fontSize: '16px', | ||
| color: '#555', | ||
| lineHeight: 1.6, | ||
| }} | ||
| > | ||
| {answer} | ||
| </p> | ||
| )} | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| const FAQ = ({ items }) => { | ||
| return ( | ||
| <div | ||
| sx={{ | ||
| maxWidth: '600px', | ||
| margin: '0 auto', | ||
| padding: '16px', | ||
| }} | ||
| > | ||
| {items.map((item, index) => ( | ||
| <FAQItem key={index} question={item.question} answer={item.answer} /> | ||
| ))} | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default FAQ; |
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| ## This is a heading |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,25 +1,25 @@ | ||
| "use client"; | ||
| import { keyframes } from '@emotion/react' | ||
| import GuideMD from './guideMD.mdx' | ||
| import { MDXProvider } from '@mdx-js/react' | ||
|
|
||
| // import Image from "next/image"; | ||
| import { | ||
| Box, | ||
| Button, | ||
| Image, | ||
| Flex, | ||
| Badge, | ||
| Container, | ||
| Grid, | ||
| Heading, | ||
| Text, | ||
| Card | ||
| } from 'theme-ui' | ||
| const fadeIn = keyframes({ from: { opacity: 0 }, to: { opacity: 1 } }) | ||
|
|
||
| import { Box } from 'theme-ui' | ||
| // const components = { | ||
| // h1: (props) => <Heading as="h1" {...props} />, | ||
| // h2: (props) => <Heading as="h2" {...props} />, | ||
| // h3: (props) => <Heading as="h3" {...props} />, | ||
| // p: (props) => <Text {...props} />, | ||
| // // Add more custom components as needed | ||
| // } | ||
| export default function guide() { | ||
| return ( | ||
| <div> | ||
| <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script> | ||
| </div> | ||
| ); | ||
| } | ||
| <Box sx = {{ | ||
| fontFamily: 'var(--font-inter)', | ||
| }}> | ||
| <MDXProvider > | ||
| <GuideMD /> | ||
| </MDXProvider> | ||
| </Box> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| import type { MDXComponents } from 'mdx/types' | ||
| import { Heading, Text } from 'theme-ui' | ||
|
|
||
| export function useMDXComponents(components: MDXComponents): MDXComponents { | ||
| return { | ||
| ...components, | ||
| h1: (props) => <Heading as="h1" sx={{ fontSize: 5, color: 'black' , fontFamily: 'var(--font-inter)', | ||
| }} {...props} />, | ||
| h2: (props) => <Heading as="h2" sx={{ fontSize: 4, color: 'black', fontFamily: 'var(--font-inter)', | ||
| }} {...props} />, | ||
| h3: (props) => <Heading as="h3" sx={{ fontSize: 3, color: 'black' }} {...props} />, | ||
| p: (props) => <Text sx={{ fontSize: 2, color: 'text' }} {...props} />, | ||
| // Add more custom components as needed | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,14 @@ | ||
| import type { NextConfig } from "next"; | ||
| import createMDX from '@next/mdx' | ||
|
|
||
| const nextConfig: NextConfig = { | ||
| /* config options here */ | ||
| pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'], | ||
|
|
||
| }; | ||
|
|
||
| const withMDX = createMDX({ | ||
| extension: /\.mdx?$/ | ||
| }) | ||
|
|
||
| export default nextConfig; | ||
| export default withMDX(nextConfig) |
Oops, something went wrong.