diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 0000000..9332f82
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
+import { BarChart3, Package, Users, Settings, Bell, Search, PlusCircle, ArrowUpCircle, TrendingUp, CheckCircle, XCircle } from "lucide-react";
+
+export default function DashboardPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "İzlenebilirlik", id: "traceability" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "Varyasyonlar", id: "/product-variations" },
+        { name: "Üretim", id: "/production" },
+        { name: "Reçeteler", id: "/recipes" },
+        { name: "Yönetim Paneli", id: "/superadmin" },
+        { name: "Giriş Yap", id: "/login" },
+        { name: "Gösterge Paneli", id: "/dashboard" },
+        { name: "Kategoriler", id: "/categories" },
+        { name: "İletişim", id: "contact" }
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Stokify"
+                    button={{ text: "Hemen Başla", href: "#contact" }}
+                />
+                <HeroBillboardDashboard
+                    title="Stok Yönetim Paneli"
+                    description="Stokify ile envanterinizi gerçek zamanlı olarak takip edin ve yönetin."
+                    background={{ variant: "animated-grid" }}
+                    dashboard={{
+                        title: "Genel Bakış",                        stats: [
+                            { title: "Toplam Ürün", values: [1200, 1250, 1300], description: "Depodaki toplam ürün sayısı" },
+                            { title: "Stok Değeri", values: [250000, 260000, 275000], valuePrefix: "₺", description: "Mevcut stokun tahmini değeri" },
+                            { title: "Bekleyen Siparişler", values: [15, 12, 10], description: "Gönderilmeyi bekleyen sipariş sayısı" },
+                        ],
+                        logoIcon: Package,
+                        sidebarItems: [
+                            { icon: BarChart3, active: true },
+                            { icon: Package },
+                            { icon: Users },
+                            { icon: Settings },
+                            { icon: Bell },
+                        ],
+                        searchPlaceholder: "Ürün veya sipariş ara...",                        buttons: [
+                            { text: "Yeni Ürün Ekle", onClick: () => console.log("Add new product") },
+                            { text: "Rapor Oluştur", onClick: () => console.log("Generate report") },
+                        ],
+                        chartTitle: "Son 7 Günlük Stok Hareketi",                        chartData: [
+                            { value: 120 }, { value: 150 }, { value: 130 }, { value: 170 }, { value: 140 }, { value: 190 }, { value: 160 }
+                        ],
+                        listItems: [
+                            { icon: ArrowUpCircle, title: "Yeni Giriş: Ürün X", status: "Tamamlandı" },
+                            { icon: TrendingUp, title: "Stok Azaldı: Ürün Y", status: "Beklemede" },
+                            { icon: CheckCircle, title: "Sipariş #1234", status: "Gönderildi" },
+                            { icon: XCircle, title: "İade: Ürün Z", status: "Sorunlu" },
+                        ],
+                        listTitle: "Son Hareketler",                        imageSrc: "https://images.unsplash.com/photo-1579547612702-fe1e4889c565?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                        imageAlt: "Dashboard Background"}}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..efd8462
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import { Mail } from "lucide-react";
+
+export default function LoginPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "İzlenebilirlik", id: "traceability" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "Varyasyonlar", id: "/product-variations" },
+        { name: "Üretim", id: "/production" },
+        { name: "Reçeteler", id: "/recipes" },
+        { name: "Yönetim Paneli", id: "/superadmin" },
+        { name: "Giriş Yap", id: "/login" },
+        { name: "Gösterge Paneli", id: "/dashboard" },
+        { name: "Kategoriler", id: "/categories" },
+        { name: "İletişim", id: "contact" }
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Stokify"
+                    button={{ text: "Hemen Başla", href: "#contact" }}
+                />
+                <div id="login" data-section="login" className="flex items-center justify-center min-h-screen py-16">
+                    <ContactCenter
+                        tag="Giriş Yap"
+                        tagIcon={Mail}
+                        title="Hesabınıza Giriş Yapın"
+                        description="Stokify yönetim paneline erişmek için bilgilerinizi girin."
+                        background={{ variant: "plain" }}
+                        useInvertedBackground={false}
+                        inputPlaceholder="E-posta adresiniz"
+                        buttonText="Giriş Yap"
+                        onSubmit={(email) => console.log("Login attempt with email:", email)}
+                    />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file
diff --git a/src/app/logs/page.tsx b/src/app/logs/page.tsx
new file mode 100644
index 0000000..3380466
--- /dev/null
+++ b/src/app/logs/page.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import React from "react";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function LogsPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "İzlenebilirlik", id: "traceability" },
+        { name: "Günlükler", id: "/logs" },
+        { name: "Hareketler", id: "/movements" },
+        { name: "Raporlar", id: "/reports" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "Varyasyonlar", id: "/product-variations" },
+        { name: "Üretim", id: "/production" },
+        { name: "Reçeteler", id: "/recipes" },
+        { name: "Yönetim Paneli", id: "/superadmin" },
+        { name: "İletişim", id: "contact" }
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Stokify"
+                    button={{ text: "Hemen Başla", href: "#contact" }}
+                />
+                <main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center text-center">
+                    <h1 className="text-4xl font-bold mb-4">Sistem Günlükleri</h1>
+                    <p className="text-lg text-gray-600">Tüm sistem hareketlerinin detaylı günlükleri burada gösterilecektir.</p>
+                </main>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file
diff --git a/src/app/movements/page.tsx b/src/app/movements/page.tsx
new file mode 100644
index 0000000..c7a2f07
--- /dev/null
+++ b/src/app/movements/page.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import React from "react";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function MovementsPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "İzlenebilirlik", id: "traceability" },
+        { name: "Günlükler", id: "/logs" },
+        { name: "Hareketler", id: "/movements" },
+        { name: "Raporlar", id: "/reports" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "Varyasyonlar", id: "/product-variations" },
+        { name: "Üretim", id: "/production" },
+        { name: "Reçeteler", id: "/recipes" },
+        { name: "Yönetim Paneli", id: "/superadmin" },
+        { name: "İletişim", id: "contact" }
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Stokify"
+                    button={{ text: "Hemen Başla", href: "#contact" }}
+                />
+                <main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center text-center">
+                    <h1 className="text-4xl font-bold mb-4">Stok Hareketleri</h1>
+                    <p className="text-lg text-gray-600">Ürünlerin giriş ve çıkış hareketleri bu sayfada görüntülenecektir.</p>
+                </main>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d94f7bc..e80c4df 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,6 +18,9 @@ export default function SaasTemplatePage() {
         { name: "Özellikler", id: "features" },
         { name: "Fiyatlandırma", id: "pricing" },
         { name: "İzlenebilirlik", id: "traceability" },
+        { name: "Günlükler", id: "/logs" },
+        { name: "Hareketler", id: "/movements" },
+        { name: "Raporlar", id: "/reports" },
         { name: "Hakkımızda", id: "about" },
         { name: "Varyasyonlar", id: "/product-variations" },
         { name: "Üretim", id: "/production" },
diff --git a/src/app/reports/page.tsx b/src/app/reports/page.tsx
new file mode 100644
index 0000000..0cafa2c
--- /dev/null
+++ b/src/app/reports/page.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import React from "react";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ReportsPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "İzlenebilirlik", id: "traceability" },
+        { name: "Günlükler", id: "/logs" },
+        { name: "Hareketler", id: "/movements" },
+        { name: "Raporlar", id: "/reports" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "Varyasyonlar", id: "/product-variations" },
+        { name: "Üretim", id: "/production" },
+        { name: "Reçeteler", id: "/recipes" },
+        { name: "Yönetim Paneli", id: "/superadmin" },
+        { name: "İletişim", id: "contact" }
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Stokify"
+                    button={{ text: "Hemen Başla", href: "#contact" }}
+                />
+                <main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center text-center">
+                    <h1 className="text-4xl font-bold mb-4">Raporlar</h1>
+                    <p className="text-lg text-gray-600">Kapsamlı stok ve envanter raporları bu sayfada oluşturulacaktır.</p>
+                </main>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file