bender/19c4f1da-e09c-4d13-92b6-a7c3f38010cc
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #2

Open
bender wants to merge 20 commits from version_3 into main
pull from: version_3
merge into: bender:main
Conversation 0 Commits 20 Files Changed 13 +853 -231
13 changed files with 853 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/app/about-us/page.tsx Normal file
View File

@@ -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 InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import { Instagram, Linkedin, Twitter } from "lucide-react";
export default function AboutUsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about-us" },
{ name: "Founder Story", id: "/founder-story" },
{ name: "Mission & Vision", id: "/mission-vision" },
{ name: "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="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>
);
}

100
src/app/ai-species-comparison/page.tsx Normal file
View File

@@ -0,0 +1,100 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterCard from '@/components/sections/footer/FooterCard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import { Zap, Gauge, Brain, Shield, Leaf, Skull, Handshake, Home, Star, Twitter, Linkedin, Instagram } from "lucide-react";
export default function AISpeciesComparisonPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "#home"},
{
name: "About", id: "#about"},
{
name: "Features", id: "#features"},
{
name: "Explore", id: "#explore"},
{
name: "AI Species Comparison", id: "/ai-species-comparison"},
{
name: "Metrics", id: "#metrics"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "Partners", id: "#partners"},
{
name: "FAQ", id: "#faq"},
{
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "#hero"}}
/>
</div>
<div id="ai-species-comparison" data-section="ai-species-comparison">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="AI Species Comparison: Battle of the Biomes"
description="Compare the most formidable creatures across key metrics to determine ultimate evolutionary prowess. See how Strength, Speed, Intelligence, and more stack up."
metrics={[
{ id: "strength", icon: Zap, title: "Strength", value: "95%" },
{ id: "speed", icon: Gauge, title: "Speed", value: "88%" },
{ id: "intelligence", icon: Brain, title: "Intelligence", value: "70%" },
{ id: "defense", icon: Shield, title: "Defense", value: "92%" },
{ id: "adaptability", icon: Leaf, title: "Adaptability", value: "80%" },
{ id: "aggression", icon: Skull, title: "Aggression", value: "90%" },
{ id: "survival", icon: Handshake, title: "Survival Skills", value: "85%" },
{ id: "habitat", icon: Home, title: "Habitat Advantage", value: "75%" },
{ id: "overall", icon: Star, title: "Overall Rating", value: "86%" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="LifeAtlas X"
copyrightText="© 2024 LifeAtlas X. All rights reserved."
socialLinks={[
{
icon: Twitter,
href: "#", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "#", ariaLabel: "LinkedIn"},
{
icon: Instagram,
href: "#", ariaLabel: "Instagram"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

43
src/app/articles/page.tsx Normal file
View File

@@ -0,0 +1,43 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function ArticlesPage() {
const commonNavItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Explore", id: "#explore" },
{ name: "Metrics", id: "#metrics" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Partners", id: "#partners" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
{ name: "User Profiles", id: "/user-profiles" },
{ name: "Saved Species", id: "/saved-species" },
{ name: "Favorite Lists", id: "/favorite-lists" },
{ name: "Discussion Forums", id: "/forums" },
{ name: "Expert Articles", id: "/articles" },
{ name: "Wildlife Challenges", id: "/challenges" },
{ name: "Careers", id: "/careers" }
];
return (
<>
<NavbarStyleFullscreen
navItems={commonNavItems}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X Logo"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "/"}}
/>
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
<h1 className="text-5xl font-extrabold mb-8 text-center">Expert Articles</h1>
<p className="text-lg text-center max-w-2xl">Dive deeper into the world of biodiversity with articles written by leading experts and researchers.</p>
</main>
</>
);
}

105
src/app/dinosaur-universe/page.tsx Normal file
View File

@@ -0,0 +1,105 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Twitter, Linkedin, Instagram } from "lucide-react";
export default function DinosaurUniversePage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "/"},
{
name: "About", id: "#about"},
{
name: "Features", id: "#features"},
{
name: "Explore", id: "#explore"},
{
name: "Metrics", id: "#metrics"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "Partners", id: "#partners"},
{
name: "FAQ", id: "#faq"},
{
name: "Contact", id: "#contact"},
{
name: "Dinosaur Universe", id: "/dinosaur-universe"},
{
name: "Deep Sea Creatures", id: "/deep-sea-creatures"},
{
name: "Microorganism World", id: "/microorganism-world"},
{
name: "Endangered Species Hub", id: "/endangered-species-hub"},
{
name: "Biodiversity Center", id: "/biodiversity-center"},
{
name: "Conservation Projects", id: "/conservation-projects"},
{
name: "Rare Species", id: "/rare-and-mysterious-species"},
{
name: "Myth vs Reality", id: "/myth-vs-reality"},
]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X Logo"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "/"}}
/>
</div>
<div id="dinosaur-universe-hero" data-section="dinosaur-universe-hero">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Journey to the Dinosaur Universe"
description="Step back in time to explore the prehistoric world, meet colossal dinosaurs, and uncover ancient ecosystems."
features={[
{
title: "Prehistoric Giants", description: "Encounter accurate 3D models and detailed profiles of iconic dinosaurs like T-Rex, Triceratops, and Brachiosaurus.", imageSrc: "http://img.b2bpic.net/free-photo/stegosaurus-walking-through-forest_488145-2072.jpg", imageAlt: "Stegosaurus walking through a prehistoric forest"},
{
title: "Mesozoic Eras", description: "Explore the Triassic, Jurassic, and Cretaceous periods, understanding the evolution and extinction events.", imageSrc: "http://img.b2bpic.net/free-photo/dinosaur-concept-digital-art_23-2151624683.jpg", imageAlt: "Artistic rendering of a dinosaur in a prehistoric landscape"},
{
title: "Dinosaur Habitats", description: "Visualize the ancient landscapes and climates that supported these magnificent creatures, from lush forests to vast plains.", imageSrc: "http://img.b2bpic.net/free-photo/velociraptor-toy_1203-853.jpg", imageAlt: "Velociraptor toy in a dynamic pose"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="LifeAtlas X"
copyrightText="© 2024 LifeAtlas X. All rights reserved."
socialLinks={[
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

43
src/app/favorite-lists/page.tsx Normal file
View File

@@ -0,0 +1,43 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function FavoriteListsPage() {
const commonNavItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Explore", id: "#explore" },
{ name: "Metrics", id: "#metrics" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Partners", id: "#partners" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
{ name: "User Profiles", id: "/user-profiles" },
{ name: "Saved Species", id: "/saved-species" },
{ name: "Favorite Lists", id: "/favorite-lists" },
{ name: "Discussion Forums", id: "/forums" },
{ name: "Expert Articles", id: "/articles" },
{ name: "Wildlife Challenges", id: "/challenges" },
{ name: "Careers", id: "/careers" }
];
return (
<>
<NavbarStyleFullscreen
navItems={commonNavItems}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X Logo"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "/"}}
/>
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
<h1 className="text-5xl font-extrabold mb-8 text-center">Favorite Lists</h1>
<p className="text-lg text-center max-w-2xl">Curate and share your personalized lists of favorite species and ecosystems.</p>
</main>
</>
);
}

43
src/app/forums/page.tsx Normal file
View File

@@ -0,0 +1,43 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function ForumsPage() {
const commonNavItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Explore", id: "#explore" },
{ name: "Metrics", id: "#metrics" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Partners", id: "#partners" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
{ name: "User Profiles", id: "/user-profiles" },
{ name: "Saved Species", id: "/saved-species" },
{ name: "Favorite Lists", id: "/favorite-lists" },
{ name: "Discussion Forums", id: "/forums" },
{ name: "Expert Articles", id: "/articles" },
{ name: "Wildlife Challenges", id: "/challenges" },
{ name: "Careers", id: "/careers" }
];
return (
<>
<NavbarStyleFullscreen
navItems={commonNavItems}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X Logo"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "/"}}
/>
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
<h1 className="text-5xl font-extrabold mb-8 text-center">Discussion Forums</h1>
<p className="text-lg text-center max-w-2xl">Engage with a vibrant community of biodiversity enthusiasts, ask questions, share insights, and discuss discoveries.</p>
</main>
</>
);
}

81
src/app/founder-story/page.tsx Normal file
View File

@@ -0,0 +1,81 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FooterCard from "@/components/sections/footer/FooterCard";
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import { Instagram, Linkedin, Twitter } from "lucide-react";
export default function FounderStoryPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about-us" },
{ name: "Founder Story", id: "/founder-story" },
{ name: "Mission & Vision", id: "/mission-vision" },
{ name: "Team", id: "/team" },
{ name: "Features", id: "#features" },
{ name: "Explore", id: "#explore" },
{ name: "Metrics", id: "#metrics" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Partners", id: "#partners" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact Us", id: "/contact-us" }
]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "#hero"}}
/>
</div>
<div id="founder-story-content" data-section="founder-story-content">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: 'text', content: "Our Roots: Shriram's Vision: The Genesis of LifeAtlas X" },
{ type: 'text', content: "LifeAtlas X was born from the profound vision of its founder, Shriram. A lifelong biologist and technologist, Shriram recognized the critical need for a platform that could democratize access to scientific knowledge and foster a deeper connection between humanity and the natural world. Frustrated by the fragmented and often inaccessible nature of biodiversity data, he envisioned an immersive, AI-driven digital atlas that could bring every known life form to users' fingertips. Shriram's dedication to blending rigorous science with innovative technology laid the groundwork for LifeAtlas X, transforming his passion for conservation and education into a global tool for discovery and understanding." }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="LifeAtlas X"
copyrightText="© 2024 LifeAtlas X. All rights reserved."
socialLinks={[
{
icon: Twitter,
href: "#", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "#", ariaLabel: "LinkedIn"},
{
icon: Instagram,
href: "#", ariaLabel: "Instagram"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

81
src/app/mission-vision/page.tsx Normal file
View File

@@ -0,0 +1,81 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FooterCard from "@/components/sections/footer/FooterCard";
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import { Instagram, Linkedin, Twitter } from "lucide-react";
export default function MissionVisionPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about-us" },
{ name: "Founder Story", id: "/founder-story" },
{ name: "Mission & Vision", id: "/mission-vision" },
{ name: "Team", id: "/team" },
{ name: "Features", id: "#features" },
{ name: "Explore", id: "#explore" },
{ name: "Metrics", id: "#metrics" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Partners", id: "#partners" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact Us", id: "/contact-us" }
]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "#hero"}}
/>
</div>
<div id="mission-vision-content" data-section="mission-vision-content">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: 'text', content: "Our Purpose: Our Mission & Vision: Shaping the Future of Biodiversity Exploration" },
{ type: 'text', content: "Mission: To empower individuals worldwide with comprehensive, interactive, and accessible knowledge of Earth's biodiversity through advanced AI and immersive digital experiences, fostering a global community dedicated to learning, research, and conservation. Vision: To be the leading platform for global biodiversity exploration, inspiring a new generation of scientists, educators, and environmental stewards to understand, cherish, and protect life on our planet." }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="LifeAtlas X"
copyrightText="© 2024 LifeAtlas X. All rights reserved."
socialLinks={[
{
icon: Twitter,
href: "#", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "#", ariaLabel: "LinkedIn"},
{
icon: Instagram,
href: "#", ariaLabel: "Instagram"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

303
src/app/page.tsx
View File

@@ -34,41 +34,37 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "/"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Explore",
id: "#explore",
},
name: "Explore", id: "#explore"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Partners",
id: "#partners",
},
name: "Partners", id: "#partners"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", 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",
href: "#hero",
}}
text: "Begin Your Exploration", 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+",
label: "Species Explored",
},
value: "10M+", label: "Species Explored"},
{
value: "100+",
label: "Interactive Models",
},
value: "100+", label: "Interactive Models"},
{
value: "200+",
label: "Ecosystems Analyzed",
},
value: "200+", label: "Ecosystems Analyzed"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Begin Your Exploration",
href: "#explore",
},
text: "Begin Your Exploration", 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",
alt: "Student profile picture",
},
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"},
{
src: "http://img.b2bpic.net/free-photo/front-view-female-scientist-with-safety-glasses-holding-test-tube_23-2148799315.jpg",
alt: "Educator profile picture",
},
src: "http://img.b2bpic.net/free-photo/front-view-female-scientist-with-safety-glasses-holding-test-tube_23-2148799315.jpg", 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",
alt: "Researcher 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", alt: "Researcher profile picture"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-wearing-hat-park_23-2148203063.jpg",
alt: "Wildlife professional profile picture",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-wearing-hat-park_23-2148203063.jpg", alt: "Wildlife professional profile picture"},
{
src: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200207.jpg",
alt: "Young man learning in a virtual classroom",
},
src: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200207.jpg", 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",
text: "AI-Powered Discovery",
icon: Lightbulb,
type: "text-icon", text: "AI-Powered Discovery", icon: Lightbulb,
},
{
type: "text-icon",
text: "Real-time Data",
icon: Loader,
type: "text-icon", text: "Real-time Data", icon: Loader,
},
{
type: "text-icon",
text: "3D Immersion",
icon: Box,
type: "text-icon", text: "3D Immersion", icon: Box,
},
{
type: "text-icon",
text: "Global Community",
icon: Users,
type: "text-icon", text: "Global Community", icon: Users,
},
{
type: "text-icon",
text: "Uncharted Ecosystems",
icon: Globe,
type: "text-icon", 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+",
title: "High-Res 3D Models",
},
value: "250K+", title: "High-Res 3D Models"},
{
value: "50+",
title: "Interactive Ecosystems",
},
value: "50+", title: "Interactive Ecosystems"},
{
value: "100K+",
title: "Research Papers Indexed",
},
value: "100K+", 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",
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: "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"},
{
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",
},
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"},
{
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",
},
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"},
]}
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",
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: "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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
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",
value: "500K+",
description: "Active Users: Engaged learners and researchers worldwide.",
},
id: "users", value: "500K+", description: "Active Users: Engaged learners and researchers worldwide."},
{
id: "data",
value: "100M+",
description: "Data Points: Constantly updated biodiversity records.",
},
id: "data", value: "100M+", description: "Data Points: Constantly updated biodiversity records."},
{
id: "satisfaction",
value: "98%",
description: "User Satisfaction: Loved by students, educators, and scientists.",
},
id: "satisfaction", 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",
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,
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: "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,
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",
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,
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: "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,
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",
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,
imageSrc: "http://img.b2bpic.net/free-photo/woman-black-apron-working-greenhouse_1157-30878.jpg",
imageAlt: "Emily Rodriguez",
},
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,
imageSrc: "http://img.b2bpic.net/free-photo/woman-black-apron-working-greenhouse_1157-30878.jpg", imageAlt: "Emily Rodriguez"},
{
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,
imageSrc: "http://img.b2bpic.net/free-photo/senior-women-spending-time-together-cafe-talking-working_23-2149260275.jpg",
imageAlt: "Michael Brown",
},
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,
imageSrc: "http://img.b2bpic.net/free-photo/senior-women-spending-time-together-cafe-talking-working_23-2149260275.jpg", imageAlt: "Michael Brown"},
{
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,
imageSrc: "http://img.b2bpic.net/free-photo/male-researcher-with-tablet-biotechnology-laboratory_23-2148776151.jpg",
imageAlt: "Dr. Anya Sharma",
},
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,
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",
"Global Wildlife Fund",
"EcoResearch University",
"Oceanic Conservancy",
"PaleoTech Labs",
"Botanical Gardens Foundation",
"Environmental Data Alliance",
]}
"Biodiversity Institute", "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",
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: "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."},
{
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.",
},
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."},
{
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.",
},
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="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",
href: "#",
},
text: "Start Free Trial", href: "#"},
{
text: "Contact Sales",
href: "#",
},
text: "Contact Sales", href: "#"},
]}
/>
</div>
@@ -444,19 +295,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
]}
/>
</div>

43
src/app/saved-species/page.tsx Normal file
View File

@@ -0,0 +1,43 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function SavedSpeciesPage() {
const commonNavItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Explore", id: "#explore" },
{ name: "Metrics", id: "#metrics" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Partners", id: "#partners" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
{ name: "User Profiles", id: "/user-profiles" },
{ name: "Saved Species", id: "/saved-species" },
{ name: "Favorite Lists", id: "/favorite-lists" },
{ name: "Discussion Forums", id: "/forums" },
{ name: "Expert Articles", id: "/articles" },
{ name: "Wildlife Challenges", id: "/challenges" },
{ name: "Careers", id: "/careers" }
];
return (
<>
<NavbarStyleFullscreen
navItems={commonNavItems}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X Logo"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "/"}}
/>
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
<h1 className="text-5xl font-extrabold mb-8 text-center">Saved Species</h1>
<p className="text-lg text-center max-w-2xl">Access your personal collection of saved species for quick reference and continued exploration.</p>
</main>
</>
);
}

108
src/app/species/[slug]/page.tsx Normal file
View File

@@ -0,0 +1,108 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterCard from '@/components/sections/footer/FooterCard';
import LegalSection from '@/components/legal/LegalSection';
import { Twitter, Linkedin, Instagram } from "lucide-react";
export default function SpeciesSlugPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about-us" },
{ name: "Features", id: "#features" },
{ name: "Explore", id: "#explore" },
{ name: "AI Species Comparison", id: "/ai-species-comparison" },
{ name: "Metrics", id: "#metrics" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Partners", id: "#partners" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "/contact-us" },
];
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "#hero"
}}
/>
</div>
<div id="species-details" data-section="species-details">
<LegalSection
layout="page"
title="Species Details: The Majestic Dragon"
subtitle="In-depth analysis of the Draco Volans species."
sections={[
{
heading: "Taxonomy and Classification", content: [
{ type: "paragraph", text: "The Draco Volans, commonly known as the Flying Dragon, belongs to the Agamidae family. Its scientific classification is as follows: Kingdom: Animalia, Phylum: Chordata, Class: Reptilia, Order: Squamata, Family: Agamidae, Genus: Draco, Species: D. volans." },
{ type: "list", items: [
"Kingdom: Animalia", "Phylum: Chordata", "Class: Reptilia", "Order: Squamata", "Family: Agamidae", "Genus: Draco", "Species: D. volans"
]}
],
},
{
heading: "Habitat and Distribution", content: [
{ type: "paragraph", text: "Draco Volans is native to Southeast Asia, particularly found in tropical rainforests of Indonesia, Malaysia, Thailand, and the Philippines. They are arboreal, spending most of their lives in trees." },
{ type: "list", items: [
"Tropical rainforests", "Indonesia", "Malaysia", "Thailand", "Philippines"
]}
],
},
{
heading: "Physical Characteristics", content: [
{ type: "paragraph", text: "These small lizards are distinguished by their extendable patagia, skin flaps supported by elongated ribs that allow them to glide between trees. They typically measure around 20 cm in length, including their long tails. Males often display a vibrant gular flap, used for courtship and territorial displays." },
{ type: "numbered-list", items: [
"Extendable patagia for gliding", "Length: ~20 cm", "Vibrant gular flap in males", "Arboreal adaptations"
]}
],
},
{
heading: "Diet and Behavior", content: [
{ type: "paragraph", text: "Their diet primarily consists of insects, such as ants and termites, which they catch on tree trunks. Draco Volans are diurnal, active during the day, and use their gliding ability to escape predators and move between feeding grounds." },
{ type: "list", items: [
"Primary diet: Insects (ants, termites)", "Diurnal activity pattern", "Gliding for predation escape and movement"
]}
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="LifeAtlas X"
copyrightText="© 2024 LifeAtlas X. All rights reserved."
socialLinks={[
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

4
src/app/styles/base.css
View File

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

43
src/app/user-profiles/page.tsx Normal file
View File

@@ -0,0 +1,43 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function UserProfilesPage() {
const commonNavItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Explore", id: "#explore" },
{ name: "Metrics", id: "#metrics" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Partners", id: "#partners" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
{ name: "User Profiles", id: "/user-profiles" },
{ name: "Saved Species", id: "/saved-species" },
{ name: "Favorite Lists", id: "/favorite-lists" },
{ name: "Discussion Forums", id: "/forums" },
{ name: "Expert Articles", id: "/articles" },
{ name: "Wildlife Challenges", id: "/challenges" },
{ name: "Careers", id: "/careers" }
];
return (
<>
<NavbarStyleFullscreen
navItems={commonNavItems}
logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
logoAlt="LifeAtlas X Logo"
brandName="LifeAtlas X"
bottomLeftText="Global Community"
bottomRightText="explore@lifeatlasx.com"
button={{
text: "Begin Your Exploration", href: "/"}}
/>
<main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
<h1 className="text-5xl font-extrabold mb-8 text-center">User Profiles</h1>
<p className="text-lg text-center max-w-2xl">Manage your profile, track your contributions, and connect with other explorers in the LifeAtlas X community.</p>
</main>
</>
);
}