import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { storyblokInit, apiPlugin } from '@storyblok/react';
import App from './App.tsx';
import { Header } from './components/Header';
import { HeroSection } from './components/HeroSection';
import { ServicesSection } from './components/ServicesSection';
import { NewsSection } from './components/NewsSection';
import { GovernmentSection } from './components/GovernmentSection';
import { Footer } from './components/Footer';
import { ServiceModal } from './components/ServiceModal';
import './style.css';
import './script.ts';

// Initialize Storyblok with all registered editable components
storyblokInit({
  accessToken: 'demo-storyblok-token',
  use: [apiPlugin],
  components: {
    header: Header,
    hero: HeroSection,
    services: ServicesSection,
    news: NewsSection,
    government: GovernmentSection,
    footer: Footer,
    serviceModal: ServiceModal,
  },
});

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <App />
  </StrictMode>,
);