Add src/app/about-us/page.tsx
This commit is contained in:
82
src/app/about-us/page.tsx
Normal file
82
src/app/about-us/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user