From 12f31c36338b976ca655db13dd2d113aa720dd7f Mon Sep 17 00:00:00 2001 From: Kenan KARAER Date: Sat, 3 Jan 2026 14:20:27 +0300 Subject: [PATCH] =?UTF-8?q?=20=20Yeni=20Proje=20Kodlar=C4=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .vscode/settings.json | 11 + app/globals.css | 73 +- app/layout.tsx | 22 +- app/page.tsx | 199 ++- components.json | 22 + components/layout/footer.tsx | 63 + components/layout/navbar.tsx | 87 ++ components/ui/button.tsx | 62 + components/ui/card.tsx | 92 ++ components/ui/carousel.tsx | 241 ++++ components/ui/form.tsx | 167 +++ components/ui/input.tsx | 21 + components/ui/label.tsx | 24 + components/ui/navigation-menu.tsx | 168 +++ components/ui/separator.tsx | 28 + components/ui/sheet.tsx | 139 ++ components/ui/table.tsx | 116 ++ components/ui/textarea.tsx | 18 + lib/mock-data.ts | 48 + lib/supabase.ts | 11 + lib/utils.ts | 6 + package-lock.json | 2138 +++++++++++++++++++++-------- package.json | 23 +- postcss.config.mjs | 4 +- public/images/hero-safe.png | Bin 0 -> 545080 bytes tailwind.config.ts | 84 ++ 26 files changed, 3196 insertions(+), 671 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 components.json create mode 100644 components/layout/footer.tsx create mode 100644 components/layout/navbar.tsx create mode 100644 components/ui/button.tsx create mode 100644 components/ui/card.tsx create mode 100644 components/ui/carousel.tsx create mode 100644 components/ui/form.tsx create mode 100644 components/ui/input.tsx create mode 100644 components/ui/label.tsx create mode 100644 components/ui/navigation-menu.tsx create mode 100644 components/ui/separator.tsx create mode 100644 components/ui/sheet.tsx create mode 100644 components/ui/table.tsx create mode 100644 components/ui/textarea.tsx create mode 100644 lib/mock-data.ts create mode 100644 lib/supabase.ts create mode 100644 lib/utils.ts create mode 100644 public/images/hero-safe.png create mode 100644 tailwind.config.ts diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..1b67963 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,11 @@ +{ + "css.validate": false, + "scss.validate": false, + "less.validate": false, + "editor.codeActionsOnSave": { + "source.fixAll.eslint": "explicit" + }, + "files.associations": { + "*.css": "tailwindcss" + } +} \ No newline at end of file diff --git a/app/globals.css b/app/globals.css index a2dc41e..7e11b97 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,26 +1,59 @@ -@import "tailwindcss"; +@tailwind base; +@tailwind components; +@tailwind utilities; -:root { - --background: #ffffff; - --foreground: #171717; -} - -@theme inline { - --color-background: var(--background); - --color-foreground: var(--foreground); - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); -} - -@media (prefers-color-scheme: dark) { +@layer base { :root { - --background: #0a0a0a; - --foreground: #ededed; + --background: 0 0% 100%; + --foreground: 222.2 84% 4.9%; + --card: 0 0% 100%; + --card-foreground: 222.2 84% 4.9%; + --popover: 0 0% 100%; + --popover-foreground: 222.2 84% 4.9%; + --primary: 221.2 83.2% 53.3%; + --primary-foreground: 210 40% 98%; + --secondary: 210 40% 96.1%; + --secondary-foreground: 222.2 47.4% 11.2%; + --muted: 210 40% 96.1%; + --muted-foreground: 215.4 16.3% 46.9%; + --accent: 210 40% 96.1%; + --accent-foreground: 222.2 47.4% 11.2%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 210 40% 98%; + --border: 214.3 31.8% 91.4%; + --input: 214.3 31.8% 91.4%; + --ring: 221.2 83.2% 53.3%; + --radius: 0.5rem; + } + + .dark { + --background: 222.2 84% 4.9%; + --foreground: 210 40% 98%; + --card: 222.2 84% 4.9%; + --card-foreground: 210 40% 98%; + --popover: 222.2 84% 4.9%; + --popover-foreground: 210 40% 98%; + --primary: 217.2 91.2% 59.8%; + --primary-foreground: 222.2 47.4% 11.2%; + --secondary: 217.2 32.6% 17.5%; + --secondary-foreground: 210 40% 98%; + --muted: 217.2 32.6% 17.5%; + --muted-foreground: 215 20.2% 65.1%; + --accent: 217.2 32.6% 17.5%; + --accent-foreground: 210 40% 98%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 210 40% 98%; + --border: 217.2 32.6% 17.5%; + --input: 217.2 32.6% 17.5%; + --ring: 212.7 26.8% 83.9%; } } -body { - background: var(--background); - color: var(--foreground); - font-family: Arial, Helvetica, sans-serif; +@layer base { + * { + @apply border-border; + } + body { + @apply bg-background text-foreground; + } } diff --git a/app/layout.tsx b/app/layout.tsx index f7fa87e..3fc0a1c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,5 +1,7 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; +import { Geist, Geist_Mono, Inter, Outfit } from "next/font/google"; +import { Navbar } from "@/components/layout/navbar"; +import { Footer } from "@/components/layout/footer"; import "./globals.css"; const geistSans = Geist({ @@ -7,14 +9,12 @@ const geistSans = Geist({ subsets: ["latin"], }); -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); +const inter = Inter({ subsets: ["latin"] }); +const outfit = Outfit({ subsets: ["latin"], variable: "--font-outfit" }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "ParaKasa - Premium Çelik Kasalar", + description: "Eviniz ve iş yeriniz için en yüksek güvenlikli çelik kasa ve para sayma çözümleri.", }; export default function RootLayout({ @@ -23,11 +23,13 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + - {children} + +
{children}
+