Thira — Building Digital Presence for Local Businesses

Thira is a modern web platform built to help local businesses across Kerala establish a strong and professional digital presence. The project focuses on delivering fast, responsive, and visually engaging websites tailored for businesses such as salons, restaurants, gyms, cafes, and startups.

Built with Next.js 16, Thira combines modern UI/UX principles, smooth animations, and scalable frontend architecture to create premium web experiences optimized for performance and conversions.

---

🚀 Overview

Thira is designed with a mobile-first approach and emphasizes:

• High-performance frontend architecture
• Smooth user experiences
• Premium visual interactions
• Lead generation optimization
• Scalable and maintainable code structure

The application integrates modern animation systems, secure contact handling, and responsive layouts to ensure a seamless experience across all devices.

---

✨ Features

🌐 Responsive & Mobile-First Design

• Fully optimized for mobile, tablet, and desktop devices
• Consistent layouts across screen sizes
• Performance-focused responsive architecture

🎨 Modern UI/UX

• Clean and professional interface design
• Tailwind CSS 4 powered styling system
• Reusable and scalable component structure

⚡ Advanced Animations

• GSAP-powered premium animations
• Smooth page transitions and scroll effects
• Interactive hero sections and reveal animations

📧 Contact & Lead Generation

• Secure contact form integration
• Form validation using React Hook Form and Zod
• Gmail API integration with OAuth2
• Email delivery powered by Resend

💬 WhatsApp Integration

• Floating WhatsApp contact buttons
• Quick-action messaging support

🔍 SEO Optimization

• SEO-friendly metadata configuration
• Optimized page structure for discoverability
• Fast loading performance for improved rankings

---

🛠️ Tech Stack

Category	Technology
Framework	Next.js 16 (App Router)
Language	TypeScript
Styling	Tailwind CSS 4
Animations	GSAP + @gsap/react
Forms	React Hook Form + Zod
Email Service	Resend
API Integration	Gmail API (OAuth2)
Icons	Lucide React

---

📂 Project Structure

src/
│
├── app/                # App Router pages and layouts
├── components/         # Reusable UI components
│   ├── animations/     # GSAP animation components
│   ├── common/         # Shared UI components
│   ├── layout/         # Header, Footer, Navigation
│   └── sections/       # Page sections
│
├── lib/                # Utilities and shared logic
└── public/             # Static assets

---

⚙️ Getting Started

Prerequisites

• Node.js 18+
• npm / pnpm

---

Installation

Clone the Repository

git clone https://github.com/Zallu4435/thira.git
cd thira

Install Dependencies

npm install

Configure Environment Variables

Copy the example environment file:

cp .env.example .env.local

Add the required API keys and credentials.

---

Run Development Server

npm run dev

Open:

http://localhost:3000

---

📜 Available Scripts

Command	Description
npm run dev	Start development server
npm run build	Create production build
npm run start	Start production server
npm run lint	Run ESLint checks
npm run type-check	Validate TypeScript types

---

📱 Performance & Optimization

• Optimized image handling
• Fast page rendering with Next.js App Router
• Lazy loading and smooth transitions
• SEO-focused structure
• Mobile-first performance tuning

---

🌍 Target Audience

Thira is designed for:

• Local Businesses
• Salons & Spas
• Restaurants & Cafes
• Gyms & Fitness Centers
• Startups & Small Businesses
• Personal Brands

---

📧 Contact

• Email: hello@thira.in
• WhatsApp: +91 95674 64435
• Location: Malappuram, Kerala, India

---

📄 License

This project is developed for business and portfolio purposes.

---

Developed with ❤️ by the Thira Team.