QUEMSOMOS

function createApp() {
  const app = document.createElement('div');
  app.className = 'app';
  
  const header = document.createElement('header');
  header.className = 'app-header';
  
  const title = document.createElement('h1');
  title.textContent = 'ZT Company';
  
  const main = document.createElement('main');
  main.className = 'app-main';
  
  // Adiciona componentes
  const components = [
    createHero(),
    createFeatures(),
    createTestimonials(),
    createContact()
  ];
  
  components.forEach(component => {
    main.appendChild(component);
  });
  
  header.appendChild(title);
  app.appendChild(header);
  app.appendChild(main);
  
  return app;
}

// Renderiza a aplicação
const root = document.getElementById('root');
root.appendChild(createApp());

// Adiciona eventos
document.querySelectorAll('.button').forEach(button => {
  button.addEventListener('click', handleClick);
});

function handleClick(event) {
  console.log('Button clicked:', event.target);
  // Lógica de navegação
  const section = event.target.dataset.section;
  navigateTo(section);
}

function navigateTo(section) {
  const element = document.getElementById(section);
  if (element) {
    element.scrollIntoView({ behavior: 'smooth' });
  }
}