timeslots API

2025-08-26 23:36:24 +04:00
parent 47baf8dfe2
commit c0647fe512
47 changed files with 830 additions and 776 deletions
--- a/apps/web/app/[locale]/layout.tsx
+++ b/apps/web/app/[locale]/layout.tsx
@@ -0,0 +1,40 @@
+import type { Metadata } from "next";
+import localFont from "next/font/local";
+import {NextIntlClientProvider} from 'next-intl';
+import {getMessages} from 'next-intl/server';
+import "../globals.css";
+
+const geistSans = localFont({
+  src: "../fonts/GeistVF.woff",
+  variable: "--font-geist-sans",
+});
+const geistMono = localFont({
+  src: "../fonts/GeistMonoVF.woff",
+  variable: "--font-geist-mono",
+});
+
+export const metadata: Metadata = {
+  title: "Vitrify - Book Your Pottery Session",
+  description: "Book pottery sessions and workshops",
+};
+
+export default async function LocaleLayout({
+  children,
+  params
+}: {
+  children: React.ReactNode;
+  params: Promise<{locale: string}>;
+}) {
+  const {locale} = await params;
+  const messages = await getMessages();
+
+  return (
+    <html lang={locale || 'en'}>
+      <body className={`${geistSans.variable} ${geistMono.variable}`}>
+        <NextIntlClientProvider messages={messages}>
+          {children}
+        </NextIntlClientProvider>
+      </body>
+    </html>
+  );
+}
--- a/apps/web/app/[locale]/page.module.css
+++ b/apps/web/app/[locale]/page.module.css
--- a/apps/web/app/[locale]/page.tsx
+++ b/apps/web/app/[locale]/page.tsx
@@ -0,0 +1,27 @@
+import BookingInterface from "../../components/BookingForm";
+import {getTranslations} from 'next-intl/server';
+import LanguageSwitcher from "../../components/LanguageSwitcher";
+
+export default async function Home() {
+  const t = await getTranslations('footer');
+
+  return (
+    <div>
+      <main>
+        <LanguageSwitcher />
+        <BookingInterface />
+      </main>
+      <footer className="bg-white text-black py-8 mt-12 border-t">
+        <div className="max-w-2xl mx-auto px-4 text-center">
+          <p className="text-gray-600 mb-2">{t('getInTouch')}</p>
+          <a
+            href="mailto:vitrify@asyavee.me"
+            className="text-blue-600 hover:text-blue-800 transition-colors font-medium"
+          >
+            vitrify@asyavee.me
+          </a>
+        </div>
+      </footer>
+    </div>
+  );
+}