Tathya Portfolio
End-to-End Business Websites & CRM Solutions
Engineered Business Ecosystems
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.