Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 873f48c0aa | |||
| d8179033ba | |||
| fe86927248 | |||
| 9764df535a | |||
| 59f2ec7af4 | |||
| c7118bb455 | |||
| 7a360b3392 | |||
| adfd789092 | |||
| 724c326213 | |||
| 1343f7821e | |||
| fcce7d1277 | |||
| 6a29f0d212 | |||
| b936753a7c | |||
| 61f7e02a12 | |||
| 5a5cd6b7e3 | |||
| 76bd6db5d0 | |||
| 47094ad2fb | |||
| e57bb68214 | |||
| 8f84d33053 | |||
| eb179377dc |
@@ -2,25 +2,24 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
import { Twitter, Linkedin, Instagram } from "lucide-react";
|
import { Instagram, Linkedin, Twitter } from "lucide-react";
|
||||||
|
|
||||||
|
|
||||||
export default function AboutUsPage() {
|
export default function AboutUsPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-magnetic"
|
defaultButtonVariant="hover-magnetic"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="mediumSmall"
|
contentWidth="mediumSmall"
|
||||||
sizing="mediumLargeSizeMediumTitles"
|
sizing="mediumLargeSizeMediumTitles"
|
||||||
background="circleGradient"
|
background="circleGradient"
|
||||||
cardStyle="subtle-shadow"
|
cardStyle="subtle-shadow"
|
||||||
primaryButtonStyle="radial-glow"
|
primaryButtonStyle="radial-glow"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
@@ -30,16 +29,17 @@ export default function AboutUsPage() {
|
|||||||
{ name: "About Us", id: "/about-us" },
|
{ name: "About Us", id: "/about-us" },
|
||||||
{ name: "Founder Story", id: "/founder-story" },
|
{ name: "Founder Story", id: "/founder-story" },
|
||||||
{ name: "Mission & Vision", id: "/mission-vision" },
|
{ name: "Mission & Vision", id: "/mission-vision" },
|
||||||
|
{ name: "Team", id: "/team" },
|
||||||
{ name: "Features", id: "#features" },
|
{ name: "Features", id: "#features" },
|
||||||
{ name: "Explore", id: "#explore" },
|
{ name: "Explore", id: "#explore" },
|
||||||
{ name: "Metrics", id: "#metrics" },
|
{ name: "Metrics", id: "#metrics" },
|
||||||
{ name: "Testimonials", id: "#testimonials" },
|
{ name: "Testimonials", id: "#testimonials" },
|
||||||
{ name: "Partners", id: "#partners" },
|
{ name: "Partners", id: "#partners" },
|
||||||
{ name: "FAQ", id: "#faq" },
|
{ name: "FAQ", id: "#faq" },
|
||||||
{ name: "Contact", id: "#contact" },
|
{ name: "Contact Us", id: "/contact-us" }
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
|
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
|
||||||
logoAlt="LifeAtlas X Logo"
|
logoAlt="LifeAtlas X"
|
||||||
brandName="LifeAtlas X"
|
brandName="LifeAtlas X"
|
||||||
bottomLeftText="Global Community"
|
bottomLeftText="Global Community"
|
||||||
bottomRightText="explore@lifeatlasx.com"
|
bottomRightText="explore@lifeatlasx.com"
|
||||||
@@ -49,30 +49,35 @@ export default function AboutUsPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about-us-content" data-section="about-us-content">
|
<div id="about-us-content" data-section="about-us-content">
|
||||||
<MetricSplitMediaAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Who We Are: LifeAtlas X"
|
heading={[
|
||||||
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."
|
{ type: 'text', content: "About LifeAtlas X: Unveiling Earth's Biodiversity" },
|
||||||
metrics={[
|
{ type: 'text', content: "LifeAtlas X is dedicated to revolutionizing how we understand and interact with the natural world. Our platform leverages cutting-edge AI and extensive scientific data to provide unparalleled access to Earth's diverse ecosystems and species. We empower a global community of students, educators, researchers, and enthusiasts to explore, learn, and contribute to the collective knowledge of biodiversity. Our mission is to foster curiosity, deepen understanding, and inspire conservation efforts through immersive and interactive digital experiences." }
|
||||||
{ value: "50+", title: "Dedicated Team" },
|
]}
|
||||||
{ value: "5 Yrs", title: "In Development" },
|
buttons={[
|
||||||
{ value: "100+", title: "Global Partners" },
|
{
|
||||||
|
text: "Our Mission", href: "/mission-vision"},
|
||||||
|
{
|
||||||
|
text: "Meet the Team", href: "/team"},
|
||||||
]}
|
]}
|
||||||
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>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="LifeAtlas X"
|
logoText="LifeAtlas X"
|
||||||
copyrightText="© 2024 LifeAtlas X. All rights reserved."
|
copyrightText="© 2024 LifeAtlas X. All rights reserved."
|
||||||
socialLinks={[
|
socialLinks={[
|
||||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
{
|
||||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
icon: Twitter,
|
||||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
href: "#", ariaLabel: "Twitter"},
|
||||||
|
{
|
||||||
|
icon: Linkedin,
|
||||||
|
href: "#", ariaLabel: "LinkedIn"},
|
||||||
|
{
|
||||||
|
icon: Instagram,
|
||||||
|
href: "#", ariaLabel: "Instagram"},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
100
src/app/ai-species-comparison/page.tsx
Normal file
100
src/app/ai-species-comparison/page.tsx
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
"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 MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||||
|
import { Zap, Gauge, Brain, Shield, Leaf, Skull, Handshake, Home, Star, Twitter, Linkedin, Instagram } from "lucide-react";
|
||||||
|
|
||||||
|
export default function AISpeciesComparisonPage() {
|
||||||
|
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: "AI Species Comparison", id: "/ai-species-comparison"},
|
||||||
|
{
|
||||||
|
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"
|
||||||
|
brandName="LifeAtlas X"
|
||||||
|
bottomLeftText="Global Community"
|
||||||
|
bottomRightText="explore@lifeatlasx.com"
|
||||||
|
button={{
|
||||||
|
text: "Begin Your Exploration", href: "#hero"}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="ai-species-comparison" data-section="ai-species-comparison">
|
||||||
|
<MetricCardThree
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
title="AI Species Comparison: Battle of the Biomes"
|
||||||
|
description="Compare the most formidable creatures across key metrics to determine ultimate evolutionary prowess. See how Strength, Speed, Intelligence, and more stack up."
|
||||||
|
metrics={[
|
||||||
|
{ id: "strength", icon: Zap, title: "Strength", value: "95%" },
|
||||||
|
{ id: "speed", icon: Gauge, title: "Speed", value: "88%" },
|
||||||
|
{ id: "intelligence", icon: Brain, title: "Intelligence", value: "70%" },
|
||||||
|
{ id: "defense", icon: Shield, title: "Defense", value: "92%" },
|
||||||
|
{ id: "adaptability", icon: Leaf, title: "Adaptability", value: "80%" },
|
||||||
|
{ id: "aggression", icon: Skull, title: "Aggression", value: "90%" },
|
||||||
|
{ id: "survival", icon: Handshake, title: "Survival Skills", value: "85%" },
|
||||||
|
{ id: "habitat", icon: Home, title: "Habitat Advantage", value: "75%" },
|
||||||
|
{ id: "overall", icon: Star, title: "Overall Rating", value: "86%" }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</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>
|
||||||
|
);
|
||||||
|
}
|
||||||
43
src/app/articles/page.tsx
Normal file
43
src/app/articles/page.tsx
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
|
||||||
|
export default function ArticlesPage() {
|
||||||
|
const commonNavItems = [
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ 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: "Contact", id: "#contact" },
|
||||||
|
{ name: "User Profiles", id: "/user-profiles" },
|
||||||
|
{ name: "Saved Species", id: "/saved-species" },
|
||||||
|
{ name: "Favorite Lists", id: "/favorite-lists" },
|
||||||
|
{ name: "Discussion Forums", id: "/forums" },
|
||||||
|
{ name: "Expert Articles", id: "/articles" },
|
||||||
|
{ name: "Wildlife Challenges", id: "/challenges" },
|
||||||
|
{ name: "Careers", id: "/careers" }
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<NavbarStyleFullscreen
|
||||||
|
navItems={commonNavItems}
|
||||||
|
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: "/"}}
|
||||||
|
/>
|
||||||
|
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
|
||||||
|
<h1 className="text-5xl font-extrabold mb-8 text-center">Expert Articles</h1>
|
||||||
|
<p className="text-lg text-center max-w-2xl">Dive deeper into the world of biodiversity with articles written by leading experts and researchers.</p>
|
||||||
|
</main>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,103 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
||||||
import ReactLenis from "lenis/react";
|
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
||||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
||||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
||||||
import { Instagram, Linkedin, Twitter } from "lucide-react";
|
|
||||||
|
|
||||||
export default function BlogPage() {
|
|
||||||
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="blog-page-content" data-section="blog-page-content">
|
|
||||||
<BlogCardTwo
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
title="Latest Insights from LifeAtlas X"
|
|
||||||
description="Dive into our articles on biodiversity, AI in science, conservation efforts, and exciting new discoveries."
|
|
||||||
blogs={[
|
|
||||||
{
|
|
||||||
id: "1", category: "Biodiversity", title: "The Secret Life of Deep-Sea Hydrothermal Vents", excerpt: "Explore the extreme ecosystems thriving in the darkest depths of our oceans, powered by chemosynthesis rather than sunlight.", imageSrc: "http://img.b2bpic.net/free-photo/view-planet-earth-sea-light-reflection_1157-12349.jpg", imageAlt: "Deep-sea hydrothermal vent", authorName: "Dr. Elena Petrova", authorAvatar: "http://img.b2bpic.net/free-photo/young-beautiful-woman-pink-ribbon-breast-cancer-awareness-concept_23-2148750849.jpg", date: "Oct 26, 2024"},
|
|
||||||
{
|
|
||||||
id: "2", category: "AI & Science", title: "How AI is Revolutionizing Species Identification", excerpt: "Learn how artificial intelligence is accelerating the discovery and classification of new species, from microscopic organisms to unknown plants.", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-brain-illustration_23-2149503933.jpg", imageAlt: "AI brain illustration", authorName: "Markus Jensen", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-young-scientist-working-modern-laboratory_23-2148680190.jpg", date: "Oct 20, 2024"},
|
|
||||||
{
|
|
||||||
id: "3", category: "Conservation", title: "The Race to Save the World's Endangered Frogs", excerpt: "Discover the challenges and innovative solutions being employed globally to protect amphibian populations from extinction.", imageSrc: "http://img.b2bpic.net/free-photo/red-eyed-tree-frog-agalychnis-callidryas-pennsylvania_11702-866.jpg", imageAlt: "Red-eyed tree frog", authorName: "Sophie Dubois", authorAvatar: "http://img.b2bpic.net/free-photo/pretty-brunette-woman-using-her-laptop_23-2147775560.jpg", date: "Oct 15, 2024"},
|
|
||||||
{
|
|
||||||
id: "4", category: "Ecology", title: "Understanding Keystone Species and Their Ecological Impact", excerpt: "Explore the critical role certain species play in maintaining the balance and health of their ecosystems, and what happens when they disappear.", imageSrc: "http://img.b2bpic.net/free-photo/european-wildcat-walking-forest_117188-755.jpg", imageAlt: "Keystone species illustration", authorName: "Dr. Alex Chen", authorAvatar: "http://img.b2bpic.net/free-photo/man-looking-digital-tablet_23-2148641957.jpg", date: "Oct 10, 2024"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</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>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,87 +0,0 @@
|
|||||||
"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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
||||||
import { Twitter, Linkedin, Instagram } from "lucide-react";
|
|
||||||
|
|
||||||
export default function ContactUsPage() {
|
|
||||||
const navItems = [
|
|
||||||
{ name: "Home", id: "/" },
|
|
||||||
{ 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: "Contact Us", id: "/contact-us" },
|
|
||||||
{ name: "Privacy Policy", id: "/privacy-policy" },
|
|
||||||
{ name: "Terms of Service", id: "/terms-of-service" },
|
|
||||||
];
|
|
||||||
|
|
||||||
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={navItems}
|
|
||||||
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="contact-form-section" data-section="contact-form-section">
|
|
||||||
<ContactSplitForm
|
|
||||||
title="Get in Touch"
|
|
||||||
description="We're here to help! Fill out the form below or reach out to us through our social channels."
|
|
||||||
inputs={[
|
|
||||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
||||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
||||||
]}
|
|
||||||
textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
|
|
||||||
buttonText="Send Message"
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/communication-connection-technology-internet_1421-43.jpg"
|
|
||||||
imageAlt="People communicating"
|
|
||||||
mediaPosition="right"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
onSubmit={(data) => {
|
|
||||||
console.log("Contact form submitted:", data);
|
|
||||||
alert("Your message has been sent!");
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</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>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
105
src/app/dinosaur-universe/page.tsx
Normal file
105
src/app/dinosaur-universe/page.tsx
Normal file
@@ -0,0 +1,105 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||||
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||||
|
import { Twitter, Linkedin, Instagram } from "lucide-react";
|
||||||
|
|
||||||
|
export default function DinosaurUniversePage() {
|
||||||
|
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", 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: "Contact", id: "#contact"},
|
||||||
|
{
|
||||||
|
name: "Dinosaur Universe", id: "/dinosaur-universe"},
|
||||||
|
{
|
||||||
|
name: "Deep Sea Creatures", id: "/deep-sea-creatures"},
|
||||||
|
{
|
||||||
|
name: "Microorganism World", id: "/microorganism-world"},
|
||||||
|
{
|
||||||
|
name: "Endangered Species Hub", id: "/endangered-species-hub"},
|
||||||
|
{
|
||||||
|
name: "Biodiversity Center", id: "/biodiversity-center"},
|
||||||
|
{
|
||||||
|
name: "Conservation Projects", id: "/conservation-projects"},
|
||||||
|
{
|
||||||
|
name: "Rare Species", id: "/rare-and-mysterious-species"},
|
||||||
|
{
|
||||||
|
name: "Myth vs Reality", id: "/myth-vs-reality"},
|
||||||
|
]}
|
||||||
|
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="dinosaur-universe-hero" data-section="dinosaur-universe-hero">
|
||||||
|
<FeatureCardSeven
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
title="Journey to the Dinosaur Universe"
|
||||||
|
description="Step back in time to explore the prehistoric world, meet colossal dinosaurs, and uncover ancient ecosystems."
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
title: "Prehistoric Giants", description: "Encounter accurate 3D models and detailed profiles of iconic dinosaurs like T-Rex, Triceratops, and Brachiosaurus.", imageSrc: "http://img.b2bpic.net/free-photo/stegosaurus-walking-through-forest_488145-2072.jpg", imageAlt: "Stegosaurus walking through a prehistoric forest"},
|
||||||
|
{
|
||||||
|
title: "Mesozoic Eras", description: "Explore the Triassic, Jurassic, and Cretaceous periods, understanding the evolution and extinction events.", imageSrc: "http://img.b2bpic.net/free-photo/dinosaur-concept-digital-art_23-2151624683.jpg", imageAlt: "Artistic rendering of a dinosaur in a prehistoric landscape"},
|
||||||
|
{
|
||||||
|
title: "Dinosaur Habitats", description: "Visualize the ancient landscapes and climates that supported these magnificent creatures, from lush forests to vast plains.", imageSrc: "http://img.b2bpic.net/free-photo/velociraptor-toy_1203-853.jpg", imageAlt: "Velociraptor toy in a dynamic pose"},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</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>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,107 +0,0 @@
|
|||||||
"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>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
43
src/app/favorite-lists/page.tsx
Normal file
43
src/app/favorite-lists/page.tsx
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
|
||||||
|
export default function FavoriteListsPage() {
|
||||||
|
const commonNavItems = [
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ 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: "Contact", id: "#contact" },
|
||||||
|
{ name: "User Profiles", id: "/user-profiles" },
|
||||||
|
{ name: "Saved Species", id: "/saved-species" },
|
||||||
|
{ name: "Favorite Lists", id: "/favorite-lists" },
|
||||||
|
{ name: "Discussion Forums", id: "/forums" },
|
||||||
|
{ name: "Expert Articles", id: "/articles" },
|
||||||
|
{ name: "Wildlife Challenges", id: "/challenges" },
|
||||||
|
{ name: "Careers", id: "/careers" }
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<NavbarStyleFullscreen
|
||||||
|
navItems={commonNavItems}
|
||||||
|
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: "/"}}
|
||||||
|
/>
|
||||||
|
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
|
||||||
|
<h1 className="text-5xl font-extrabold mb-8 text-center">Favorite Lists</h1>
|
||||||
|
<p className="text-lg text-center max-w-2xl">Curate and share your personalized lists of favorite species and ecosystems.</p>
|
||||||
|
</main>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
43
src/app/forums/page.tsx
Normal file
43
src/app/forums/page.tsx
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
|
||||||
|
export default function ForumsPage() {
|
||||||
|
const commonNavItems = [
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ 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: "Contact", id: "#contact" },
|
||||||
|
{ name: "User Profiles", id: "/user-profiles" },
|
||||||
|
{ name: "Saved Species", id: "/saved-species" },
|
||||||
|
{ name: "Favorite Lists", id: "/favorite-lists" },
|
||||||
|
{ name: "Discussion Forums", id: "/forums" },
|
||||||
|
{ name: "Expert Articles", id: "/articles" },
|
||||||
|
{ name: "Wildlife Challenges", id: "/challenges" },
|
||||||
|
{ name: "Careers", id: "/careers" }
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<NavbarStyleFullscreen
|
||||||
|
navItems={commonNavItems}
|
||||||
|
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: "/"}}
|
||||||
|
/>
|
||||||
|
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
|
||||||
|
<h1 className="text-5xl font-extrabold mb-8 text-center">Discussion Forums</h1>
|
||||||
|
<p className="text-lg text-center max-w-2xl">Engage with a vibrant community of biodiversity enthusiasts, ask questions, share insights, and discuss discoveries.</p>
|
||||||
|
</main>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
81
src/app/founder-story/page.tsx
Normal file
81
src/app/founder-story/page.tsx
Normal file
@@ -0,0 +1,81 @@
|
|||||||
|
"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 InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
|
import { Instagram, Linkedin, Twitter } from "lucide-react";
|
||||||
|
|
||||||
|
export default function FounderStoryPage() {
|
||||||
|
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"
|
||||||
|
brandName="LifeAtlas X"
|
||||||
|
bottomLeftText="Global Community"
|
||||||
|
bottomRightText="explore@lifeatlasx.com"
|
||||||
|
button={{
|
||||||
|
text: "Begin Your Exploration", href: "#hero"}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="founder-story-content" data-section="founder-story-content">
|
||||||
|
<InlineImageSplitTextAbout
|
||||||
|
useInvertedBackground={false}
|
||||||
|
heading={[
|
||||||
|
{ type: 'text', content: "Our Roots: Shriram's Vision: The Genesis of LifeAtlas X" },
|
||||||
|
{ type: 'text', content: "LifeAtlas X was born from the profound vision of its founder, Shriram. A lifelong biologist and technologist, Shriram recognized the critical need for a platform that could democratize access to scientific knowledge and foster a deeper connection between humanity and the natural world. Frustrated by the fragmented and often inaccessible nature of biodiversity data, he envisioned an immersive, AI-driven digital atlas that could bring every known life form to users' fingertips. Shriram's dedication to blending rigorous science with innovative technology laid the groundwork for LifeAtlas X, transforming his passion for conservation and education into a global tool for discovery and understanding." }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</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>
|
||||||
|
);
|
||||||
|
}
|
||||||
81
src/app/mission-vision/page.tsx
Normal file
81
src/app/mission-vision/page.tsx
Normal file
@@ -0,0 +1,81 @@
|
|||||||
|
"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 InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
|
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"
|
||||||
|
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">
|
||||||
|
<InlineImageSplitTextAbout
|
||||||
|
useInvertedBackground={false}
|
||||||
|
heading={[
|
||||||
|
{ type: 'text', content: "Our Purpose: Our Mission & Vision: Shaping the Future of Biodiversity Exploration" },
|
||||||
|
{ type: 'text', content: "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. 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." }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</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>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -34,7 +34,7 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home", id: "#home"},
|
name: "Home", id: "/"},
|
||||||
{
|
{
|
||||||
name: "About", id: "#about"},
|
name: "About", id: "#about"},
|
||||||
{
|
{
|
||||||
@@ -48,15 +48,23 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
name: "Partners", id: "#partners"},
|
name: "Partners", id: "#partners"},
|
||||||
{
|
{
|
||||||
name: "FAQ", id: "/faq"},
|
name: "FAQ", id: "#faq"},
|
||||||
{
|
|
||||||
name: "Blog", id: "/blog"},
|
|
||||||
{
|
|
||||||
name: "Careers", id: "/careers"},
|
|
||||||
{
|
|
||||||
name: "Support", id: "/support"},
|
|
||||||
{
|
{
|
||||||
name: "Contact", id: "#contact"},
|
name: "Contact", id: "#contact"},
|
||||||
|
{
|
||||||
|
name: "User Profiles", id: "/user-profiles"},
|
||||||
|
{
|
||||||
|
name: "Saved Species", id: "/saved-species"},
|
||||||
|
{
|
||||||
|
name: "Favorite Lists", id: "/favorite-lists"},
|
||||||
|
{
|
||||||
|
name: "Discussion Forums", id: "/forums"},
|
||||||
|
{
|
||||||
|
name: "Expert Articles", id: "/articles"},
|
||||||
|
{
|
||||||
|
name: "Wildlife Challenges", id: "/challenges"},
|
||||||
|
{
|
||||||
|
name: "Careers", id: "/careers"}
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
|
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
|
||||||
logoAlt="LifeAtlas X Logo"
|
logoAlt="LifeAtlas X Logo"
|
||||||
|
|||||||
43
src/app/saved-species/page.tsx
Normal file
43
src/app/saved-species/page.tsx
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
|
||||||
|
export default function SavedSpeciesPage() {
|
||||||
|
const commonNavItems = [
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ 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: "Contact", id: "#contact" },
|
||||||
|
{ name: "User Profiles", id: "/user-profiles" },
|
||||||
|
{ name: "Saved Species", id: "/saved-species" },
|
||||||
|
{ name: "Favorite Lists", id: "/favorite-lists" },
|
||||||
|
{ name: "Discussion Forums", id: "/forums" },
|
||||||
|
{ name: "Expert Articles", id: "/articles" },
|
||||||
|
{ name: "Wildlife Challenges", id: "/challenges" },
|
||||||
|
{ name: "Careers", id: "/careers" }
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<NavbarStyleFullscreen
|
||||||
|
navItems={commonNavItems}
|
||||||
|
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: "/"}}
|
||||||
|
/>
|
||||||
|
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
|
||||||
|
<h1 className="text-5xl font-extrabold mb-8 text-center">Saved Species</h1>
|
||||||
|
<p className="text-lg text-center max-w-2xl">Access your personal collection of saved species for quick reference and continued exploration.</p>
|
||||||
|
</main>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
108
src/app/species/[slug]/page.tsx
Normal file
108
src/app/species/[slug]/page.tsx
Normal file
@@ -0,0 +1,108 @@
|
|||||||
|
"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 LegalSection from '@/components/legal/LegalSection';
|
||||||
|
import { Twitter, Linkedin, Instagram } from "lucide-react";
|
||||||
|
|
||||||
|
export default function SpeciesSlugPage() {
|
||||||
|
const navItems = [
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "About", id: "/about-us" },
|
||||||
|
{ name: "Features", id: "#features" },
|
||||||
|
{ name: "Explore", id: "#explore" },
|
||||||
|
{ name: "AI Species Comparison", id: "/ai-species-comparison" },
|
||||||
|
{ name: "Metrics", id: "#metrics" },
|
||||||
|
{ name: "Testimonials", id: "#testimonials" },
|
||||||
|
{ name: "Partners", id: "#partners" },
|
||||||
|
{ name: "FAQ", id: "#faq" },
|
||||||
|
{ name: "Contact", id: "/contact-us" },
|
||||||
|
];
|
||||||
|
|
||||||
|
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={navItems}
|
||||||
|
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
|
||||||
|
logoAlt="LifeAtlas X"
|
||||||
|
brandName="LifeAtlas X"
|
||||||
|
bottomLeftText="Global Community"
|
||||||
|
bottomRightText="explore@lifeatlasx.com"
|
||||||
|
button={{
|
||||||
|
text: "Begin Your Exploration", href: "#hero"
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="species-details" data-section="species-details">
|
||||||
|
<LegalSection
|
||||||
|
layout="page"
|
||||||
|
title="Species Details: The Majestic Dragon"
|
||||||
|
subtitle="In-depth analysis of the Draco Volans species."
|
||||||
|
sections={[
|
||||||
|
{
|
||||||
|
heading: "Taxonomy and Classification", content: [
|
||||||
|
{ type: "paragraph", text: "The Draco Volans, commonly known as the Flying Dragon, belongs to the Agamidae family. Its scientific classification is as follows: Kingdom: Animalia, Phylum: Chordata, Class: Reptilia, Order: Squamata, Family: Agamidae, Genus: Draco, Species: D. volans." },
|
||||||
|
{ type: "list", items: [
|
||||||
|
"Kingdom: Animalia", "Phylum: Chordata", "Class: Reptilia", "Order: Squamata", "Family: Agamidae", "Genus: Draco", "Species: D. volans"
|
||||||
|
]}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
heading: "Habitat and Distribution", content: [
|
||||||
|
{ type: "paragraph", text: "Draco Volans is native to Southeast Asia, particularly found in tropical rainforests of Indonesia, Malaysia, Thailand, and the Philippines. They are arboreal, spending most of their lives in trees." },
|
||||||
|
{ type: "list", items: [
|
||||||
|
"Tropical rainforests", "Indonesia", "Malaysia", "Thailand", "Philippines"
|
||||||
|
]}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
heading: "Physical Characteristics", content: [
|
||||||
|
{ type: "paragraph", text: "These small lizards are distinguished by their extendable patagia, skin flaps supported by elongated ribs that allow them to glide between trees. They typically measure around 20 cm in length, including their long tails. Males often display a vibrant gular flap, used for courtship and territorial displays." },
|
||||||
|
{ type: "numbered-list", items: [
|
||||||
|
"Extendable patagia for gliding", "Length: ~20 cm", "Vibrant gular flap in males", "Arboreal adaptations"
|
||||||
|
]}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
heading: "Diet and Behavior", content: [
|
||||||
|
{ type: "paragraph", text: "Their diet primarily consists of insects, such as ants and termites, which they catch on tree trunks. Draco Volans are diurnal, active during the day, and use their gliding ability to escape predators and move between feeding grounds." },
|
||||||
|
{ type: "list", items: [
|
||||||
|
"Primary diet: Insects (ants, termites)", "Diurnal activity pattern", "Gliding for predation escape and movement"
|
||||||
|
]}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</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>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-inter), sans-serif;
|
font-family: var(--font-archivo), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-inter), sans-serif;
|
font-family: var(--font-archivo), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
43
src/app/user-profiles/page.tsx
Normal file
43
src/app/user-profiles/page.tsx
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
|
||||||
|
export default function UserProfilesPage() {
|
||||||
|
const commonNavItems = [
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ 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: "Contact", id: "#contact" },
|
||||||
|
{ name: "User Profiles", id: "/user-profiles" },
|
||||||
|
{ name: "Saved Species", id: "/saved-species" },
|
||||||
|
{ name: "Favorite Lists", id: "/favorite-lists" },
|
||||||
|
{ name: "Discussion Forums", id: "/forums" },
|
||||||
|
{ name: "Expert Articles", id: "/articles" },
|
||||||
|
{ name: "Wildlife Challenges", id: "/challenges" },
|
||||||
|
{ name: "Careers", id: "/careers" }
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<NavbarStyleFullscreen
|
||||||
|
navItems={commonNavItems}
|
||||||
|
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: "/"}}
|
||||||
|
/>
|
||||||
|
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
|
||||||
|
<h1 className="text-5xl font-extrabold mb-8 text-center">User Profiles</h1>
|
||||||
|
<p className="text-lg text-center max-w-2xl">Manage your profile, track your contributions, and connect with other explorers in the LifeAtlas X community.</p>
|
||||||
|
</main>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user