---
title: README
emoji: 🚀
colorFrom: yellow
colorTo: red
sdk: static
pinned: false
---

# Tathya Portfolio

<div align="center">

**End-to-End Business Websites & CRM Solutions**

*Engineered Business Ecosystems*

[![Live Site](https://img.shields.io/badge/Live-tathya.dev-2563eb?style=flat-square)](https://tathya.dev)
[![Next.js](https://img.shields.io/badge/Next.js-16-black?style=flat-square&logo=next.js)](https://nextjs.org)
[![React](https://img.shields.io/badge/React-19-61dafb?style=flat-square&logo=react)](https://react.dev)
[![TypeScript](https://img.shields.io/badge/TypeScript-5-3178c6?style=flat-square&logo=typescript)](https://www.typescriptlang.org)

</div>

---

## About

Tathya is a digital industrial infrastructure portfolio showcasing business websites, CRM solutions, and web development capabilities. Built with a premium hardware aesthetic, the site features animated UI, tactile feedback, and a modular content architecture.

## Features

- **Industrial Design System** – Sapphire and emerald themes, circuit-inspired visuals, scanline effects
- **Animated Startup Sequence** – Logo fly-in from splash to navbar
- **Interactive Sections** – Hero motherboard slider, architecture pillars, portfolio inventory, ROI calculator
- **Team Pages** – Individual profiles for each team member with custom layouts
- **Content Architecture** – Centralized content folder with placeholder utility for env overrides
- **Drishti** – Life graph and directed awareness interface (requires auth)

## Tech Stack

| Layer        | Stack                           |
| ------------ | ------------------------------- |
| Framework    | Next.js 16, React 19            |
| Language     | TypeScript 5                    |
| Styling      | Tailwind CSS                    |
| Animation    | Framer Motion, GSAP             |
| Data         | MongoDB, NextAuth               |
| Deployment   | Vercel                          |


## Project Structure

```
src/
├── app/          # Next.js App Router pages
├── components/   # UI, layout, sections
├── content/      # Section & page content (with placeholders)
├── data/         # Static data, ROI calc, team types
├── lib/          # Config, auth, utils
├── providers/    # Theme, scroll, tactile
└── hooks/        # useScrollSection, useSystemStatus
```

## Content System

Content lives in `src/content/sections/` and `src/content/pages/`. Use `placeholder(section, key, defaultValue)` for env-based overrides:

```
NEXT_PUBLIC_CONTENT_HERO_LINE1=Custom Headline
```

## License

Proprietary. All rights reserved.

---

<div align="center">

**[tathya.dev](https://tathya.dev)** · [GitHub](https://github.com/Rupali59/tathya-portfolio)

</div>