Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

158 linhas
9.0 KiB

  1. import React from 'react';
  2. import Navbar from "@/components/_App/Navbar";
  3. import Footer from "@/components/_App/Footer";
  4. import PageBanner from '@/components/Common/PageBanner';
  5. import {
  6. Accordion,
  7. AccordionItem,
  8. AccordionItemHeading,
  9. AccordionItemPanel,
  10. AccordionItemButton
  11. } from 'react-accessible-accordion';
  12. const FAQ = () => {
  13. return (
  14. <>
  15. <Navbar />
  16. <PageBanner pageTitle="FAQ" />
  17. <div className="faq-area ptb-80">
  18. <div className="container">
  19. <div className="faq-accordion">
  20. <Accordion allowZeroExpanded preExpanded={['a']}>
  21. <AccordionItem uuid="a">
  22. <AccordionItemHeading>
  23. <AccordionItemButton>
  24. <span>
  25. How do permissions work in Google Play Instant?
  26. </span>
  27. </AccordionItemButton>
  28. </AccordionItemHeading>
  29. <AccordionItemPanel>
  30. <p>
  31. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
  32. </p>
  33. </AccordionItemPanel>
  34. </AccordionItem>
  35. <AccordionItem uuid="b">
  36. <AccordionItemHeading>
  37. <AccordionItemButton>
  38. <span>
  39. Is Smart Lock required for instant apps?
  40. </span>
  41. </AccordionItemButton>
  42. </AccordionItemHeading>
  43. <AccordionItemPanel>
  44. <p>
  45. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
  46. </p>
  47. </AccordionItemPanel>
  48. </AccordionItem>
  49. <AccordionItem uuid="c">
  50. <AccordionItemHeading>
  51. <AccordionItemButton>
  52. <span>
  53. Can I have multiple activities in a single feature?
  54. </span>
  55. </AccordionItemButton>
  56. </AccordionItemHeading>
  57. <AccordionItemPanel>
  58. <p>
  59. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
  60. </p>
  61. </AccordionItemPanel>
  62. </AccordionItem>
  63. <AccordionItem uuid="d">
  64. <AccordionItemHeading>
  65. <AccordionItemButton>
  66. <span>
  67. Can I share resources between features?
  68. </span>
  69. </AccordionItemButton>
  70. </AccordionItemHeading>
  71. <AccordionItemPanel>
  72. <p>
  73. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
  74. </p>
  75. </AccordionItemPanel>
  76. </AccordionItem>
  77. <AccordionItem uuid="e">
  78. <AccordionItemHeading>
  79. <AccordionItemButton>
  80. <span>
  81. Is multidex supported for instant apps?
  82. </span>
  83. </AccordionItemButton>
  84. </AccordionItemHeading>
  85. <AccordionItemPanel>
  86. <p>
  87. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
  88. </p>
  89. </AccordionItemPanel>
  90. </AccordionItem>
  91. <AccordionItem uuid="f">
  92. <AccordionItemHeading>
  93. <AccordionItemButton>
  94. <span>
  95. Can I share resources between features?
  96. </span>
  97. </AccordionItemButton>
  98. </AccordionItemHeading>
  99. <AccordionItemPanel>
  100. <p>
  101. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
  102. </p>
  103. </AccordionItemPanel>
  104. </AccordionItem>
  105. </Accordion>
  106. </div>
  107. <div className="faq-contact">
  108. <h3>Ask Your Question</h3>
  109. <form>
  110. <div className="row">
  111. <div className="col-lg-6 col-md-6">
  112. <div className="form-group">
  113. <input type="text" placeholder="Name" className="form-control" />
  114. </div>
  115. </div>
  116. <div className="col-lg-6 col-md-6">
  117. <div className="form-group">
  118. <input type="email" placeholder="Email" className="form-control" />
  119. </div>
  120. </div>
  121. <div className="col-lg-12 col-md-12">
  122. <div className="form-group">
  123. <input type="text" placeholder="Subject" className="form-control" />
  124. </div>
  125. </div>
  126. <div className="col-lg-12 col-md-12">
  127. <div className="form-group">
  128. <textarea name="message" cols="30" rows="6" placeholder="Message" className="form-control"></textarea>
  129. </div>
  130. </div>
  131. <div className="col-lg-12 col-md-12">
  132. <button className="btn btn-primary" type="submit">Submit Now!</button>
  133. </div>
  134. </div>
  135. </form>
  136. </div>
  137. </div>
  138. </div>
  139. <Footer />
  140. </>
  141. )
  142. }
  143. export default FAQ;