Merge version_4 into main

Merge version_4 into main

src/app/about-us/page.tsx

@@ -0,0 +1,96 @@
+"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 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"
+    >
+      <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="about-us-content" data-section="about-us-content">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            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"},
+            ]}
+          />
+        </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>
+  );
+}

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>
+  );
+}

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>
+    </>
+  );
+}

src/app/blog/page.tsx

@@ -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 BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+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"
+        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 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>
+  );
+}

src/app/contact-us/page.tsx

@@ -0,0 +1,87 @@
+"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>
+  );
+}

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>
+  );
+}

src/app/faq/page.tsx

@@ -0,0 +1,107 @@
+"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>
+  );
+}

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>
+    </>
+  );
+}

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>
+    </>
+  );
+}

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>
+  );
+}

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>
+  );
+}

src/app/page.tsx

@@ -34,41 +34,37 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "#home",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Explore",
+          name: "Explore",          id: "#explore"},
-          id: "#explore",
-        },
         {
-          name: "Metrics",
+          name: "Metrics",          id: "#metrics"},
-          id: "#metrics",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Partners",
+          name: "Partners",          id: "#partners"},
-          id: "#partners",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#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"
@@ -76,61 +72,40 @@ export default function LandingPage() {
       bottomLeftText="Global Community"
       bottomRightText="explore@lifeatlasx.com"
       button={{
-        text: "Begin Your Exploration",
+        text: "Begin Your Exploration",        href: "#hero"}}
-        href: "#hero",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Explore Every Living Thing Ever Known"
       description="Discover animals, birds, reptiles, fish, insects, fungi, bacteria, viruses, plants, and extinct species through an immersive AIpowered experience. Search, compare, and explore millions of organisms across an interactive 3D Earth with stunning visuals, realtime data, and gamified discovery tools."
       kpis={[
         {
-          value: "10M+",
+          value: "10M+",          label: "Species Explored"},
-          label: "Species Explored",
-        },
         {
-          value: "100+",
+          value: "100+",          label: "Interactive Models"},
-          label: "Interactive Models",
-        },
         {
-          value: "200+",
+          value: "200+",          label: "Ecosystems Analyzed"},
-          label: "Ecosystems Analyzed",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Begin Your Exploration",
+          text: "Begin Your Exploration",          href: "#explore"},
-          href: "#explore",
-        },
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/concentrated-hipster-writes-notebook-information-he-hears-from-female-who-reads-news-from-internet-website-beautiful-black-girl-keyboards-laptop-computer_273609-44838.jpg",
+          src: "http://img.b2bpic.net/free-photo/concentrated-hipster-writes-notebook-information-he-hears-from-female-who-reads-news-from-internet-website-beautiful-black-girl-keyboards-laptop-computer_273609-44838.jpg",          alt: "Student profile picture"},
-          alt: "Student profile picture",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-female-scientist-with-safety-glasses-holding-test-tube_23-2148799315.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-female-scientist-with-safety-glasses-holding-test-tube_23-2148799315.jpg",          alt: "Educator profile picture"},
-          alt: "Educator profile picture",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/mature-grey-beard-businessman-wearing-casual-grey-jacket-looking-thru-tree-trunks-leaning-one-life-after-40-years-concept-problems-depression-middle-age-crisis_549566-1022.jpg",
+          src: "http://img.b2bpic.net/free-photo/mature-grey-beard-businessman-wearing-casual-grey-jacket-looking-thru-tree-trunks-leaning-one-life-after-40-years-concept-problems-depression-middle-age-crisis_549566-1022.jpg",          alt: "Researcher profile picture"},
-          alt: "Researcher profile picture",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-wearing-hat-park_23-2148203063.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-wearing-hat-park_23-2148203063.jpg",          alt: "Wildlife professional profile picture"},
-          alt: "Wildlife professional profile picture",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200207.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200207.jpg",          alt: "Young man learning in a virtual classroom"},
-          alt: "Young man learning in a virtual classroom",
-        },
       ]}
       avatarText="Join our global community of explorers"
       imageSrc="http://img.b2bpic.net/free-photo/3d-dolphin-with-vibrant-coloring_23-2151079106.jpg"
@@ -138,29 +113,19 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "AI-Powered Discovery",          icon: Lightbulb,
-          text: "AI-Powered Discovery",
-          icon: Lightbulb,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Real-time Data",          icon: Loader,
-          text: "Real-time Data",
-          icon: Loader,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "3D Immersion",          icon: Box,
-          text: "3D Immersion",
-          icon: Box,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Global Community",          icon: Users,
-          text: "Global Community",
-          icon: Users,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Uncharted Ecosystems",          icon: Globe,
-          text: "Uncharted Ecosystems",
-          icon: Globe,
         },
       ]}
     />
@@ -173,17 +138,11 @@ export default function LandingPage() {
       description="LifeAtlas X is built on a foundation of cutting-edge AI and extensive scientific data, providing unparalleled access to the natural world. Our platform empowers users to not just observe, but to interact with and understand complex biological systems like never before."
       metrics={[
         {
-          value: "250K+",
+          value: "250K+",          title: "High-Res 3D Models"},
-          title: "High-Res 3D Models",
-        },
         {
-          value: "50+",
+          value: "50+",          title: "Interactive Ecosystems"},
-          title: "Interactive Ecosystems",
-        },
         {
-          value: "100K+",
+          value: "100K+",          title: "Research Papers Indexed"},
-          title: "Research Papers Indexed",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-illustration-lysosome-digesting-cellular-waste-german_183364-124029.jpg"
       imageAlt="Advanced AI visualization of a complex ecosystem"
@@ -199,23 +158,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Immersive 3D Exploration",
+          title: "Immersive 3D Exploration",          description: "Navigate high-fidelity 3D models of species and ecosystems, bringing life forms to your fingertips with stunning realism.",          imageSrc: "http://img.b2bpic.net/free-photo/baby-flying-gecko-dry-leaves_488145-300.jpg",          imageAlt: "Holographic 3D model of a creature"},
-          description: "Navigate high-fidelity 3D models of species and ecosystems, bringing life forms to your fingertips with stunning realism.",
-          imageSrc: "http://img.b2bpic.net/free-photo/baby-flying-gecko-dry-leaves_488145-300.jpg",
-          imageAlt: "Holographic 3D model of a creature",
-        },
         {
-          title: "Real-time Data Synthesis",
+          title: "Real-time Data Synthesis",          description: "Access up-to-date scientific data, conservation status, genetic information, and more, all synthesized for clarity and insight.",          imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744730.jpg",          imageAlt: "Multi-panel display of real-time scientific data"},
-          description: "Access up-to-date scientific data, conservation status, genetic information, and more, all synthesized for clarity and insight.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744730.jpg",
-          imageAlt: "Multi-panel display of real-time scientific data",
-        },
         {
-          title: "Interactive Comparative Analysis",
+          title: "Interactive Comparative Analysis",          description: "Compare species side-by-side using dynamic visualization tools, highlighting anatomical differences and shared traits.",          imageSrc: "http://img.b2bpic.net/free-photo/plants-laboratory-items-flat-lay_23-2148785087.jpg",          imageAlt: "Split-screen interface comparing two species"},
-          description: "Compare species side-by-side using dynamic visualization tools, highlighting anatomical differences and shared traits.",
-          imageSrc: "http://img.b2bpic.net/free-photo/plants-laboratory-items-flat-lay_23-2148785087.jpg",
-          imageAlt: "Split-screen interface comparing two species",
-        },
       ]}
       title="Unlock Powerful Discovery Tools"
       description="LifeAtlas X offers an array of features designed to enhance learning, research, and exploration for every user."
@@ -231,53 +178,17 @@ export default function LandingPage() {
       carouselMode="buttons"
       products={[
         {
-          id: "oceanic-abyss",
+          id: "oceanic-abyss",          name: "Oceanic Abyss",          price: "Premium",          variant: "Deep Sea",          imageSrc: "http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-archeological-building-ruins_23-2151571724.jpg",          imageAlt: "Bioluminescent deep-sea creatures"},
-          name: "Oceanic Abyss",
-          price: "Premium",
-          variant: "Deep Sea",
-          imageSrc: "http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-archeological-building-ruins_23-2151571724.jpg",
-          imageAlt: "Bioluminescent deep-sea creatures",
-        },
         {
-          id: "amazon-rainforest",
+          id: "amazon-rainforest",          name: "Amazon Rainforest",          price: "Free",          variant: "Terrestrial",          imageSrc: "http://img.b2bpic.net/free-photo/photo-red-colobus-piliocolobus-tephrosceles-sitting-branch-zanzibar-tanzania_1217-4781.jpg",          imageAlt: "Lush Amazon rainforest canopy"},
-          name: "Amazon Rainforest",
-          price: "Free",
-          variant: "Terrestrial",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-red-colobus-piliocolobus-tephrosceles-sitting-branch-zanzibar-tanzania_1217-4781.jpg",
-          imageAlt: "Lush Amazon rainforest canopy",
-        },
         {
-          id: "dinosaur-era",
+          id: "dinosaur-era",          name: "Dinosaur Era",          price: "Premium",          variant: "Paleontology",          imageSrc: "http://img.b2bpic.net/free-photo/velociraptor-toy_1203-853.jpg",          imageAlt: "Prehistoric landscape with a dinosaur"},
-          name: "Dinosaur Era",
-          price: "Premium",
-          variant: "Paleontology",
-          imageSrc: "http://img.b2bpic.net/free-photo/velociraptor-toy_1203-853.jpg",
-          imageAlt: "Prehistoric landscape with a dinosaur",
-        },
         {
-          id: "arctic-tundra",
+          id: "arctic-tundra",          name: "Arctic Tundra",          price: "Free",          variant: "Polar",          imageSrc: "http://img.b2bpic.net/free-photo/lake-shoji-japan-view-beautiful-white-winter_1232-2231.jpg",          imageAlt: "Arctic tundra with northern lights"},
-          name: "Arctic Tundra",
-          price: "Free",
-          variant: "Polar",
-          imageSrc: "http://img.b2bpic.net/free-photo/lake-shoji-japan-view-beautiful-white-winter_1232-2231.jpg",
-          imageAlt: "Arctic tundra with northern lights",
-        },
         {
-          id: "desert-biomes",
+          id: "desert-biomes",          name: "Desert Biomes",          price: "Premium",          variant: "Arid",          imageSrc: "http://img.b2bpic.net/free-photo/southwest-landscape-digital-art_23-2151785635.jpg",          imageAlt: "Desert landscape at sunset"},
-          name: "Desert Biomes",
-          price: "Premium",
-          variant: "Arid",
-          imageSrc: "http://img.b2bpic.net/free-photo/southwest-landscape-digital-art_23-2151785635.jpg",
-          imageAlt: "Desert landscape at sunset",
-        },
         {
-          id: "coral-reefs",
+          id: "coral-reefs",          name: "Coral Reefs",          price: "Free",          variant: "Marine",          imageSrc: "http://img.b2bpic.net/free-photo/pipefish-closeup-from-side-view-head-pipefish-with-black-background_488145-922.jpg",          imageAlt: "Vibrant coral reef with marine life"},
-          name: "Coral Reefs",
-          price: "Free",
-          variant: "Marine",
-          imageSrc: "http://img.b2bpic.net/free-photo/pipefish-closeup-from-side-view-head-pipefish-with-black-background_488145-922.jpg",
-          imageAlt: "Vibrant coral reef with marine life",
-        },
       ]}
       title="Curated Exploration Modules"
       description="Begin your journey with our hand-picked exploration modules, designed to guide you through the most fascinating aspects of life on Earth."
@@ -291,20 +202,11 @@ export default function LandingPage() {
       tag="Global Reach"
       metrics={[
         {
-          id: "users",
+          id: "users",          value: "500K+",          description: "Active Users: Engaged learners and researchers worldwide."},
-          value: "500K+",
-          description: "Active Users: Engaged learners and researchers worldwide.",
-        },
         {
-          id: "data",
+          id: "data",          value: "100M+",          description: "Data Points: Constantly updated biodiversity records."},
-          value: "100M+",
-          description: "Data Points: Constantly updated biodiversity records.",
-        },
         {
-          id: "satisfaction",
+          id: "satisfaction",          value: "98%",          description: "User Satisfaction: Loved by students, educators, and scientists."},
-          value: "98%",
-          description: "User Satisfaction: Loved by students, educators, and scientists.",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -318,50 +220,20 @@ export default function LandingPage() {
       carouselMode="buttons"
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Johnson",          handle: "@bioexplorer",          testimonial: "LifeAtlas X has revolutionized how I approach my biology studies. The 3D models and interactive comparisons make complex topics easy to grasp. Truly an essential tool for any student!",          rating: 5,
-          name: "Sarah Johnson",
+          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-alluring-young-female-student-sitting-park-university-campus-near-wifi-spot-studying-waiting-friend-use-laptop-mobile-phone-smiling-cheerful-camera_197531-30564.jpg",          imageAlt: "Sarah Johnson"},
-          handle: "@bioexplorer",
-          testimonial: "LifeAtlas X has revolutionized how I approach my biology studies. The 3D models and interactive comparisons make complex topics easy to grasp. Truly an essential tool for any student!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-alluring-young-female-student-sitting-park-university-campus-near-wifi-spot-studying-waiting-friend-use-laptop-mobile-phone-smiling-cheerful-camera_197531-30564.jpg",
-          imageAlt: "Sarah Johnson",
-        },
         {
-          id: "2",
+          id: "2",          name: "Dr. David Chen",          handle: "@profchembio",          testimonial: "As an educator, I find LifeAtlas X an invaluable resource. It brings biodiversity to life in the classroom, fostering genuine curiosity and deeper understanding among my students.",          rating: 5,
-          name: "Dr. David Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/shocked-surprised-unshaven-young-man-carries-vintage-book-closely-chest-stares-with-bugged-eyes-has-scared-expression-wears-optical-glasses_273609-24116.jpg",          imageAlt: "Dr. David Chen"},
-          handle: "@profchembio",
-          testimonial: "As an educator, I find LifeAtlas X an invaluable resource. It brings biodiversity to life in the classroom, fostering genuine curiosity and deeper understanding among my students.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/shocked-surprised-unshaven-young-man-carries-vintage-book-closely-chest-stares-with-bugged-eyes-has-scared-expression-wears-optical-glasses_273609-24116.jpg",
-          imageAlt: "Dr. David Chen",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily Rodriguez",          handle: "@eco_guardian",          testimonial: "The real-time data and conservation status updates on LifeAtlas X are critical for my work. It's an unparalleled resource for monitoring and understanding global biodiversity challenges.",          rating: 5,
-          name: "Emily Rodriguez",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-black-apron-working-greenhouse_1157-30878.jpg",          imageAlt: "Emily Rodriguez"},
-          handle: "@eco_guardian",
-          testimonial: "The real-time data and conservation status updates on LifeAtlas X are critical for my work. It's an unparalleled resource for monitoring and understanding global biodiversity challenges.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-black-apron-working-greenhouse_1157-30878.jpg",
-          imageAlt: "Emily Rodriguez",
-        },
         {
-          id: "4",
+          id: "4",          name: "Michael Brown",          handle: "@nature_fan",          testimonial: "I love exploring different ecosystems on LifeAtlas X! The gamified discovery makes learning so much fun, and I've found so many new fascinating creatures. Highly recommend for curious minds!",          rating: 5,
-          name: "Michael Brown",
+          imageSrc: "http://img.b2bpic.net/free-photo/senior-women-spending-time-together-cafe-talking-working_23-2149260275.jpg",          imageAlt: "Michael Brown"},
-          handle: "@nature_fan",
-          testimonial: "I love exploring different ecosystems on LifeAtlas X! The gamified discovery makes learning so much fun, and I've found so many new fascinating creatures. Highly recommend for curious minds!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-women-spending-time-together-cafe-talking-working_23-2149260275.jpg",
-          imageAlt: "Michael Brown",
-        },
         {
-          id: "5",
+          id: "5",          name: "Dr. Anya Sharma",          handle: "@genetics_res",          testimonial: "The depth of scientific data and comparative analysis tools available on LifeAtlas X are a game-changer for my research. It's robust, reliable, and incredibly user-friendly.",          rating: 5,
-          name: "Dr. Anya Sharma",
+          imageSrc: "http://img.b2bpic.net/free-photo/male-researcher-with-tablet-biotechnology-laboratory_23-2148776151.jpg",          imageAlt: "Dr. Anya Sharma"},
-          handle: "@genetics_res",
-          testimonial: "The depth of scientific data and comparative analysis tools available on LifeAtlas X are a game-changer for my research. It's robust, reliable, and incredibly user-friendly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-researcher-with-tablet-biotechnology-laboratory_23-2148776151.jpg",
-          imageAlt: "Dr. Anya Sharma",
-        },
       ]}
       showRating={true}
       title="Voices from Our Explorers"
@@ -374,14 +246,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Biodiversity Institute",
+        "Biodiversity Institute",        "Global Wildlife Fund",        "EcoResearch University",        "Oceanic Conservancy",        "PaleoTech Labs",        "Botanical Gardens Foundation",        "Environmental Data Alliance"]}
-        "Global Wildlife Fund",
-        "EcoResearch University",
-        "Oceanic Conservancy",
-        "PaleoTech Labs",
-        "Botanical Gardens Foundation",
-        "Environmental Data Alliance",
-      ]}
       title="Partnerships for Discovery"
       description="LifeAtlas X collaborates with leading universities, research institutions, and conservation organizations worldwide to bring you the most accurate and comprehensive data."
       showCard={true}
@@ -394,20 +259,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "What kind of data does LifeAtlas X provide?",          content: "LifeAtlas X offers comprehensive biodiversity data including species profiles, genetic information, conservation status, ecological roles, geographic distribution, 3D models, and interactive visualizations."},
-          title: "What kind of data does LifeAtlas X provide?",
-          content: "LifeAtlas X offers comprehensive biodiversity data including species profiles, genetic information, conservation status, ecological roles, geographic distribution, 3D models, and interactive visualizations.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Is LifeAtlas X suitable for all age groups?",          content: "Yes, LifeAtlas X is designed for a diverse audience, from students (ages 12+) and educators seeking engaging resources to researchers and enthusiasts looking for in-depth scientific data and exploration."},
-          title: "Is LifeAtlas X suitable for all age groups?",
-          content: "Yes, LifeAtlas X is designed for a diverse audience, from students (ages 12+) and educators seeking engaging resources to researchers and enthusiasts looking for in-depth scientific data and exploration.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Can I contribute to the platform?",          content: "LifeAtlas X fosters a vibrant community. While core data is scientifically curated, we offer features for community contribution, feedback, and engagement, which you can learn more about by joining our community forums."},
-          title: "Can I contribute to the platform?",
-          content: "LifeAtlas X fosters a vibrant community. While core data is scientifically curated, we offer features for community contribution, feedback, and engagement, which you can learn more about by joining our community forums.",
-        },
       ]}
       title="Your Questions, Answered"
       description="Find quick answers to common inquiries about LifeAtlas X and how it can enhance your learning and research journey."
@@ -419,20 +275,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Join the Movement"
       title="Ready to Begin Your Exploration?"
       description="Connect with a world of knowledge. Whether you're a student, researcher, or curious mind, LifeAtlas X has something for everyone. Start your free trial or reach out to our team."
       buttons={[
         {
-          text: "Start Free Trial",
+          text: "Start Free Trial",          href: "#"},
-          href: "#",
-        },
         {
-          text: "Contact Sales",
+          text: "Contact Sales",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -444,19 +295,13 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Twitter,
-          href: "#",
+          href: "#",          ariaLabel: "Twitter"},
-          ariaLabel: "Twitter",
-        },
         {
           icon: Linkedin,
-          href: "#",
+          href: "#",          ariaLabel: "LinkedIn"},
-          ariaLabel: "LinkedIn",
-        },
         {
           icon: Instagram,
-          href: "#",
+          href: "#",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
       ]}
     />
   </div>

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>
+    </>
+  );
+}

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>
+  );
+}

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;
 }

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>
+    </>
+  );
+}