Add src/app/faq/page.tsx

2026-06-10 14:40:18 +00:00
parent 66d9a6bdc0
commit 1b4025d0d8
1 changed files with 107 additions and 0 deletions
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -0,0 +1,107 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function FaqPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeMediumTitles"
+        background="circleGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Home",                id: "#home"},
+              {
+                name: "About",                id: "#about"},
+              {
+                name: "Features",                id: "#features"},
+              {
+                name: "Explore",                id: "#explore"},
+              {
+                name: "Metrics",                id: "#metrics"},
+              {
+                name: "Testimonials",                id: "#testimonials"},
+              {
+                name: "Partners",                id: "#partners"},
+              {
+                name: "FAQ",                id: "/faq"},
+              {
+                name: "Blog",                id: "/blog"},
+              {
+                name: "Careers",                id: "/careers"},
+              {
+                name: "Support",                id: "/support"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
+            logoAlt="LifeAtlas X Logo"
+            brandName="LifeAtlas X"
+            bottomLeftText="Global Community"
+            bottomRightText="explore@lifeatlasx.com"
+            button={{
+              text: "Begin Your Exploration",              href: "/"}}
+          />
+        </div>
+
+        <div id="faq-page-content" data-section="faq-page-content">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Frequently Asked Questions"
+            description="Find answers to common questions about LifeAtlas X, its features, and how to get the most out of your exploration."
+            faqs={[
+              {
+                id: "1",                title: "What is LifeAtlas X?",                content: "LifeAtlas X is an AI-powered digital encyclopedia for exploring Earth's biodiversity. It offers immersive 3D models, real-time data, and interactive tools for students, educators, researchers, and enthusiasts."},
+              {
+                id: "2",                title: "How accurate is the information?",                content: "Our platform synthesizes data from reputable scientific databases, peer-reviewed research, and expert communities, all validated by a team of biologists and AI specialists to ensure high accuracy."},
+              {
+                id: "3",                title: "Can I use LifeAtlas X for my research?",                content: "Absolutely! LifeAtlas X provides advanced comparative analysis tools, extensive data points, and references to scientific literature, making it a powerful resource for academic and professional research."},
+              {
+                id: "4",                title: "Is there a mobile app available?",                content: "Yes, LifeAtlas X is available on both desktop and mobile devices. Our mobile app offers a streamlined experience with full access to 3D models and interactive features on the go."},
+              {
+                id: "5",                title: "How do I report an issue or provide feedback?",                content: "You can report issues or provide feedback directly through our Support Center, accessible from the navigation menu. We highly value user input to continuously improve the platform."},
+              {
+                id: "6",                title: "Are there educational resources for teachers?",                content: "We offer dedicated educational modules, lesson plans, and classroom integration guides for educators. Visit our 'For Educators' section in the Support Center for more details."},
+            ]}
+            faqsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="LifeAtlas X"
+            copyrightText="© 2024 LifeAtlas X. All rights reserved."
+            socialLinks={[
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}