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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 14:42:24 +00:00
parent b936753a7c
commit 6a29f0d212
1 changed files with 74 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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>