Add src/app/mission-vision/page.tsx

2026-06-10 14:44:09 +00:00
parent f2a5025211
commit 57dd010a7e
1 changed files with 80 additions and 0 deletions
--- a/src/app/mission-vision/page.tsx
+++ b/src/app/mission-vision/page.tsx
@@ -0,0 +1,80 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import TextAbout from "@/components/sections/about/TextAbout";
+import { Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function MissionVisionPage() {
+  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: "/" },
+              { name: "About Us", id: "/about-us" },
+              { name: "Founder Story", id: "/founder-story" },
+              { name: "Mission & Vision", id: "/mission-vision" },
+              { name: "Team", id: "/team" },
+              { 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: "Contact Us", id: "/contact-us" }
+            ]}
+            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: "#hero"}}
+          />
+        </div>
+
+        <div id="mission-vision-content" data-section="mission-vision-content">
+          <TextAbout
+            useInvertedBackground={false}
+            tag="Our Purpose"
+            title="Our Mission & Vision: Shaping the Future of Biodiversity Exploration"
+            description="\n            **Mission:** To empower individuals worldwide with comprehensive, interactive, and accessible knowledge of Earth's biodiversity through advanced AI and immersive digital experiences, fostering a global community dedicated to learning, research, and conservation.\n\n            **Vision:** To be the leading platform for global biodiversity exploration, inspiring a new generation of scientists, educators, and environmental stewards to understand, cherish, and protect life on our planet.\n            "
+          />
+        </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>
+  );
+}