File size: 2,759 Bytes
1c07f09
 
 
 
 
 
 
 
 
b48937c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
---
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>