Add src/app/reports/page.tsx

Merge version_3 into main

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>
+    );
+}

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>
+    );
+}

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>
+    );
+}

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>
+    );
+}

src/app/page.tsx

@@ -10,14 +10,23 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
 import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
-import { Zap, Layers, Package, TrendingUp, ShieldCheck, HelpCircle, DollarSign, Building, Clock, ShoppingCart, Warehouse, BarChart3 } from "lucide-react";
+import { Zap, Layers, Package, TrendingUp, ShieldCheck, HelpCircle, DollarSign, Building, Clock, ShoppingCart, Warehouse, BarChart3, Mail } from "lucide-react";
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 
 export default function SaasTemplatePage() {
     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: "İletişim", id: "contact" },
+        { 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" }
     ];
 
     const avatars = [
@@ -40,7 +49,8 @@ export default function SaasTemplatePage() {
                 { icon: Package, title: "Sipariş Otomasyonu", subtitle: "Verimli Akış", detail: "Siparişleri otomatikleştirin" },
                 { icon: Warehouse, title: "Depo Optimizasyonu", subtitle: "Alan Kullanımı", detail: "Depo alanınızı en iyi şekilde kullanın" },
             ],
-            title: "Akıllı Stok Optimizasyonu",            description: "Tedarik zincirinizi otomatikleştirin, talep tahminleri yapın ve aşırı stok maliyetlerinden kaçının."}
+            title: "Akıllı Stok Optimizasyonu",            description: "Tedarik zincirinizi otomatikleştirin, talep tahminleri yapın ve aşırı stok maliyetlerinden kaçının."
+        }
     ];
 
     return (
@@ -103,6 +113,40 @@ export default function SaasTemplatePage() {
                             title: "Gerçek Zamanlı Envanter Takibi",                            description: "Stok seviyelerini anlık olarak izleyin ve olası sorunlara hızla müdahale edin."},
                     ]}
                 />
+                <div id="traceability" data-section="traceability">
+                    <FeatureCardTwelve
+                        tag="İzlenebilirlik"
+                        tagIcon={ShieldCheck}
+                        title="Tam Kontrol ve Şeffaflık: Stoklarınızda Eksiksiz İzlenebilirlik"
+                        description="İşletmenizin her aşamasında şeffaflığı ve hesap verebilirliği artıran kapsamlı izlenebilirlik sistemimizle tanışın."
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        features={[
+                            {
+                                id: "user-logging",                                label: "Kullanıcı Günlüğü",                                title: "Detaylı Kullanıcı Hareket Kayıtları",                                items: [
+                                    "Her kullanıcının sistemdeki tüm eylemlerini izleyin.",                                    "Kim ne zaman ne yaptı, kolayca görün.",                                    "Yetkisiz erişim ve hataları tespit edin."
+                                ]
+                            },
+                            {
+                                id: "transaction-history",                                label: "İşlem Geçmişi",                                title: "Kapsamlı İşlem Takibi",                                items: [
+                                    "Her envanter hareketinin eksiksiz geçmişini görüntüleyin.",                                    "Ürün girişlerinden çıkışlara, tüm detaylar.",                                    "Hata ayıklama ve raporlama için kritik."
+                                ]
+                            },
+                            {
+                                id: "audit-trails",                                label: "Denetim İzleri",                                title: "Güvenilir Denetim Mekanizmaları",                                items: [
+                                    "Değişikliklerin ne zaman, kim tarafından ve nasıl yapıldığını takip edin.",                                    "Yasal uyumluluk ve iç denetimler için gerekli.",                                    "Veri bütünlüğünü sağlayın."
+                                ]
+                            },
+                            {
+                                id: "db-guarantees",                                label: "Veritabanı Garanti",                                title: "Veritabanı İşlem Garantileri",                                items: [
+                                    "Tüm veritabanı işlemlerinde ACID garantileri.",                                    "Veri tutarlılığı ve güvenilirliği en üst düzeyde.",                                    "Sistem kesintilerinde bile veri kaybını önler."
+                                ]
+                            }
+                        ]}
+                        buttons={[{ text: "Şimdi Keşfet", href: "#contact" }]}
+                    />
+                </div>
                 <TestimonialCardFifteen
                     testimonial="Stokify, envanter yönetimimizi baştan aşağı değiştirdi. Artık ürün kayıplarımız minimumda ve operasyonel verimliliğimiz zirvede. Kesinlikle tavsiye ederim!"
                     rating={5}
@@ -163,18 +207,19 @@ export default function SaasTemplatePage() {
                     columns={[
                         {
                             title: "Ürün",                            items: [
-                                { label: "Özellikler", href: "#features" },
-                                { label: "Fiyatlandırma", href: "#pricing" },
+                                { label: "Özellikler", href: "/#features" },
+                                { label: "Fiyatlandırma", href: "/#pricing" },
+                                { label: "İzlenebilirlik", href: "/#traceability" },
                                 { label: "Entegrasyonlar", href: "#" },
                                 { label: "Referanslar", href: "#" },
                             ],
                         },
                         {
                             title: "Şirket",                            items: [
-                                { label: "Hakkımızda", href: "#about" },
+                                { label: "Hakkımızda", href: "/#about" },
                                 { label: "Blog", href: "#" },
                                 { label: "Kariyer", href: "#" },
-                                { label: "İletişim", href: "#contact" },
+                                { label: "İletişim", href: "/#contact" },
                             ],
                         },
                         {

src/app/product-variations/page.tsx

@@ -0,0 +1,74 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import TextBox from "@/components/Textbox";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function ProductVariationsPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "İletişim", id: "contact" },
+        { name: "Varyasyonlar", id: "/product-variations" }
+    ];
+
+    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 className="min-h-screen flex flex-col justify-center items-center py-20 px-4 sm:px-6 lg:px-8">
+                    <TextBox
+                        title="Ürün Varyasyonları Yönetimi"
+                        description="Bu sayfa, ürünlerinizin alt varyasyonlarını, varyant kombinasyonlarını ve varyantlara özel envanter takibini yönetmek için altyapıyı sunar. Renk, boyut, malzeme gibi özelliklere göre varyasyonlar oluşturabilir, stok seviyelerini belirleyebilir ve ürün setlerini yapılandırabilirsiniz."
+                        textboxLayout="default"
+                        center={true}
+                    />
+                </div>
+                <FooterBaseReveal
+                    logoText="Stokify"
+                    columns={[
+                        {
+                            title: "Ürün",                            items: [
+                                { label: "Özellikler", href: "#features" },
+                                { label: "Fiyatlandırma", href: "#pricing" },
+                                { label: "Entegrasyonlar", href: "#" },
+                                { label: "Referanslar", href: "#" },
+                            ],
+                        },
+                        {
+                            title: "Şirket",                            items: [
+                                { label: "Hakkımızda", href: "#about" },
+                                { label: "Blog", href: "#" },
+                                { label: "Kariyer", href: "#" },
+                                { label: "İletişim", href: "#contact" },
+                            ],
+                        },
+                        {
+                            title: "Kaynaklar",                            items: [
+                                { label: "Dokümantasyon", href: "#" },
+                                { label: "Yardım Merkezi", href: "#" },
+                                { label: "Topluluk", href: "#" },
+                                { label: "Destek", href: "#" },
+                            ],
+                        },
+                        {
+                            title: "Yasal",                            items: [
+                                { label: "Gizlilik Politikası", href: "#" },
+                                { label: "Kullanım Koşulları", href: "#" },
+                                { label: "Çerez Politikası", href: "#" },
+                            ],
+                        },
+                    ]}
+                    copyrightText="2024 Stokify. Tüm hakları saklıdır."
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/production/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import HeroCentered from "@/components/sections/hero/HeroCentered";
+import { Wrench, BookOpen, Factory, ShoppingCart, Clock, DollarSign, ListChecks, Database, FlaskConical } from "lucide-react";
+
+export default function ProductionPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Üretim", id: "/production" },
+        { name: "Reçeteler", id: "/recipes" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "İletişim", id: "contact" }
+    ];
+
+    const avatars = [
+        { src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", alt: "İşletme Sahibi 1" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-man-his-work-time-office-job_23-2149571041.jpg", alt: "İşletme Sahibi 2" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202451.jpg", alt: "İşletme Sahibi 3" },
+        { src: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg", alt: "İşletme Sahibi 4" },
+    ];
+
+    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" }}
+                />
+                <HeroCentered
+                    background={{ variant: "rotated-rays-animated-grid" }}
+                    avatars={avatars}
+                    avatarText="Üretiminizi Otomatikleştirin"
+                    title="Üretim ve Reçete Yönetimi ile Verimliliği Artırın"
+                    description="Stokify'ın üretim motoru ile hammadde takibinden üretim siparişlerine kadar tüm süreçleri yönetin."
+                    buttons={[
+                        {
+                            text: "Detayları Keşfet",                            href: "#"},
+                        {
+                            text: "Reçeteleri Yönet",                            href: "/recipes"},
+                    ]}
+                    marqueeItems={[
+                        { type: "text-icon", text: "Üretim Takibi", icon: Factory },
+                        { type: "text-icon", text: "Reçete Oluşturma", icon: BookOpen },
+                        { type: "text-icon", text: "Hammadde Dedu", icon: Wrench },
+                        { type: "text-icon", text: "Sipariş Yönetimi", icon: ShoppingCart },
+                        { type: "text-icon", text: "Gerçek Zamanlı", icon: Clock },
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/recipes/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import HeroCentered from "@/components/sections/hero/HeroCentered";
+import { FlaskConical, ListChecks, Database, DollarSign, Clock, Wrench, BookOpen, Factory, ShoppingCart } from "lucide-react";
+
+export default function RecipesPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Üretim", id: "/production" },
+        { name: "Reçeteler", id: "/recipes" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "İletişim", id: "contact" }
+    ];
+
+    const avatars = [
+        { src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", alt: "İşletme Sahibi 1" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-man-his-work-time-office-job_23-2149571041.jpg", alt: "İşletme Sahibi 2" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202451.jpg", alt: "İşletme Sahibi 3" },
+        { src: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg", alt: "İşletme Sahibi 4" },
+    ];
+
+    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" }}
+                />
+                <HeroCentered
+                    background={{ variant: "rotated-rays-animated-grid" }}
+                    avatars={avatars}
+                    avatarText="Reçetelerinizi Kolayca Oluşturun"
+                    title="Detaylı Reçete Yönetimi ve BOM Oluşturma"
+                    description="Ürünlerinizin tüm bileşenlerini, maliyetlerini ve üretim adımlarını kolayca tanımlayın ve yönetin."
+                    buttons={[
+                        {
+                            text: "Yeni Reçete Oluştur",                            href: "#"},
+                        {
+                            text: "Üretim Siparişleri",                            href: "/production"},
+                    ]}
+                    marqueeItems={[
+                        { type: "text-icon", text: "BOM Yönetimi", icon: ListChecks },
+                        { type: "text-icon", text: "Hammadde Takibi", icon: Database },
+                        { type: "text-icon", text: "Maliyet Analizi", icon: DollarSign },
+                        { type: "text-icon", text: "Sürüm Kontrolü", icon: Clock },
+                        { type: "text-icon", text: "Ürün Varyantları", icon: FlaskConical },
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

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>
+    );
+}

src/app/superadmin/page.tsx

@@ -0,0 +1,94 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Building, Users, Settings, Key, Shield, ListChecks } from "lucide-react";
+
+export default function SuperadminPage() {
+    const navItems = [
+        { name: "Özellikler", id: "features" },
+        { name: "Fiyatlandırma", id: "pricing" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "İletişim", id: "contact" },
+        { name: "Yönetim Paneli", id: "/superadmin" }
+    ];
+
+    const managementFeatures = [
+        {
+            title: "Şirket Yönetimi",            description: "Sistemdeki tüm şirket hesaplarını görüntüleyin, düzenleyin ve yönetin.",            imageSrc: "https://images.unsplash.com/photo-1596526131083-ef1524376527?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTYwMDR8MHwxfHNlYXJjaHw3fHxjb21wYW55JTIwbWFuYWdlbWVudHxlbnwwfHx8fDE3MTc4NTM0MTl8MA&ixlib=rb-4.0.3&q=80&w=1080",            imageAlt: "Company Management",            titleImageSrc: "",            buttonText: "Detaylar",            buttonHref: "#"
+        },
+        {
+            title: "Modül Yetkilendirme",            description: "Farklı özellik modüllerine erişim yetkilerini kullanıcı rolleri bazında atayın.",            imageSrc: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTYwMDR8MHwxfHNlYXJjaHw3fHxleHBhbmRpbmclMjBzZXJ2aWNlc3xlbnwwfHx8fDE3MTc4NTM0Mzh8MA&ixlib=rb-4.0.3&q=80&w=1080",            imageAlt: "Module Authorization",            titleImageSrc: "",            buttonText: "Detaylar",            buttonHref: "#"
+        },
+        {
+            title: "Kullanıcı Rol Yönetimi",            description: "Kullanıcı rollerini (admin, çalışan, vb.) tanımlayın ve yetkilerini özelleştirin.",            imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTYwMDR8MHwxfHNlYXJjaHw3fHx1c2VyJTIwcm9sZXMlMjBtYW5hZ2VtZW50fGVufDB8fHx8MTcxNzg1MzQ0OHww&ixlib=rb-4.0.3&q=80&w=1080",            imageAlt: "User Role Management",            titleImageSrc: "",            buttonText: "Detaylar",            buttonHref: "#"
+        },
+        {
+            title: "Sistem Ayarları",            description: "Sistem çapında genel ayarları yapılandırın ve platform davranışlarını belirleyin.",            imageSrc: "https://images.unsplash.com/photo-1627398242470-f47117e1893c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTYwMDR8MHwxfHNlYXJjaHw3fHxzeXN0ZW0lMjBzZXR0aW5nc3xlbnwwfHx8fDE3MTc4NTM0NjR8MA&ixlib=rb-403&q=80&w=1080",            imageAlt: "System-wide Settings",            titleImageSrc: "",            buttonText: "Detaylar",            buttonHref: "#"
+        }
+    ];
+
+    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="superadmin-panel" data-section="superadmin-panel" className="pt-20"> 
+                    <FeatureCardTwentyNine
+                        features={managementFeatures}
+                        animationType="slide-up"
+                        gridVariant="four-items-2x2-equal-grid"
+                        tag="Yönetim Paneli"
+                        title="Süper Yönetici Kontrol Paneli"
+                        description="Stokify platformunun temel yönetim özelliklerine buradan erişin ve kontrol edin."
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <FooterBaseReveal
+                    logoText="Stokify"
+                    columns={[
+                        {
+                            title: "Ürün",                            items: [
+                                { label: "Özellikler", href: "/#features" },
+                                { label: "Fiyatlandırma", href: "/#pricing" },
+                                { label: "Entegrasyonlar", href: "#" },
+                                { label: "Referanslar", href: "#" },
+                            ],
+                        },
+                        {
+                            title: "Şirket",                            items: [
+                                { label: "Hakkımızda", href: "/#about" },
+                                { label: "Blog", href: "#" },
+                                { label: "Kariyer", href: "#" },
+                                { label: "İletişim", href: "/#contact" },
+                            ],
+                        },
+                        {
+                            title: "Kaynaklar",                            items: [
+                                { label: "Dokümantasyon", href: "#" },
+                                { label: "Yardım Merkezi", href: "#" },
+                                { label: "Topluluk", href: "#" },
+                                { label: "Destek", href: "#" },
+                            ],
+                        },
+                        {
+                            title: "Yasal",                            items: [
+                                { label: "Gizlilik Politikası", href: "#" },
+                                { label: "Kullanım Koşulları", href: "#" },
+                                { label: "Çerez Politikası", href: "#" },
+                            ],
+                        },
+                    ]}
+                    copyrightText="2024 Stokify. Tüm hakları saklıdır."
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}