diff --git a/package.json b/package.json index ec43cdd..e3f824d 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,6 @@ }, "dependencies": { "@calcom/embed-react": "^1.5.3", - "@fontsource-variable/nunito-sans": "^5.3.0", "@fontsource-variable/public-sans": "^5.3.0", "@openpanel/web": "^1.4.1", "@tailwindcss/vite": "^4.1.18", diff --git a/public/fonts/AlegreyaSC-Bold.woff2 b/public/fonts/AlegreyaSC-Bold.woff2 deleted file mode 100644 index 1aaa016..0000000 Binary files a/public/fonts/AlegreyaSC-Bold.woff2 and /dev/null differ diff --git a/public/fonts/SourceCodePro-VariableFont_wght.woff2 b/public/fonts/SourceCodePro-VariableFont_wght.woff2 deleted file mode 100644 index 3332748..0000000 Binary files a/public/fonts/SourceCodePro-VariableFont_wght.woff2 and /dev/null differ diff --git a/public/fonts/SourceSerif4-VariableFont_opsz,wght.woff2 b/public/fonts/SourceSerif4-VariableFont_opsz,wght.woff2 deleted file mode 100644 index 7121e97..0000000 Binary files a/public/fonts/SourceSerif4-VariableFont_opsz,wght.woff2 and /dev/null differ diff --git a/public/img/desk-clean-dark.webp b/public/img/desk-clean-dark.webp deleted file mode 100644 index 7c9c824..0000000 Binary files a/public/img/desk-clean-dark.webp and /dev/null differ diff --git a/public/img/desk-light.webp b/public/img/desk-light.webp deleted file mode 100644 index bf2ed7d..0000000 Binary files a/public/img/desk-light.webp and /dev/null differ diff --git a/public/img/desk-red-orange.webp b/public/img/desk-red-orange.webp deleted file mode 100644 index fce0396..0000000 Binary files a/public/img/desk-red-orange.webp and /dev/null differ diff --git a/public/img/wood-desk-clean-dark.webp b/public/img/wood-desk-clean-dark.webp deleted file mode 100644 index f967a30..0000000 Binary files a/public/img/wood-desk-clean-dark.webp and /dev/null differ diff --git a/src/components/app-shell.tsx b/src/components/app-shell.tsx index aac21a1..250fa55 100644 --- a/src/components/app-shell.tsx +++ b/src/components/app-shell.tsx @@ -38,7 +38,7 @@ export function AppShell({ session, nav, children }: AppShellProps) {

- Du bist als {session.user.name} ({session.user.email}) eingeloggt. + Sie sind als {session.user.name} ({session.user.email}) eingeloggt.

diff --git a/src/components/process.tsx b/src/components/process.tsx index 8812fa2..0c6344e 100644 --- a/src/components/process.tsx +++ b/src/components/process.tsx @@ -14,12 +14,12 @@ const steps = [ { icon: Wrench, title: "Umsetzung", - text: "Ich baue Ihre Seite. Zwischenstände zeige ich Ihnen regelmäßig, Anpassungen sind normaler Teil des Prozesses.", + text: "Wir bauen Ihre Seite. Zwischenstände zeigen wir Ihnen regelmäßig, Anpassungen sind normaler Teil des Prozesses.", }, { icon: Rocket, title: "Übergabe", - text: "Sie bekommen Ihre neue Webseite, wir helfen Ihnen mit Ihrem Hosting-Anbieter oder betreuen Sie in einem unserer Betreuung und Hosting-Tarif.", + text: "Sie bekommen Ihre neue Webseite. Auf Wunsch übernehmen wir den Betrieb in einem unserer Betreuungs- und Hosting-Tarife oder helfen bei der Übergabe an Ihren Hosting-Anbieter.", }, ]; @@ -27,7 +27,7 @@ export const Process = () => { return (
- So arbeite ich + So arbeiten wir

In vier Schritten zur neuen Webseite

diff --git a/src/components/services.tsx b/src/components/services.tsx index f3c7473..632d928 100644 --- a/src/components/services.tsx +++ b/src/components/services.tsx @@ -30,7 +30,7 @@ export const Services = () => { Finden Sie sich wieder?

- Meine Kunden verbindet eines: Sie sind Meister ihres Fachs - + Unsere Kunden verbindet eines: Sie sind Meister ihres Fachs - und wollen sich nicht mit ihrer Webseite herumärgern.

diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx index 7f014b7..d87dfcf 100644 --- a/src/routes/__root.tsx +++ b/src/routes/__root.tsx @@ -79,20 +79,22 @@ export const Route = createRootRouteWithContext()({ content: 'Handgemachte Webseiten – blitzschnell, sicher und individuell.', }, - { property: 'og:image', content: 'https://webkulisse.de/img/og-cover.png' }, - { property: 'og:image:width', content: '1200' }, - { property: 'og:image:height', content: '630' }, - { property: 'og:image:alt', content: 'webkulisse – Webdesign für Handwerk, Praxis & Therapie' }, + // Übergangslösung: Logo als Preview-Bild. Wird ersetzt, sobald ein + // dediziertes 1200×630-Cover vorliegt (og:image:width/height dann anpassen). + { property: 'og:image', content: 'https://webkulisse.de/img/logo.png' }, + { property: 'og:image:width', content: '690' }, + { property: 'og:image:height', content: '520' }, + { property: 'og:image:alt', content: 'webkulisse – Logo' }, { property: 'og:url', content: 'https://webkulisse.de/' }, // Twitter/X Card - { name: 'twitter:card', content: 'summary_large_image' }, + { name: 'twitter:card', content: 'summary' }, { name: 'twitter:title', content: 'webkulisse' }, { name: 'twitter:description', content: 'Handgemachte Webseiten – blitzschnell, sicher und individuell.', }, - { name: 'twitter:image', content: 'https://webkulisse.de/img/og-cover.png' }, + { name: 'twitter:image', content: 'https://webkulisse.de/img/logo.png' }, ], links: [ { rel: 'stylesheet', href: appCss }, diff --git a/src/routes/index.tsx b/src/routes/index.tsx index a2f55c7..d834a34 100644 --- a/src/routes/index.tsx +++ b/src/routes/index.tsx @@ -16,7 +16,7 @@ const structuredData = { 'Handgemachte Webseiten für Handwerk, Praxis und Therapie in Bayern – schnell, sicher und persönlich betreut.', url: 'https://webkulisse.de/', logo: 'https://webkulisse.de/img/logo.png', - image: 'https://webkulisse.de/img/og-cover.png', + image: 'https://webkulisse.de/img/logo.png', telephone: '+49 171 8084830', email: 'info@webkulisse.de', priceRange: '€€', diff --git a/src/routes/login.tsx b/src/routes/login.tsx index 374d2f0..334b4da 100644 --- a/src/routes/login.tsx +++ b/src/routes/login.tsx @@ -41,9 +41,9 @@ function LoginPage() { if (code === 'INVALID_EMAIL_OR_PASSWORD') { setError('E-Mail oder Passwort ist falsch.') } else if (code === 'INVALID_EMAIL') { - setError('Bitte eine gueltige E-Mail-Adresse eingeben.') + setError('Bitte geben Sie eine gültige E-Mail-Adresse ein.') } else if (code === 'USER_BANNED') { - setError('Dieser Zugang ist gesperrt. Bitte kontaktiere uns.') + setError('Dieser Zugang ist gesperrt. Bitte kontaktieren Sie uns.') } else { setError(res.error.message ?? 'Anmeldung fehlgeschlagen.') } @@ -70,7 +70,7 @@ function LoginPage() { Kundenlogin

- Melde dich mit deinen Zugangsdaten an. + Melden Sie sich mit Ihren Zugangsdaten an.

@@ -120,7 +120,7 @@ function LoginPage() {

- Kein Konto? Neue Zugaenge legt dein Ansprechpartner bei webkulisse an. + Kein Konto? Neue Zugänge legt Ihr Ansprechpartner bei webkulisse an.

diff --git a/src/styles.css b/src/styles.css index 8c75c45..52f0dc5 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1,7 +1,6 @@ @import 'tailwindcss'; @import 'tw-animate-css'; @import "shadcn/tailwind.css"; -@import "@fontsource-variable/nunito-sans"; @import "@fontsource-variable/public-sans"; @font-face { @@ -261,10 +260,6 @@ pre code { margin-inline: auto; } -.display-title { - font-family: 'Fraunces', Georgia, serif; -} - .island-shell { border: 1px solid var(--line); background: linear-gradient(165deg, var(--surface-strong), var(--surface)); @@ -419,82 +414,3 @@ img { @apply font-sans; } } - -/* Theme Toggle */ -.theme-toggle { - display: none; -} -.theme-toggle__label { - /* Groesse ueber diese zwei Variablen steuern -- alles andere wird berechnet. - Overriden per Style-Attribut, Elternklasse, oder Utility (--tta-size: ...). */ - --tta-size: 2em; /* Hoehe des Switches — ggf. an euren size(10)-Wert anpassen */ - --tta-ratio: 2; /* Breite = Hoehe × Ratio (2 = Pill 2:1) */ - - /* Abgeleitete Werte -- nicht ueberschreiben. */ - --tta-width: calc(var(--tta-size) * var(--tta-ratio)); - --tta-pad: calc(var(--tta-size) * 0.1); - --tta-knob: calc(var(--tta-size) - var(--tta-pad) * 2); - --tta-icon: calc(var(--tta-size) * 0.6); - --tta-travel: calc(var(--tta-width) - var(--tta-knob) - var(--tta-pad) * 2); - - width: var(--tta-width); - height: var(--tta-size); - position: relative; - display: block; - background: white; - border-radius: var(--tta-size); - box-shadow: inset 0 5px 15px rgba(0, 0, 0, 0.4), - inset 0 -5px 15px rgba(0, 0, 0, 0.4); - cursor: pointer; - transition: background-color 0.3s ease; -} - -.theme-toggle__label::after { - content: ''; - width: var(--tta-knob); - height: var(--tta-knob); - position: absolute; - top: var(--tta-pad); - left: var(--tta-pad); - background: linear-gradient(180deg, #ffcc89, #d8860b); - border-radius: var(--tta-knob); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - transition: transform 0.3s ease; -} - -.theme-toggle__label svg { - position: absolute; - width: var(--tta-icon); - top: calc((var(--tta-size) - var(--tta-icon)) / 2); - z-index: 1; -} - -/* Icon-Positionierung symmetrisch: mittig im jeweiligen "Knubbel-Slot". */ -.theme-toggle__sun { - left: calc(var(--tta-pad) + (var(--tta-knob) - var(--tta-icon)) / 2); - fill: gold; - transition: fill 0.3s ease; -} - -.theme-toggle__moon { - right: calc(var(--tta-pad) + (var(--tta-knob) - var(--tta-icon)) / 2); - fill: dimgray; - transition: fill 0.3s ease; -} - -.theme-toggle:checked + .theme-toggle__label { - background: #242424; -} - -.theme-toggle:checked + .theme-toggle__label::after { - transform: translateX(var(--tta-travel)); - background: linear-gradient(180deg, #777, #3a3a3a); -} - -.theme-toggle:checked + .theme-toggle__label .theme-toggle__sun { - fill: dimgray; -} - -.theme-toggle:checked + .theme-toggle__label .theme-toggle__moon { - fill: deepskyblue; -} \ No newline at end of file