create-saptarishi-starter 1.0.2

package/bin/index.js

@@ -0,0 +1,71 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+const { execSync } = require("child_process");
+const inquirer = require("inquirer");
+const chalk = require("chalk");
+const ora = require("ora");
+
+async function run() {
+  console.log(chalk.bold("\nSaptarishi Starter\n"));
+
+  let projectName = process.argv[2];
+
+  if (!projectName) {
+    const answer = await inquirer.prompt([
+      {
+        type: "input",
+        name: "name",
+        message: "Project name:",
+        default: "my-app",
+      },
+    ]);
+    projectName = answer.name;
+  }
+
+  const isCurrentDir = projectName === ".";
+  const targetPath = isCurrentDir
+    ? process.cwd()
+    : path.join(process.cwd(), projectName);
+
+  const templatePath = path.join(__dirname, "../template");
+
+  if (!isCurrentDir && fs.existsSync(targetPath)) {
+    console.log(chalk.red("Directory already exists"));
+    process.exit(1);
+  }
+
+  if (!isCurrentDir) {
+    fs.mkdirSync(targetPath);
+  }
+
+  const spinner = ora("Creating project...").start();
+
+  fs.cpSync(templatePath, targetPath, { recursive: true });
+
+  if (!isCurrentDir) {
+    const pkgPath = path.join(targetPath, "package.json");
+    if (fs.existsSync(pkgPath)) {
+      const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+      pkg.name = projectName;
+      fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
+    }
+  }
+
+  spinner.text = "Installing dependencies...";
+  execSync("npm install", { cwd: targetPath, stdio: "ignore" });
+
+  spinner.succeed("Project created successfully");
+
+  console.log("\nNext steps:\n");
+
+  if (!isCurrentDir) {
+    console.log(`  cd ${projectName}`);
+  }
+
+  console.log("  npm run dev\n");
+  console.log("Application will be available at http://localhost:3000\n");
+}
+
+run();

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "create-saptarishi-starter",
+  "version": "1.0.2",
+  "description": "Next.js starter CLI by Sriram",
+  "bin": {
+    "create-saptarishi-starter": "bin/index.js"
+  },
+  "type": "commonjs",
+  "keywords": [
+    "nextjs",
+    "starter",
+    "cli"
+  ],
+  "author": "Sriram",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Sriramgandrothu/create-saptarishi-starter.git"
+  },
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "inquirer": "^8.2.7",
+    "ora": "^5.4.1"
+  }
+}

package/template/AGENTS.md

@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->

package/template/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

package/template/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/template/app/forgot-password/page.tsx

@@ -0,0 +1,100 @@
+"use client";
+
+import Image from "next/image";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+import { forgotPasswordSchema } from "@/lib/validators/forgot-password";
+import type { ForgotPasswordForm } from "@/types/forgotpassword";
+
+export default function ForgotPasswordPage() {
+  const router = useRouter();
+
+  const [form, setForm] = useState<ForgotPasswordForm>({ email: "" });
+  const [loading, setLoading] = useState(false);
+  const [message, setMessage] = useState("");
+  const [error, setError] = useState("");
+
+  const submit = async () => {
+    setMessage("");
+    setError("");
+
+    const parsed = forgotPasswordSchema.safeParse(form);
+
+    if (!parsed.success) {
+      setError(parsed.error.issues[0].message);
+      return;
+    }
+
+    setLoading(true);
+
+    try {
+      setMessage(
+        "If this email is registered, you will receive a password reset link shortly.",
+      );
+
+      setForm({ email: "" });
+    } catch {
+      setError("Network error. Please try again.");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="min-h-screen flex items-center justify-center px-4 sm:px-6">
+      <Button
+        variant="ghost"
+        onClick={() => router.back()}
+        className="absolute top-3 left-3 sm:top-4 sm:left-4"
+      >
+        ← Back
+      </Button>
+
+      <div className="w-full max-w-md space-y-4 bg-white/0">
+        <div className="flex justify-center mt-6 sm:mt-8">
+          <Image
+            src="/saptarishi.png"
+            alt="Saptarishi"
+            width={100}
+            height={50}
+            priority
+            className="h-auto w-24 sm:w-28 md:w-32"
+          />
+        </div>
+
+        <h2 className="mt-4 sm:mt-5 text-xl font-semibold text-center sm:text-left">
+          Forgot Password
+        </h2>
+
+        {message && (
+          <div className="bg-green-100 text-green-700 text-sm p-3 rounded-lg">
+            {message}
+          </div>
+        )}
+
+        {error && (
+          <div className="bg-red-100 text-red-700 text-sm p-3 rounded-lg">
+            {error}
+          </div>
+        )}
+
+        <Input
+          placeholder="Enter your registered email"
+          value={form.email}
+          onChange={(e) => setForm({ ...form, email: e.target.value })}
+        />
+
+        <Button
+          onClick={submit}
+          disabled={loading}
+          className="bg-blue-600 hover:bg-blue-500 block sm:mx-0 mx-auto"
+        >
+          {loading ? "Sending..." : "Send Reset Link"}
+        </Button>
+      </div>
+    </div>
+  );
+}

package/template/app/globals.css

@@ -0,0 +1,438 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-poppins);
+  --font-mono: var(--font-poppins);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.129 0.042 264.695);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.129 0.042 264.695);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.129 0.042 264.695);
+  --primary: oklch(0.208 0.042 265.755);
+  --primary-foreground: oklch(0.984 0.003 247.858);
+  --secondary: oklch(0.968 0.007 247.896);
+  --secondary-foreground: oklch(0.208 0.042 265.755);
+  --muted: oklch(0.968 0.007 247.896);
+  --muted-foreground: oklch(0.554 0.046 257.417);
+  --accent: oklch(0.968 0.007 247.896);
+  --accent-foreground: oklch(0.208 0.042 265.755);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.929 0.013 255.508);
+  --input: oklch(0.929 0.013 255.508);
+  --ring: oklch(0.704 0.04 256.788);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.984 0.003 247.858);
+  --sidebar-foreground: oklch(0.129 0.042 264.695);
+  --sidebar-primary: oklch(0.208 0.042 265.755);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.968 0.007 247.896);
+  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
+  --sidebar-border: oklch(0.929 0.013 255.508);
+  --sidebar-ring: oklch(0.704 0.04 256.788);
+  --app-font: var(--font-poppins);
+  --app-font-size: 100%;
+}
+
+.dark {
+  --background: oklch(0.129 0.042 264.695);
+  --foreground: oklch(0.984 0.003 247.858);
+  --card: oklch(0.208 0.042 265.755);
+  --card-foreground: oklch(0.984 0.003 247.858);
+  --popover: oklch(0.208 0.042 265.755);
+  --popover-foreground: oklch(0.984 0.003 247.858);
+  --primary: oklch(0.929 0.013 255.508);
+  --primary-foreground: oklch(0.208 0.042 265.755);
+  --secondary: oklch(0.279 0.041 260.031);
+  --secondary-foreground: oklch(0.984 0.003 247.858);
+  --muted: oklch(0.279 0.041 260.031);
+  --muted-foreground: oklch(0.704 0.04 256.788);
+  --accent: oklch(0.279 0.041 260.031);
+  --accent-foreground: oklch(0.984 0.003 247.858);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.551 0.027 264.364);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.208 0.042 265.755);
+  --sidebar-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.279 0.041 260.031);
+  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.551 0.027 264.364);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+    font-family: var(--app-font);
+    transition: font-family 0.2s ease;
+  }
+
+  html {
+    font-size: var(--app-font-size);
+    transition: font-size 0.2s ease;
+  }
+
+  @media (min-width: 1280px) {
+    html {
+      font-size: 90%;
+    }
+  }
+}
+
+.lost-root {
+  min-height: 100vh;
+  background: radial-gradient(circle at top, #f4f4f4 0%, #ededed 60%, #e6e6e6 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+}
+
+.lost-container {
+  max-width: 720px;
+  width: 100%;
+  text-align: center;
+}
+
+.lost-illustration {
+  position: relative;
+  width: 100%;
+  height: min(360px, 70vw);
+  margin-bottom: 36px;
+}
+
+.lost-img {
+  object-fit: contain;
+}
+
+.lost-title {
+  font-family: var(--font-sans);
+  font-size: clamp(28px, 4vw, 36px);
+  font-weight: 600;
+  color: #111;
+  margin-bottom: 12px;
+}
+
+.lost-subtitle {
+  font-family: var(--font-sans);
+  font-size: 14px;
+  line-height: 1.6;
+  color: #6b6b6b;
+  margin-bottom: 28px;
+}
+
+.lost-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 22px;
+  border-radius: 999px;
+  background: #000;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  text-decoration: none;
+  transition: transform 0.15s ease, opacity 0.15s ease;
+}
+
+.lost-button:hover {
+  transform: translateY(-1px);
+  opacity: 0.9;
+}
+
+@media (max-width: 480px) {
+  .lost-subtitle {
+    font-size: 13px;
+  }
+
+  .lost-illustration {
+    height: 280px;
+  }
+}
+
+.error-root {
+  min-height: 100vh;
+  background: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  padding: 24px;
+  overflow: hidden;
+}
+
+.error-container {
+  text-align: center;
+  max-width: 520px;
+  width: 100%;
+  z-index: 2;
+}
+
+.error-illustration {
+  position: relative;
+  width: 100%;
+  height: 200px;
+  margin-bottom: 28px;
+}
+
+.error-img {
+  object-fit: contain;
+}
+
+.error-title {
+  font-family: var(--font-sans);
+  font-size: clamp(24px, 4vw, 32px);
+  font-weight: 700;
+  color: #3b0ca3;
+  margin-bottom: 12px;
+}
+
+.error-subtitle {
+  font-family: var(--font-sans);
+  font-size: 14px;
+  line-height: 1.6;
+  color: #9a9a9a;
+  margin-bottom: 24px;
+}
+
+.error-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 26px;
+  border-radius: 6px;
+  background: #3b0ca3;
+  color: #ffffff;
+  font-size: 13px;
+  font-weight: 500;
+  text-decoration: none;
+  transition: transform 0.15s ease, opacity 0.15s ease;
+}
+
+.error-button:hover {
+  transform: translateY(-1px);
+  opacity: 0.9;
+}
+
+.error-bg-icon {
+  position: absolute;
+  right: -20px;
+  bottom: 0px;
+  width: 160px;
+  height: 160px;
+  opacity: 1;
+  pointer-events: none;
+}
+
+.error-bg-img {
+  object-fit: contain;
+}
+
+@media (max-width: 480px) {
+  .error-illustration {
+    height: 170px;
+  }
+
+  .error-bg-icon {
+    width: 140px;
+    height: 140px;
+  }
+}
+
+.breath {
+  animation: breath 2s ease-in-out infinite;
+}
+
+@keyframes breath {
+  0% {
+    transform: scale(1);
+    opacity: 0.7;
+  }
+
+  50% {
+    transform: scale(1.1);
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.7;
+  }
+}
+
+.breath {
+  animation: breath 2s ease-in-out infinite;
+}
+
+@keyframes breath {
+  0% {
+    transform: scale(1);
+    opacity: 0.7;
+  }
+
+  50% {
+    transform: scale(1.1);
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.7;
+  }
+}
+
+input[type="password"]::-ms-reveal,
+input[type="password"]::-ms-clear {
+  display: none;
+}
+
+@keyframes blob {
+  0% {
+    transform: translate(0px, 0px) scale(1);
+  }
+
+  33% {
+    transform: translate(30px, -50px) scale(1.1);
+  }
+
+  66% {
+    transform: translate(-20px, 20px) scale(0.9);
+  }
+
+  100% {
+    transform: translate(0px, 0px) scale(1);
+  }
+}
+
+.animate-blob {
+  animation: blob 7s infinite;
+}
+
+.animation-delay-2000 {
+  animation-delay: 2s;
+}
+
+.animation-delay-4000 {
+  animation-delay: 4s;
+}
+
+.thin-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  height: 4px;
+}
+
+::-webkit-scrollbar {
+  width: 3px;
+  height: 3px;
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 100vh;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #7677f4;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #7677f4;
+}
+
+.scrollbar::-webkit-scrollbar {
+  width: 3px;
+  height: 6px;
+}
+
+.custom-links a {
+  @apply text-primary;
+}
+
+.scrollbar::-webkit-scrollbar-track {
+  border-radius: 100vh;
+  background: #d6d7d8;
+}
+
+.scrollbar::-webkit-scrollbar-thumb {
+  background: #7677f4;
+  border-radius: 100vh;
+  border: 1px solid #7677f4;
+}
+
+.scrollbar::-webkit-scrollbar-thumb:hover {
+  background: #7677f4;
+}
+
+.scrollbar-hidden::-webkit-scrollbar {
+  display: none;
+}
+
+.scrollbar-hidden {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+/* Marquee Hover */
+.marquee-wrapper:hover .animate-marquee {
+  animation-play-state: paused;
+}

package/template/app/layout.tsx

@@ -0,0 +1,31 @@
+import type { Metadata } from "next";
+import { Poppins } from "next/font/google";
+import "./globals.css";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import { Toaster } from "sonner";
+
+const poppins = Poppins({
+  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+  variable: "--font-poppins",
+});
+
+export const metadata: Metadata = {
+  title: "Saptarishi Solutions",
+  description: "Developed by Team SRS",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" className={`${poppins.variable} h-full antialiased`}>
+      <body className="min-h-full flex flex-col">
+        <TooltipProvider>{children}</TooltipProvider>
+        <Toaster richColors position="top-right" />
+      </body>
+    </html>
+  );
+}