import Link from 'next/link';
import { getVtuberBySlug } from '../lib/vtubers'
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
import { faLink } from '@fortawesome/free-solid-svg-icons';
import { projektMelodyEpoch } from '@/app/lib/constants';
import LinkableHeading from '@/app/components/linkable-heading';

export default async function Page() {
  return (
    <div className="content">
        <div className="section">
            <p id="faq" className="title">Frequently Asked Questions (FAQ)</p>
        </div>
    


          <div className="section">
            <LinkableHeading text="What is a VTuber?" slug="vtuber"></LinkableHeading>
            <p>VTuber is a portmantou of the words Virtual and Youtuber. Originally started in Japan, VTubing uses cameras and/or motion capture technology to replicate human movement and facial expressions onto a virtual character in realtime.</p>
          </div>

          <div className="section">
            <LinkableHeading text="What is a Lewdtuber?" slug="lewdtuber"></LinkableHeading>
            <p>Lewdtubers are sexually explicit vtubers. ProjektMelody was the first Vtuber to livestream on Chaturbate on {projektMelodyEpoch.toDateString()}. Many more followed after her.</p>
          </div>


          <div className="section">
            <div>
              <div className="mb-3">
                <LinkableHeading text="My browser says the video is not reachable" slug="not-working"></LinkableHeading>
              </div>
              <div>
                <p>You may get an error when clicking on a video link. Errors such as <code>DNS_PROBE_FINISHED_NXDOMAIN</code></p>

                <p>This is a DNS server error that occurs when a web browser isn&apos;t able to translate the domain name into an IP address.</p>

                <p>If this happens, using a different DNS server can fix it. There are many gratis services to choose from, including <Link target="_blank" href="https://cloudflare-dns.com/dns/"><span className="mr-1">Cloudflare DNS</span><FontAwesomeIcon icon={faExternalLinkAlt} className="fas fa-external-link-alt" /></Link> or <Link target="_blank" href="https://developers.google.com/speed/public-dns/"><span className="mr-1">Google DNS</span><FontAwesomeIcon icon={faExternalLinkAlt} className="fas fa-external-link-alt" /></Link>.</p>

                <p>Often, using a DNS server other than the one provided to you by your ISP can improve your internet browsing experience for all websites.</p>
              </div>
            </div>
          </div>


          <div className='section'>
            <div className="mb-3">
              <LinkableHeading text="There&apos;s a cool new Lewd Vtuber who streams on CB. Will you archive their vods?" slug="other-luber" />
            </div>
            <p>Yes. Futureporn aims to become the galaxy&apos;s best VTuber hentai site.</p>
          </div>

          <div className='section'>
            <div className='mb-3'>
              <LinkableHeading text="How can I help?" slug="how-can-i-help" />
              <p>Bandwidth and rental fees are expensive, so Futureporn needs financial assistance to keep servers online and videos streaming.</p>
              <p><Link href="/patrons">Patrons</Link> gain access to perks like our video Content Delivery Network (CDN), and optional shoutouts on the patrons page.</p>
              <p>Additionally, help is needed <Link href="/upload">populating our archive</Link> with vods from past lewdtuber streams.</p>
            </div>
          </div>

    </div>
  )
}