import React from "react";
import { MDBAccordion, MDBAccordionItem, MDBContainer, MDBTypography} from "mdb-react-ui-kit";

import Navbar from "../Navbar"

export default function App() {
  return (
    <div>
    <Navbar />
    <MDBTypography
          tag="h3"
          className="text-center mb-4 pt-4 text-primary fw-bold"
        >
          FAQ
    </MDBTypography>
    <p className="text-center mb-5">
          Find the answers for the most frequently asked questions below
        </p>
    <MDBContainer className="mt-5" style={{maxWidth: '1000px'}}>
      <MDBAccordion alwaysOpen initialActive={1}>
        <MDBAccordionItem collapseId={1} headerTitle="What is this travel blog media platform about?">
          Our platform is a hub for travel enthusiasts! We share captivating travel stories, helpful guides, insider tips, and stunning photos from around the globe to inspire your next adventure.
        </MDBAccordionItem>
        <MDBAccordionItem collapseId={2} headerTitle="Who creates the content on the platform?">
          Our content is crafted by a diverse team of travel bloggers, photographers, and explorers who share firsthand experiences, ensuring authentic and inspiring narratives.
        </MDBAccordionItem>
        <MDBAccordionItem collapseId={3} headerTitle="Can I contribute my own travel stories or photos?">
          Absolutely! We welcome guest contributors. You can share your travel experiences, tips, or photos by following the contribution guidelines outlined on our website.
        </MDBAccordionItem>
        <MDBAccordionItem collapseId={4} headerTitle="Is the content tailored for solo travelers, families, or groups?">
          We cater to all types of travelers! Whether you're a solo adventurer, traveling with family, or exploring with friends, you'll find content tailored to your travel style and needs.
        </MDBAccordionItem>
        <MDBAccordionItem collapseId={5} headerTitle="Are there any hidden fees, subscriptions, or service costs?">
          No, this website is completely free to use. You can access all our features and resources without any charges or hidden fees.
        </MDBAccordionItem>
        <MDBAccordionItem collapseId={6} headerTitle="Can anybody see my pins and posts?">
          No, only users that are logged in and members of our community can view your pins and posts.
        </MDBAccordionItem>
      </MDBAccordion>
    </MDBContainer>
    </div>
  );
}