-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
85 changed files
with
431 additions
and
550 deletions.
There are no files selected for viewing
File renamed without changes.
File renamed without changes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,195 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | ||
| <title>Prior Labs - Foundation Models for Tabular Data</title> | ||
| <script src="https://cdn.tailwindcss.com"></script> | ||
| <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap" rel="stylesheet"> | ||
| <style> | ||
| body { | ||
| font-family: 'Source Sans Pro', sans-serif; | ||
| } | ||
|
|
||
| h1, h2, h3, h4, h5, h6 { | ||
| font-family: 'Space Grotesk', sans-serif; | ||
| } | ||
|
|
||
| @keyframes hoverEffect { | ||
| 0% { transform: scale(1) rotate(0deg); } | ||
| 50% { transform: scale(1.1) rotate(2deg); } | ||
| 100% { transform: scale(1.1) rotate(0deg); } | ||
| } | ||
|
|
||
| @keyframes floatAnimation { | ||
| 0% { transform: translateY(0); } | ||
| 50% { transform: translateY(-10px); } | ||
| 100% { transform: translateY(0); } | ||
| } | ||
|
|
||
| .pixel { | ||
| width: 20px; | ||
| height: 20px; | ||
| background-color: #0f172a; | ||
| opacity: 0.3; | ||
| cursor: pointer; | ||
| transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); | ||
| } | ||
|
|
||
| .pixel:hover { | ||
| background-color: #3b82f6; | ||
| opacity: 0.8; | ||
| animation: hoverEffect 0.6s cubic-bezier(0.4, 0, 0.2, 1); | ||
| } | ||
|
|
||
| .fade-in { | ||
| opacity: 0; | ||
| transform: translateY(30px); | ||
| transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1); | ||
| } | ||
|
|
||
| .fade-in.visible { | ||
| opacity: 1; | ||
| transform: translateY(0); | ||
| } | ||
|
|
||
| .gradient-text { | ||
| background: linear-gradient(135deg, #FFF, #DDD); | ||
| -webkit-background-clip: text; | ||
| -webkit-text-fill-color: transparent; | ||
| } | ||
|
|
||
| .card-hover { | ||
| transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); | ||
| animation: floatAnimation 6s ease-in-out infinite; | ||
| } | ||
|
|
||
| .card-hover:hover { | ||
| transform: translateY(-10px) scale(1.02); | ||
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | ||
| } | ||
| </style> | ||
| </head> | ||
| <body class="font-sans bg-slate-900"> | ||
| <!-- Hero Section --> | ||
| <section id="hero" class="relative text-white min-h-screen flex items-center justify-center bg-gradient-to-r from-slate-900 via-blue-900 to-slate-900"> | ||
| <div id="pixelGrid" class="absolute inset-0 grid grid-cols-[repeat(auto-fill,20px)] gap-1 opacity-30"></div> | ||
|
|
||
| <div class="relative z-10 text-center px-4 max-w-4xl mx-auto"> | ||
| <h1 class="text-6xl font-bold mb-8 leading-tight tracking-tight"> | ||
| The next generation </br> | ||
| of Data Science | ||
| </h1> | ||
| <p class="text-2xl mb-12 text-blue-100 font-light"> | ||
| Building foundation models that understand tabular data — bringing next-generation AI capabilities to the world's most valuable data format | ||
| </p> | ||
| <div class="flex justify-center gap-6"> | ||
| <a href="https://priorlabs.ai/docs/" class="bg-blue-500 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-400 transition-all duration-300 transform hover:scale-105"> | ||
| Try Our API | ||
| </a> | ||
| <a href="https://www.nature.com/articles/s41586-024-08328-6" class="border-2 border-blue-400 px-8 py-3 rounded-lg font-semibold hover:bg-blue-400/10 transition-all duration-300 transform hover:scale-105"> | ||
| Read in Nature | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Evolution Section --> | ||
| <section id="evolution" class="py-32 bg-slate-800 fade-in"> | ||
| <div class="max-w-5xl mx-auto px-4"> | ||
| <div class="text-center mb-16"> | ||
| <h2 class="text-4xl font-bold mb-6 gradient-text"> | ||
| AI Has Already Transformed Text and Images.<br/> | ||
| Now It's Time for Tables. | ||
| </h2> | ||
| <p class="text-xl text-slate-300 max-w-3xl mx-auto"> | ||
| Foundation models revolutionized how we work with text and images. | ||
| Yet the format containing our most valuable data — tables — has been left behind. | ||
| </p> | ||
| </div> | ||
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | ||
| <div class="bg-slate-700/50 p-8 rounded-xl card-hover backdrop-blur-sm"> | ||
| <h3 class="text-2xl font-semibold mb-4 text-white">Text</h3> | ||
| <p class="text-slate-300">ChatGPT, Claude, and others transformed text interaction</p> | ||
| </div> | ||
| <div class="bg-slate-700/50 p-8 rounded-xl card-hover backdrop-blur-sm"> | ||
| <h3 class="text-2xl font-semibold mb-4 text-white">Images</h3> | ||
| <p class="text-slate-300">Midjourney, DALL·E and Stability revolutionized image creation</p> | ||
| </div> | ||
| <div class="bg-blue-900/50 p-8 rounded-xl card-hover backdrop-blur-sm border-2 border-blue-400/30"> | ||
| <h3 class="text-2xl font-semibold mb-4 text-blue-200">Tables</h3> | ||
| <p class="text-slate-300">Prior Labs brings the same revolution to tabular data</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Impact Section --> | ||
| <section id="impact" class="py-48 fade-in relative text-white"> | ||
| <div class="absolute inset-0 bg-gradient-to-r from-slate-900 via-blue-900 to-slate-900 opacity-95"></div> | ||
| <div class="relative z-10 max-w-5xl mx-auto px-4"> | ||
| <div class="text-left mb-16"> | ||
| <h2 class="text-4xl font-bold mb-6"> | ||
| The questions we ask of the data in our databases and spreadsheets are limited by the capabilities we have to analyze them. </br> | ||
| </br> | ||
| What questions would we ask if AI had an intuitive understanding of these tables? | ||
| </h2> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Call to Action --> | ||
| <section id="cta" class="py-32 bg-slate-800 fade-in"> | ||
| <div class="max-w-5xl mx-auto px-4 text-center"> | ||
| <h2 class="text-4xl font-bold mb-8 gradient-text"> | ||
| Join Us in Transforming Data Science | ||
| </h2> | ||
| <p class="text-xl text-slate-300 max-w-3xl mx-auto mb-12"> | ||
| Our goal is to help people make better decisions by changing how we interact with tabular data. We're laying the foundation for a future where our data reveals its full story, helping breakthroughs across healthcare, science, and business. Help us shape the future of data analysis. | ||
| </p> | ||
| <div class="flex justify-center gap-6"> | ||
| <a href="https://priorlabs.ai/docs/" class="bg-blue-500 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-400 transition-all duration-300 transform hover:scale-105"> | ||
| Get Started | ||
| </a> | ||
| <a href="https://priorlabs.notion.site/Prior-Labs-Join-us-14b5be1f3b4980f68281c7eae947f91c" class="border-2 border-blue-400 text-blue-200 px-8 py-3 rounded-lg font-semibold hover:bg-blue-400/10 transition-all duration-300 transform hover:scale-105"> | ||
| Join Our Team | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <script> | ||
| // Create pixel grid | ||
| const pixelGrid = document.getElementById('pixelGrid'); | ||
| const cols = Math.ceil(window.innerWidth / 20); | ||
| const rows = Math.ceil(window.innerHeight / 20); | ||
|
|
||
| for (let i = 0; i < rows * cols; i++) { | ||
| const pixel = document.createElement('div'); | ||
| pixel.className = 'pixel'; | ||
| pixel.style.animationDelay = `${Math.random() * 2}s`; | ||
| pixelGrid.appendChild(pixel); | ||
| } | ||
|
|
||
| // Enhanced Intersection Observer for fade-in effects | ||
| const fadeInElements = document.querySelectorAll('.fade-in'); | ||
| const observer = new IntersectionObserver( | ||
| entries => { | ||
| entries.forEach(entry => { | ||
| if (entry.isIntersecting) { | ||
| entry.target.classList.add('visible'); | ||
| // Remove observer after animation | ||
| observer.unobserve(entry.target); | ||
| } | ||
| }); | ||
| }, | ||
| { | ||
| threshold: 0.1, | ||
| rootMargin: '50px' | ||
| } | ||
| ); | ||
|
|
||
| fadeInElements.forEach(el => observer.observe(el)); | ||
| </script> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.