Merge pull request #48 from ComputerSocietyVITC/39-fill-the-faq-and-c…

…ontent-parts 39 fill the faq and content parts
ComputerSocietyVITC · Aug 9, 2024 · e36913c · e36913c
2 parents 2e44c61 + 1619da3
commit e36913c
Show file tree

Hide file tree

Showing 4 changed files with 67 additions and 28 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -24,7 +24,6 @@ body {
 }
 
 .accord-cont {
-  background: linear-gradient(268.63deg, #0c2430 3.83%, #0b1524 99.67%);
   width: 100%;
   min-height: 110px;
   top: 3431.5px;

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -56,14 +56,14 @@ export default function Home() {
         </div>*/}
 
         {/* FAQ Section */}
-        {/*<div className="w-full py-24" id="faq">
+        <div className="w-full py-24" id="faq">
           <p className="text-center font-extrabold text-5xl py-24">
             Frequently Asked Questions
           </p>
           <div className="items-center justify-center">
             <FAQAccordion />
           </div>
-        </div>*/}
+        </div>
       </div>
     </main>
   );

diff --git a/src/components/accordion/FAQAccordion.tsx b/src/components/accordion/FAQAccordion.tsx
@@ -13,52 +13,92 @@ const FAQAccordion = () => {
       <Accordion
         type="single"
         collapsible
-        className="lg:w-4/5 accord flex-none flex-row"
+        className="md:w-4/5 accord flex-none flex-row"
       >
         <div className="h-[100%] w-0.5 accord-vlines"></div>
         <div className="px-4">
           <AccordionItem value="item-1">
             <div className="w-[100%] accord-lines h-0.5"></div>
             <AccordionTrigger className="text-white ">
-              Lorem ipsum
+              What is Bitwars 2.0?
             </AccordionTrigger>
             <AccordionContent className="text-white text-left accord-cont p-4 leading-relaxed">
-              Lorem Ipsum is simply dummy text of the printing and typesetting
-              industry. Lorem Ipsum has been the industry&apos;s standard dummy
-              text ever since the 1500s, when an unknown printer took a galley
-              of type and scrambled it to make a type specimen book. It has
-              survived not only five centuries, but also the leap into
-              electronic typesetting.
+              Bitwars 2.0 is a premier offline competitive coding event where
+              participants demonstrate their expertise through a series of
+              rigorous coding challenges. These challenges are meticulously
+              designed to assess and enhance the participants&apos; skills and
+              capabilities in the field of computing.
             </AccordionContent>
           </AccordionItem>
           <AccordionItem value="item-2">
             <div className="w-[100%] accord-lines h-0.5"></div>
             <AccordionTrigger className="text-white">
-              Lorem ipsum
+              Will the event be conducted in an online format or held on-site?
             </AccordionTrigger>
             <AccordionContent className="text-white text-left accord-cont p-4 leading-relaxed">
-              Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam
-              aperiam, sapiente nulla labore voluptas culpa incidunt perferendis
-              necessitatibus corrupti debitis ipsum ullam odio hic! Ipsum
-              laborum eligendi provident, voluptatum odit at nesciunt eveniet
-              repellendus officia! Quae, vitae animi quidem repellat provident
-              in nobis quis quisquam, dolores perferendis, totam voluptate
-              numquam.
+              Bitwars 2.0 is conducted on-site at VIT Chennai campus.
             </AccordionContent>
           </AccordionItem>
           <AccordionItem value="item-3">
             <div className="w-[100%] accord-lines h-0.5"></div>
             <AccordionTrigger className="text-white">
-              Lorem ipsum
+              What are the key features and highlights of the event?
+            </AccordionTrigger>
+
+            <AccordionContent className="text-white text-left accord-cont p-4 leading-relaxed">
+              Bitwars 2.0 specifically features workshops, keynote addresses,
+              and a coding contest.
+            </AccordionContent>
+          </AccordionItem>
+          <AccordionItem value="item-4">
+            <div className="w-[100%] accord-lines h-0.5"></div>
+            <AccordionTrigger className="text-white ">
+              Will the registration fees differ based on team composition?
+            </AccordionTrigger>
+            <AccordionContent className="text-white text-left accord-cont p-4 leading-relaxed">
+              Yes, the registration fee may vary depending on the composition of
+              the team.
+            </AccordionContent>
+          </AccordionItem>
+          <AccordionItem value="item-5">
+            <div className="w-[100%] accord-lines h-0.5"></div>
+            <AccordionTrigger className="text-white ">
+              Where will Bitwars 2.0 be hosted?
+            </AccordionTrigger>
+            <AccordionContent className="text-white text-left accord-cont p-4 leading-relaxed">
+              MG Auditorium, VIT Chennai.
+            </AccordionContent>
+          </AccordionItem>
+          <AccordionItem value="item-6">
+            <div className="w-[100%] accord-lines h-0.5"></div>
+            <AccordionTrigger className="text-white ">
+              Is there a registration fee for participation in Bitwars 2.0?
+            </AccordionTrigger>
+            <AccordionContent className="text-white text-left accord-cont p-4 leading-relaxed">
+              The registration fee for the event is ₹350.
+            </AccordionContent>
+          </AccordionItem>
+          <AccordionItem value="item-7">
+            <div className="w-[100%] accord-lines h-0.5"></div>
+            <AccordionTrigger className="text-white ">
+              Are there any notable prizes or incentives offered for Bitwars 2.0
+              participants?
+            </AccordionTrigger>
+            <AccordionContent className="text-white text-left accord-cont p-4 leading-relaxed">
+              Definitely yes,Exciting cash prize of 5K accompanied by a
+              selection of attractive goodies.
+            </AccordionContent>
+          </AccordionItem>
+          <AccordionItem value="item-8">
+            <div className="w-[100%] accord-lines h-0.5"></div>
+            <AccordionTrigger className="text-white ">
+              What are the featured individuals or notable participants at
+              Bitwars 2.0?
             </AccordionTrigger>
             <div className="w-[100%] accord-lines h-0.5"></div>
             <AccordionContent className="text-white text-left accord-cont p-4 leading-relaxed">
-              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quae
-              iure quidem id eveniet nemo? Deserunt repellendus nulla dolorum
-              cum, beatae, quisquam vero voluptatibus nesciunt soluta totam
-              cumque sint autem quis dolor facere! Autem, provident animi ipsum
-              voluptatibus perferendis magni modi enim reiciendis dignissimos
-              soluta porro adipisci voluptate corrupti neque aliquid.
+              Featuring an &quot;Algorithm Showdown&quot; presented by Mr. Manas
+              Tiwari, Software Engineer at Microsoft.
             </AccordionContent>
           </AccordionItem>
         </div>

diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx
@@ -28,7 +28,7 @@ const AccordionTrigger = React.forwardRef<
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
-        "flex flex-1 items-center justify-between py-4 font-medium transition-all [&[data-state=open]>svg]:rotate-180",
+        "flex flex-1 items-center justify-between py-4 font-medium transition-all [&[data-state=open]>svg]:rotate-180 text-start",
         className
       )}
       {...props}
@@ -46,7 +46,7 @@ const AccordionContent = React.forwardRef<
 >(({ className, children, ...props }, ref) => (
   <AccordionPrimitive.Content
     ref={ref}
-    className="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    className="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down bg-gradient-to-br from-[#100e1773] via-[#10345676] to-[#100e177e]"
     {...props}
   >
     <div className={cn("pb-4 pt-0", className)}>{children}</div>