Merge version_4 into main

Update src/app/blog/page.tsx
2026-06-10 14:54:43 +00:00 · 2026-06-10 14:54:39 +00:00 · 2026-06-10 14:54:39 +00:00 · 2026-06-10 14:54:39 +00:00 · 2026-06-10 14:54:38 +00:00 · 2026-06-10 14:52:39 +00:00
14 changed files with 794 additions and 81 deletions
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -2,77 +2,91 @@

 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";
-
+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 AboutUsPage() {
+  const commonNavItems = [
+    { 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 Ecosystems", id: "/#explore" },
+    { name: "AI Species Comparison", id: "/ai-species-comparison" },
+    { name: "Dinosaur Universe", id: "/dinosaur-universe" },
+    { name: "Metrics", id: "/#metrics" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "Partners", id: "/#partners" },
+    { name: "FAQ", id: "/faq" },
+    { name: "Contact Us", id: "/contact-us" },
+    { 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: "Blog", id: "/blog" }
+  ];
+
  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"
+      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" },
-            ]}
+            navItems={commonNavItems}
            logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
-            logoAlt="LifeAtlas X Logo"
+            logoAlt="LifeAtlas X"
            brandName="LifeAtlas X"
            bottomLeftText="Global Community"
            bottomRightText="explore@lifeatlasx.com"
            button={{
-              text: "Begin Your Exploration",              href: "#hero"}}
+              text: "Begin Your Exploration",              href: "/#hero"}}
          />
        </div>

        <div id="about-us-content" data-section="about-us-content">
-          <MetricSplitMediaAbout
+          <InlineImageSplitTextAbout
            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" },
+            heading={[
+              { type: 'text', content: "About LifeAtlas X: Unveiling Earth's Biodiversity" },
+              { 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." }
+            ]}
+            buttons={[
+              {
+                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 id="footer" data-section="footer">
-            <FooterCard
+          <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" },
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
            ]}
          />
        </div>
--- a/src/app/ai-species-comparison/page.tsx
+++ b/src/app/ai-species-comparison/page.tsx
@@ -0,0 +1,101 @@
+"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() {
+  const commonNavItems = [
+    { 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 Ecosystems", id: "/#explore" },
+    { name: "AI Species Comparison", id: "/ai-species-comparison" },
+    { name: "Dinosaur Universe", id: "/dinosaur-universe" },
+    { name: "Metrics", id: "/#metrics" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "Partners", id: "/#partners" },
+    { name: "FAQ", id: "/faq" },
+    { name: "Contact Us", id: "/contact-us" },
+    { 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: "Blog", id: "/blog" }
+  ];
+
+  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={commonNavItems}
+            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>
+  );
+}
--- a/src/app/articles/page.tsx
+++ b/src/app/articles/page.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function ArticlesPage() {
+  const commonNavItems = [
+    { 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 Ecosystems", id: "/#explore" },
+    { name: "AI Species Comparison", id: "/ai-species-comparison" },
+    { name: "Dinosaur Universe", id: "/dinosaur-universe" },
+    { name: "Metrics", id: "/#metrics" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "Partners", id: "/#partners" },
+    { name: "FAQ", id: "/faq" },
+    { name: "Contact Us", id: "/contact-us" },
+    { 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: "Blog", id: "/blog" }
+  ];
+
+  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>
+    </>
+  );
+}
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -8,6 +8,28 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import { Instagram, Linkedin, Twitter } from "lucide-react";

 export default function BlogPage() {
+  const commonNavItems = [
+    { 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 Ecosystems", id: "/#explore" },
+    { name: "AI Species Comparison", id: "/ai-species-comparison" },
+    { name: "Dinosaur Universe", id: "/dinosaur-universe" },
+    { name: "Metrics", id: "/#metrics" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "Partners", id: "/#partners" },
+    { name: "FAQ", id: "/faq" },
+    { name: "Contact Us", id: "/contact-us" },
+    { 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: "Blog", id: "/blog" }
+  ];
+
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
@@ -24,32 +46,7 @@ export default function BlogPage() {
      <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"},
-            ]}
+            navItems={commonNavItems}
            logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
            logoAlt="LifeAtlas X Logo"
            brandName="LifeAtlas X"
--- a/src/app/dinosaur-universe/page.tsx
+++ b/src/app/dinosaur-universe/page.tsx
@@ -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>
+  );
+}
--- a/src/app/favorite-lists/page.tsx
+++ b/src/app/favorite-lists/page.tsx
@@ -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>
+    </>
+  );
+}
--- a/src/app/forums/page.tsx
+++ b/src/app/forums/page.tsx
@@ -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>
+    </>
+  );
+}
--- a/src/app/founder-story/page.tsx
+++ b/src/app/founder-story/page.tsx
@@ -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>
+  );
+}
--- a/src/app/mission-vision/page.tsx
+++ b/src/app/mission-vision/page.tsx
@@ -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>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,7 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
        {
          name: "About",          id: "#about"},
        {
@@ -48,15 +48,23 @@ export default function LandingPage() {
        {
          name: "Partners",          id: "#partners"},
        {
-          name: "FAQ",          id: "/faq"},
-        {
-          name: "Blog",          id: "/blog"},
-        {
-          name: "Careers",          id: "/careers"},
-        {
-          name: "Support",          id: "/support"},
+          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"}
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
      logoAlt="LifeAtlas X Logo"
--- a/src/app/saved-species/page.tsx
+++ b/src/app/saved-species/page.tsx
@@ -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>
+    </>
+  );
+}
--- a/src/app/species/[slug]/page.tsx
+++ b/src/app/species/[slug]/page.tsx
@@ -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>
+  );
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-archivo), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-archivo), sans-serif;
 }
--- a/src/app/user-profiles/page.tsx
+++ b/src/app/user-profiles/page.tsx
@@ -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>
+    </>
+  );
+}
Author	SHA1	Message	Date
bender	17754e3190	Merge version_4 into main Merge version_4 into main	2026-06-10 14:54:43 +00:00
bender	42a8d337cb	Update src/app/blog/page.tsx	2026-06-10 14:54:39 +00:00
bender	38d4bb2a4d	Update src/app/articles/page.tsx	2026-06-10 14:54:39 +00:00
bender	47459358e1	Update src/app/ai-species-comparison/page.tsx	2026-06-10 14:54:39 +00:00
bender	4b85e78ec7	Update src/app/about-us/page.tsx	2026-06-10 14:54:38 +00:00
bender	271dc14c35	Update src/app/species/[slug]/page.tsx	2026-06-10 14:52:39 +00:00
bender	9ce44822f4	Update src/app/ai-species-comparison/page.tsx	2026-06-10 14:49:44 +00:00
bender	8d3d33771d	Update src/app/about-us/page.tsx	2026-06-10 14:49:44 +00:00
bender	808626aa87	Update src/app/mission-vision/page.tsx	2026-06-10 14:46:54 +00:00
bender	0f3b08bc0a	Update src/app/founder-story/page.tsx	2026-06-10 14:46:53 +00:00
bender	40ab806720	Update src/app/ai-species-comparison/page.tsx	2026-06-10 14:46:53 +00:00
bender	1c4ac186dd	Update src/app/about-us/page.tsx	2026-06-10 14:46:53 +00:00
bender	6b98d28a0f	Add src/app/user-profiles/page.tsx	2026-06-10 14:44:11 +00:00
bender	d07b795bb7	Update src/app/styles/base.css	2026-06-10 14:44:11 +00:00
bender	533d3dcb49	Add src/app/species/[slug]/page.tsx	2026-06-10 14:44:10 +00:00
bender	05582f3ee0	Add src/app/saved-species/page.tsx	2026-06-10 14:44:10 +00:00
bender	061fd15444	Update src/app/page.tsx	2026-06-10 14:44:09 +00:00
bender	57dd010a7e	Add src/app/mission-vision/page.tsx	2026-06-10 14:44:09 +00:00
bender	f2a5025211	Add src/app/founder-story/page.tsx	2026-06-10 14:44:08 +00:00
bender	b061cbe93f	Add src/app/forums/page.tsx	2026-06-10 14:44:08 +00:00
bender	38e1d18f40	Add src/app/favorite-lists/page.tsx	2026-06-10 14:44:08 +00:00
bender	28d329ba0f	Add src/app/dinosaur-universe/page.tsx	2026-06-10 14:44:07 +00:00
bender	c22d06e7d6	Add src/app/articles/page.tsx	2026-06-10 14:44:07 +00:00
bender	b2608d438a	Add src/app/ai-species-comparison/page.tsx	2026-06-10 14:44:06 +00:00
bender	d47348f6f9	Update src/app/about-us/page.tsx	2026-06-10 14:44:06 +00:00
bender	d2e4a02016	Merge version_2 into main Merge version_2 into main	2026-06-10 14:40:22 +00:00