32 lines
1.2 KiB
JavaScript
32 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import Footer from './Footer.jsx';
|
|
function Home() {
|
|
return (
|
|
<div className="min-h-screen bg-background flex flex-col">
|
|
<main className="flex-grow flex flex-col items-center justify-center text-center p-4 pt-24">
|
|
<div className="relative w-full max-w-4xl mx-auto mb-8 overflow-hidden rounded-lg shadow-lg">
|
|
<video
|
|
src="https://5omqe7wpghgv44jg.public.blob.vercel-storage.com/assets/galaxy-full-bleed-Unq4IRYlPB88MNh37YNNMn4QZo18m4.mp4"
|
|
poster="https://cdn.sanity.io/images/jpb4ed5r/production/daef88d9c5c6dad2c2ad1198ec7ec35559e4251c-1920x1080.png"
|
|
aria-label="Looping video of Tenstorrent Galaxy Server rotating on gray background (no audio)"
|
|
className="w-full h-auto object-cover"
|
|
playsInline
|
|
autoPlay
|
|
muted
|
|
loop
|
|
preload="metadata"
|
|
></video>
|
|
</div>
|
|
<h1 className="text-4xl md:text-5xl font-bold text-foreground mb-4">
|
|
The Future of Data Centers.
|
|
</h1>
|
|
<p className="text-xl text-muted-foreground max-w-2xl">
|
|
Faster. Greener. Safer.
|
|
</p>
|
|
</main>
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Home; |