wip

apps/api/src/db/schema.ts

@@ -1,4 +1,4 @@
-import { integer, sqliteTable, text } from "drizzle-orm/sqlite-core";
+import { integer, real, sqliteTable, text } from "drizzle-orm/sqlite-core";
 
 export const users = sqliteTable("users", {
   id: text("id").primaryKey(),
@@ -89,3 +89,45 @@ export const invitations = sqliteTable("invitations", {
     .notNull()
     .references(() => users.id),
 });
+
+export const tokens = sqliteTable("tokens", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  token: text("token").notNull().unique(),
+  userId: text("user_id")
+    .notNull()
+    .references(() => users.id),
+  projectId: text("project_id")
+    .notNull()
+    .references(() => projects.id),
+  expiresAt: integer("expires_at", { mode: "timestamp" }),
+  createdAt: integer("created_at", { mode: "timestamp" }).notNull(),
+  lastUsedAt: integer("last_used_at", { mode: "timestamp" }),
+});
+
+export const projects = sqliteTable("projects", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  description: text("description"),
+  organizationId: text("organization_id")
+    .notNull()
+    .references(() => organizations.id),
+  createdAt: integer("created_at", { mode: "timestamp" }).notNull(),
+  updatedAt: integer("updated_at", { mode: "timestamp" }).notNull(),
+});
+
+export const projectSettings = sqliteTable("project_settings", {
+  id: text("id").primaryKey(),
+  projectId: text("project_id")
+    .notNull()
+    .references(() => projects.id),
+  cache: integer("cache", { mode: "boolean" }).notNull().default(true),
+  context: integer("context", { mode: "boolean" }).notNull().default(true),
+  temperature: real("temperature").notNull().default(0),
+  instructions: text("instructions"),
+  memory: integer("memory", { mode: "boolean" }).notNull().default(true),
+  grammar: integer("grammar", { mode: "boolean" }).notNull().default(true),
+  apiKey: text("api_key").notNull().unique(),
+  createdAt: integer("created_at", { mode: "timestamp" }).notNull(),
+  updatedAt: integer("updated_at", { mode: "timestamp" }).notNull(),
+});

apps/web/package.json

@@ -21,6 +21,7 @@
     "input-otp": "^1.4.1",
     "lucide-react": "^0.469.0",
     "next": "15.1.3",
+    "next-international": "^1.3.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",

apps/web/src/app/[locale]/(marketing)/layout.tsx

@@ -0,0 +1,21 @@
+import { Footer } from "@/components/footer";
+import { Header } from "@/components/header";
+import { I18nProviderClient } from "@/locales/client";
+import type { ReactElement } from "react";
+
+export default async function SubLayout({
+  params,
+  children,
+}: { params: Promise<{ locale: string }>; children: ReactElement }) {
+  const { locale } = await params;
+
+  return (
+    <I18nProviderClient locale={locale}>
+      <div className="p-6">
+        <Header />
+        <div className="container mx-auto">{children}</div>
+        <Footer />
+      </div>
+    </I18nProviderClient>
+  );
+}

apps/web/src/app/[locale]/(marketing)/page.tsx

@@ -0,0 +1,9 @@
+import { Hero } from "@/components/hero";
+
+export default function Page() {
+  return (
+    <div>
+      <Hero />
+    </div>
+  );
+}

apps/web/src/app/[locale]/(marketing)/pricing/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Pricing</div>;
+}

apps/web/src/app/layout.tsx → apps/web/src/app/[locale]/layout.tsx

@@ -1,13 +1,8 @@
 import { OpenPanelComponent } from "@openpanel/nextjs";
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { Geist_Mono } from "next/font/google";
 
-import "./globals.css";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
+import "../globals.css";
 
 const geistMono = Geist_Mono({
   variable: "--font-geist-mono",
@@ -19,22 +14,25 @@ export const metadata: Metadata = {
   description: "Translate your application with Languine CLI powered by AI.",
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
+  params,
 }: Readonly<{
   children: React.ReactNode;
+  params: { locale: string };
 }>) {
+  const { locale } = await params;
+
   return (
-    <html lang="en" className="dark">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
+    <html lang={locale} className="dark">
+      <body className={`${geistMono.variable} antialiased`}>
         <OpenPanelComponent
           clientId={process.env.NEXT_PUBLIC_OPEN_PANEL_CLIENT_ID!}
           clientSecret={process.env.OPEN_PANEL_CLIENT_SECRET!}
           trackScreenViews={true}
           disabled={process.env.NODE_ENV !== "production"}
         />
+
         {children}
       </body>
     </html>

apps/web/src/app/globals.css

@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 body {
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: var(--font-geist-mono), Arial, Helvetica, sans-serif;
 }
 
 @layer base {
@@ -43,10 +43,10 @@ body {
     --popover-foreground: 0 0% 98%;
     --primary: 0 0% 98%;
     --primary-foreground: 0 0% 9%;
-    --secondary: 0 0% 14.9%;
+    --secondary: 0 0% 53.3%;
     --secondary-foreground: 0 0% 98%;
     --muted: 0 0% 14.9%;
-    --muted-foreground: 0 0% 63.9%;
+    --muted-foreground: 0 0% 17.3%;
     --accent: 0 0% 14.9%;
     --accent-foreground: 0 0% 98%;
     --destructive: 0 62.8% 30.6%;