Homepage V1

src/pages/about/main.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import Header from '../../components/Header'
+import About from '../../components/About'
+import Footer from '../../components/Footer'
+import '../../style.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Header />
+    <main>
+      <About />
+    </main>
+    <Footer />
+  </React.StrictMode>,
+)

src/pages/beratung/main.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import ProductPage from '../../components/ProductPage'
+import '../../style.css'
+import { getLanguage, translations } from '../../i18n'
+
+const Page = () => {
+  const lang = getLanguage();
+  const t = translations[lang].products.consulting;
+  
+  return (
+    <ProductPage 
+      title={t.title} 
+      description={t.text} 
+      icon="engineering" 
+    />
+  );
+};
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Page />
+  </React.StrictMode>,
+)

src/pages/boss4j/main.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import ProductPage from '../../components/ProductPage'
+import '../../style.css'
+import { getLanguage, translations } from '../../i18n'
+
+const Page = () => {
+  const lang = getLanguage();
+  const t = translations[lang].products.boss4j;
+  
+  return (
+    <ProductPage 
+      title={t.title} 
+      description={t.text} 
+      icon="layers" 
+      trademark={t.trademark} 
+    />
+  );
+};
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Page />
+  </React.StrictMode>,
+)

src/pages/contact/main.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import Header from '../../components/Header'
+import Contact from '../../components/Contact'
+import Footer from '../../components/Footer'
+import '../../style.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Header />
+    <main>
+      <Contact />
+    </main>
+    <Footer />
+  </React.StrictMode>,
+)

src/pages/datenschutz/main.tsx

@@ -0,0 +1,40 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import Header from '../../components/Header'
+import Footer from '../../components/Footer'
+import '../../style.css'
+import { getLanguage, translations } from '../../i18n'
+
+const Datenschutz = () => {
+  const lang = getLanguage();
+  const t = translations[lang].privacy;
+  const imp = translations[lang].impressum;
+  
+  return (
+    <main className="section container legal-page">
+      <h2>{t.title}</h2>
+      <p>{t.intro}</p>
+      
+      <h3>{t.contact.title}</h3>
+      <p>{t.contact.text}</p>
+
+      <h3>{t.rights.title}</h3>
+      <p>{t.rights.text}</p>
+
+      <h3>{t.controller.title}</h3>
+      <p>
+        Euastra GmbH<br />
+        {imp.address.street}<br />
+        {imp.address.city}
+      </p>
+    </main>
+  );
+};
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Header />
+    <Datenschutz />
+    <Footer />
+  </React.StrictMode>,
+)

src/pages/home/main.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import Header from '../../components/Header'
+import Hero from '../../components/Hero'
+import Footer from '../../components/Footer'
+import '../../style.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Header />
+    <main>
+      <Hero />
+    </main>
+    <Footer />
+  </React.StrictMode>,
+)

src/pages/impressum/main.tsx

@@ -0,0 +1,45 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import Header from '../../components/Header'
+import Footer from '../../components/Footer'
+import '../../style.css'
+import { getLanguage, translations } from '../../i18n'
+
+const Impressum = () => {
+  const lang = getLanguage();
+  const t = translations[lang].impressum;
+  
+  return (
+    <main className="section container legal-page">
+      <h2>{t.title}</h2>
+      <p>{t.disclosure}</p>
+      <p>
+        <strong>Euastra GmbH</strong><br />
+        {t.address.street}<br />
+        {t.address.city}
+      </p>
+      <p>
+        <strong>{t.purpose.label}</strong> <br></br>{t.purpose.value}<br />
+        <strong>{t.registry.label}</strong> {t.registry.value}<br />
+        <strong>{t.court.label}</strong> {t.court.value}<br />
+        <strong>{t.uid.label}</strong> {t.uid.value}
+      </p>
+      <p>
+        <strong>{t.contact.label}</strong><br />
+        E-Mail: {t.contact.email}<br />
+        Telefon: {t.contact.phone}
+      </p>
+      <p>
+        <strong>{t.managingDirector.label}</strong> {t.managingDirector.name}
+      </p>
+    </main>
+  );
+};
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Header />
+    <Impressum />
+    <Footer />
+  </React.StrictMode>,
+)

src/pages/products/main.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import Header from '../../components/Header'
+import Products from '../../components/Products'
+import Footer from '../../components/Footer'
+import '../../style.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Header />
+    <main>
+      <Products />
+    </main>
+    <Footer />
+  </React.StrictMode>,
+)

src/pages/zertifikatsverwaltung/main.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import ProductPage from '../../components/ProductPage'
+import '../../style.css'
+import { getLanguage, translations } from '../../i18n'
+
+const Page = () => {
+  const lang = getLanguage();
+  const t = translations[lang].products.cert;
+  
+  return (
+    <ProductPage 
+      title={t.title} 
+      description={t.text} 
+      icon="verified_user" 
+    />
+  );
+};
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Page />
+  </React.StrictMode>,
+)