import React from 'react';
import Header from './components/Header';
import Hero from './components/Hero';
import Carousel from './components/Carousel';
import { modules } from './data/modules';

function App() {
  return (
    <div
      className="min-h-screen bg-gray-50"
      style={{
        backgroundImage: 'url(/images/grcas.png)',
        backgroundRepeat: 'repeat',
        backgroundSize: 'auto',
        backgroundAttachment: 'fixed'
      }}
    >
      <Header />
      <main>
        <Hero />
        <Carousel items={modules} />
      </main>
      <footer className="w-full h-8 bg-banorte-red mt-auto"></footer>
    </div>
  );
}

export default App;
