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;