thrayee-studio-website

Thrayee Studio - Premium Interior Design Website

A world-class, conversion-focused website for Thrayee Studio, a premium interior design studio based in Hyderabad, India.

Features

• 🎨 Premium, minimal design with elegant aesthetics
• 📱 Fully responsive and mobile-first
• ⚡ Optimized performance and SEO
• 🎯 Conversion-focused with multiple CTAs
• 🌍 Location-specific landing pages
• 📸 Portfolio with masonry layout
• 🔄 Before/After image comparisons
• 📋 Interactive design process timeline
• 🎭 Interior style finder quiz
• 💬 Testimonials from real clients
• 📞 Multiple contact methods (Phone, WhatsApp, Email)

Tech Stack

• Framework: Next.js 14
• Styling: Tailwind CSS
• Animation: Framer Motion
• Language: TypeScript
• Image Optimization: Next.js Image component
• SEO: Server-side rendering with Next.js

Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

git clone https://github.com/thraye/thrayee-studio-website.git
cd thrayee-studio-website
npm install

Development

npm run dev

Open http://localhost:3000 to see the website.

Build for Production

npm run build
npm start

Project Structure

├── app/                    # Next.js App Router
│   ├── layout.tsx         # Root layout
│   ├── page.tsx           # Home page
│   └── [location]/        # Location-specific pages
├── components/            # Reusable React components
│   ├── Hero.tsx
│   ├── Services.tsx
│   ├── Portfolio.tsx
│   ├── Testimonials.tsx
│   └── ...
├── lib/                   # Utility functions
├── data/                  # Content and configuration
├── public/                # Static assets
└── styles/                # Global styles

Color Palette

• Warm White: #FAFAF8
• Natural Wood: #8B7355
• Deep Olive Green: #556B2F
• Charcoal: #2C2C2C
• Brushed Gold: #D4AF95

Contact & Support

For inquiries, visit thrayeestudio.com or contact us via WhatsApp.