Neo-Futuristic Design: The Aesthetics of Tomorrow

import React from 'react';

const App = () => {
  return (
    <div className="bg-silver-900 min-h-screen font-sans">
      <header className="text-center py-12">
        <h1 className="text-6xl font-bold text-titanium-white">Neo-Futuristic Design</h1>
        <p className="text-chrome-yellow mt-4">Exploring the boundaries of modern technology and design</p>
      </header>

      <main className="container mx-auto px-4">
        <section className="bg-brushed-metal p-8 rounded-3xl my-8">
          <h2 className="text-4xl text-titanium-white mb-6">Feature Section</h2>
          <p className="text-silver-500">Experience the future with our cutting-edge features.</p>
        </section>

        <section className="grid grid-cols-1 md:grid-cols-3 gap-8 my-8">
          <div className="bg-carbon-fiber p-6 rounded-3xl">
            <h3 className="text-xl text-titanium-white mb-4">Streamlined Curves</h3>
            <p className="text-silver-500">Organic shapes that inspire innovation.</p>
          </div>
          <div className="bg-frosted-glass p-6 rounded-3xl">
            <h3 className="text-xl text-titanium-white mb-4">Parametric Patterns</h3>
            <p className="text-silver-500">Generate dynamic and complex designs effortlessly.</p>
          </div>
          <div className="bg-brushed-metal p-6 rounded-3xl">
            <h3 className="text-xl text-titanium-white mb-4">Dynamic Typography</h3>
            <p className="text-silver-500">Fluid fonts that enhance the user experience.</p>
          </div>
        </section>

        <section className="bg-titanium-white text-silver-900 p-12 rounded-3xl my-8">
          <h2 className="text-5xl font-bold mb-8">Our Vision</h2>
          <p className="text-xl leading-relaxed">We aim to create digital experiences that are not only functional but also aesthetically groundbreaking, drawing inspiration from the futuristic visions of today's leading innovators.</p>
        </section>
      </main>

      <footer className="text-center py-8">
        <p className="text-silver-500">&copy; 2025 Neo-Futuristic Design. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;