Add src/app/about-us/page.tsx

2026-06-10 14:40:17 +00:00
parent 78134c6456
commit cd0a3a50ca
1 changed files with 82 additions and 0 deletions
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Twitter, Linkedin, Instagram } from "lucide-react";
+
+
+export default function AboutUsPage() {
+  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: "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", 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: "#hero"}}
+          />
+        </div>
+
+        <div id="about-us-content" data-section="about-us-content">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Who We Are: LifeAtlas X"
+            description="LifeAtlas X is a pioneering platform dedicated to making the vast and complex world of Earth's biodiversity accessible to everyone. Born from a passion for nature and the power of artificial intelligence, we strive to transform how individuals learn, explore, and connect with life on our planet. Our team of scientists, engineers, and educators are committed to building an interactive and engaging experience that inspires discovery and fosters environmental stewardship."
+            metrics={[
+              { value: "50+", title: "Dedicated Team" },
+              { value: "5 Yrs", title: "In Development" },
+              { value: "100+", title: "Global Partners" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/group-multiethnic-students-with-laptop-books-university-campus_23-2149594589.jpg"
+            imageAlt="Diverse team working together"
+            mediaAnimation="slide-up"
+            metricsAnimation="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>
+  );
+}