Spaces:

Hanzo-Community
/

analyticsdash

Runtime error

App Files Files Community

Hanzo Dev commited on Sep 19, 2025

Commit

6dee33f

0 Parent(s):

Initial commit for analyticsdash template

Browse files

Files changed (15) hide show

.gitignore +10 -0
Dockerfile +21 -0
README.md +41 -0
app/globals.css +19 -0
app/layout.tsx +25 -0
app/page.tsx +11 -0
components/sections/features.tsx +32 -0
components/sections/hero.tsx +33 -0
lib/site.ts +16 -0
next-env.d.ts +5 -0
next.config.js +9 -0
package-lock.json +0 -0
package.json +34 -0
tailwind.config.js +27 -0
tsconfig.json +22 -0

.gitignore ADDED Viewed

	@@ -0,0 +1,10 @@

+node_modules
+.next
+.cache
+dist
+build
+.DS_Store
+*.log
+.env.local
+.env.*.local
+*.tsbuildinfo

Dockerfile ADDED Viewed

	@@ -0,0 +1,21 @@

+FROM node:20-slim
+WORKDIR /app
+# Copy package files
+COPY package*.json ./
+# Install dependencies
+RUN npm ci --only=production
+# Copy application files
+COPY . .
+# Build the application
+RUN npm run build
+# Expose port
+EXPOSE 3000
+# Start the application
+CMD ["npm", "start"]

README.md ADDED Viewed

	@@ -0,0 +1,41 @@

+---
+title: analyticsdash Template
+emoji: 🚀
+colorFrom: gray
+colorTo: black
+sdk: docker
+app_port: 3000
+pinned: true
+---
+# analyticsdash Template
+A Hanzo template for building modern applications.
+## Features
+- Built with @hanzo/ui
+- Fully responsive
+- TypeScript support
+- Tailwind CSS styling
+- shadcn/ui components
+## Installation
+```bash
+npx create-hanzo-app --template analyticsdash
+```
+## Development
+```bash
+npm install
+npm run dev
+```
+## Build
+```bash
+npm run build
+```
+Check out the [Hanzo Template Gallery](https://huggingface.co/spaces/hanzoai/gallery) for more templates.

app/globals.css ADDED Viewed

	@@ -0,0 +1,19 @@

+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer base {
+  :root {
+    --primary: #14b8a6;
+    --secondary: #06b6d4;
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --border: 214.3 31.8% 91.4%;
+  }
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+  }
+}

app/layout.tsx ADDED Viewed

	@@ -0,0 +1,25 @@

+import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
+import './globals.css'
+import { siteConfig } from '@/lib/site'
+const inter = Inter({ subsets: ['latin'] })
+export const metadata: Metadata = {
+  title: `${siteConfig.name} - ${siteConfig.tagline}`,
+  description: siteConfig.description,
+}
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>
+        {children}
+      </body>
+    </html>
+  )
+}

app/page.tsx ADDED Viewed

	@@ -0,0 +1,11 @@

+import { Hero } from '@/components/sections/hero'
+import { Features } from '@/components/sections/features'
+export default function Home() {
+  return (
+    <main className="min-h-screen">
+      <Hero />
+      <Features />
+    </main>
+  )
+}

components/sections/features.tsx ADDED Viewed

	@@ -0,0 +1,32 @@

+import { siteConfig } from '@/lib/site'
+export function Features() {
+  return (
+    <section className="py-24 px-4 bg-gray-50 dark:bg-gray-900">
+      <div className="max-w-7xl mx-auto">
+        <h2 className="text-3xl md:text-4xl font-bold text-center mb-12">
+          Key Features
+        </h2>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+          {siteConfig.features.map((feature, index) => (
+            <div
+              key={index}
+              className="p-6 bg-white dark:bg-gray-800 rounded-lg shadow-lg"
+            >
+              <div
+                className="w-12 h-12 rounded-lg mb-4"
+                style={{
+                  background: `linear-gradient(135deg, ${siteConfig.primaryColor}, ${siteConfig.secondaryColor})`
+                }}
+              />
+              <h3 className="text-lg font-semibold mb-2">{feature}</h3>
+              <p className="text-gray-600 dark:text-gray-400">
+                Powerful tools and features to enhance your workflow.
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}

components/sections/hero.tsx ADDED Viewed

	@@ -0,0 +1,33 @@

+import { siteConfig } from '@/lib/site'
+export function Hero() {
+  return (
+    <section className="relative py-24 px-4">
+      <div className="max-w-7xl mx-auto text-center">
+        <h1 className="text-5xl md:text-6xl font-bold mb-6">
+          {siteConfig.name}
+        </h1>
+        <p className="text-2xl md:text-3xl text-gray-600 dark:text-gray-400 mb-8">
+          {siteConfig.tagline}
+        </p>
+        <p className="text-lg text-gray-500 dark:text-gray-500 max-w-2xl mx-auto mb-12">
+          {siteConfig.description}
+        </p>
+        <div className="flex gap-4 justify-center">
+          <button
+            className="px-8 py-3 rounded-lg font-medium text-white"
+            style={{ backgroundColor: siteConfig.primaryColor }}
+          >
+            Get Started
+          </button>
+          <button
+            className="px-8 py-3 rounded-lg font-medium border-2"
+            style={{ borderColor: siteConfig.secondaryColor, color: siteConfig.secondaryColor }}
+          >
+            Learn More
+          </button>
+        </div>
+      </div>
+    </section>
+  )
+}

lib/site.ts ADDED Viewed

	@@ -0,0 +1,16 @@

+export const siteConfig = {
+  name: "AnalyticsDash",
+  tagline: "Data That Drives Decisions",
+  description: "Real-time analytics and insights for data-driven teams",
+  url: "https://analytics.hanzo.ai",
+  primaryColor: "#14b8a6",
+  secondaryColor: "#06b6d4",
+  features: [
+    "Real-time Dashboards",
+    "Custom Metrics",
+    "Predictive Analytics",
+    "Data Export & API"
+  ]
+};
+export type SiteConfig = typeof siteConfig;

next-env.d.ts ADDED Viewed

	@@ -0,0 +1,5 @@

+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next.config.js ADDED Viewed

	@@ -0,0 +1,9 @@

+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  images: {
+    domains: ['localhost'],
+  },
+}
+module.exports = nextConfig

package-lock.json ADDED Viewed

The diff for this file is too large to render. See raw diff

package.json ADDED Viewed

	@@ -0,0 +1,34 @@

+{
+  "name": "@hanzo/analytics-template",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-icons": "^1.3.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "framer-motion": "^11.18.2",
+    "lucide-react": "^0.525.0",
+    "next": "15.3.5",
+    "next-themes": "^0.4.6",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@types/minimatch": "^5.1.2",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "15.3.5",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5"
+  }
+}

tailwind.config.js ADDED Viewed

	@@ -0,0 +1,27 @@

+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ["class"],
+  content: [
+    "./pages/**/*.{ts,tsx}",
+    "./components/**/*.{ts,tsx}",
+    "./app/**/*.{ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+      },
+    },
+  },
+  plugins: [],
+}

tsconfig.json ADDED Viewed

	@@ -0,0 +1,22 @@

+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [{"name": "next"}],
+    "paths": {"@/*": ["./*"]}
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}