app/page.js

import './style.css'

export default function Home() {
  return (
    <main className="container mx-auto px-4 py-12 max-w-6xl bg-opacity-90 bg-slate-900 rounded-xl shadow-2xl">
      {/* Hero Section */}
      <section className="text-center py-20">
        <h1 className="text-5xl font-bold mb-6">Transform Your Business with <span className="text-teal-400">AI Automation</span></h1>
        <p className="text-xl mb-8 max-w-2xl mx-auto">Quebec's trusted partner for intelligent workflow automation. Prove the ROI before you commit.</p>
        <button className="bg-teal-400 hover:bg-teal-300 text-slate-900 font-bold py-3 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105 shadow-lg">
          Get Your Free Pilot
        </button>
      </section>

      {/* Rest of your existing index.html content goes here */}
      {/* ... */}

      {/* Final CTA */}
      <section className="text-center py-20">
        <h2 className="text-4xl font-bold mb-6">Ready to Transform Your Business?</h2>
        <p className="text-xl mb-8 max-w-2xl mx-auto">Let's start with a free pilot to prove the value before you commit.</p>
        <button className="bg-teal-400 hover:bg-teal-300 text-slate-900 font-bold py-3 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105 shadow-lg">
          Get Your Free Pilot
        </button>
      </section>
    </main>
  )
}