Skip to content

krtrimtech/krtrim

Repository files navigation

KRTRIM Logo

KRTRIM

Unleash AI. Accelerate Growth.

Deploy Status React TypeScript Tailwind CSS Vite


πŸš€ About KRTRIM

KRTRIM is a cutting-edge AI solutions company that helps businesses accelerate growth through intelligent automation. We specialize in building AI Chatbots, Voice Agents, and Full-Stack SaaS Applications that deliver measurable ROI.

🎯 Our Mission

Transform businesses with AI-powered solutions that increase efficiency, reduce costs, and enhance customer experience.

πŸ“Š Proven Results

  • 300% ROI in the first quarter
  • 85% increase in customer satisfaction
  • 90% automation of customer inquiries

πŸ€– Our Services

πŸ”₯ Alpha Team - AI Chatbot Specialists

  • Smart Automation: Handle 90% of customer inquiries automatically
  • Natural Conversations: Advanced NLP for human-like interactions
  • 24/7 Support: Never miss a customer query
  • Easy Integration: Seamless setup with existing systems
  • Analytics Dashboard: Track performance and optimize responses

🎀 Meta Team - Voice AI Specialists

  • Voice Assistants: Natural speech recognition and response
  • Appointment Booking: Automated scheduling with human-like conversations
  • Call Center Automation: Reduce call handling time by 70%
  • Multi-language Support: Serve customers in their preferred language
  • Real-time Analytics: Monitor call performance and satisfaction

πŸ’» Sigma Team - Full-Stack SaaS Specialists

  • Full-Stack Development: Frontend, backend, and database design
  • AI Integration: Embed smart features throughout your platform
  • Scalable Architecture: Built to grow with your business
  • Modern Tech Stack: React, Node.js, PostgreSQL, and more
  • DevOps & Deployment: Automated CI/CD and cloud infrastructure

πŸ› οΈ Technology Stack

Frontend

  • React 18 - Modern UI library with hooks and concurrent features
  • TypeScript - Type-safe development for better code quality
  • Tailwind CSS - Utility-first CSS framework for rapid styling
  • Vite - Fast build tool and development server
  • Lucide React - Beautiful, customizable icons

UI Components

  • Radix UI - Accessible, unstyled UI primitives
  • shadcn/ui - Re-usable components built on Radix UI
  • Framer Motion - Smooth animations and transitions
  • React Hook Form - Performant forms with easy validation

Development Tools

  • ESLint - Code linting and formatting
  • PostCSS - CSS processing and optimization
  • GitHub Actions - Automated CI/CD pipeline
  • GitHub Pages - Free static hosting with CDN

πŸš€ Quick Start

Prerequisites

  • Node.js 18+
  • npm or yarn
  • Git

Installation

  1. Clone the repository

    git clone https://github.com/krtrimtech/krtrim.git
    cd krtrim
  2. Install dependencies

    npm install
  3. Start development server

    npm run dev
  4. Open your browser

    http://localhost:5173
    

Available Scripts

# Development server with hot reload
npm run dev

# Build for production
npm run build

# Preview production build locally
npm run preview

# Run tests
npm run test

# Lint code
npm run lint

# Type checking
npm run type-check

🎨 Features

✨ Interactive Landing Page

  • Hero Section with animated gradient logo
  • Services Overview with detailed team information
  • Client Testimonials with 5-star ratings
  • FAQ Section with common questions
  • Call-to-Action with direct consultation booking

πŸ€– AI-Powered Chatbot (Kram)

  • Intelligent Responses about services and teams
  • Team-Specific Information for Alpha, Meta, and Sigma teams
  • Direct Booking Integration with Cal.com
  • Dark/Light Mode Support with proper contrast
  • Smooth Animations and professional UI

πŸŒ™ Theme Support

  • Light/Dark Mode toggle with system preference detection
  • Consistent Branding across all themes
  • Accessible Colors meeting WCAG standards
  • Smooth Transitions between theme switches

πŸ“± Responsive Design

  • Mobile-First approach for all screen sizes
  • Touch-Friendly interactions on mobile devices
  • Optimized Performance on all platforms
  • Progressive Enhancement for better UX

πŸš€ Deployment

GitHub Pages (Recommended)

The project is configured for automatic deployment to GitHub Pages:

  1. Enable GitHub Pages:

    • Go to repository Settings β†’ Pages
    • Select "GitHub Actions" as source
    • Save settings
  2. Deploy Automatically:

    git add .
    git commit -m "Deploy to GitHub Pages"
    git push origin main
  3. Access Your Live App:

    https://krtrimtech.github.io/krtrim/
    

Benefits of GitHub Pages

  • βœ… Free Hosting for public repositories
  • βœ… Automatic SSL with HTTPS enabled
  • βœ… Global CDN for fast loading worldwide
  • βœ… Custom Domain Support for your brand
  • βœ… Automatic Deployments on every push

For detailed instructions, see GITHUB_PAGES.md.

Local Development Build

# Build the application
npm run build

# Preview production build
npm run preview

# Test the build
npm run test

πŸ€– Chatbot Integration

The KRTRIM website features Kram, an intelligent AI assistant that helps visitors:

Capabilities

  • βœ… Learn about our services and teams
  • βœ… Get pricing information
  • βœ… Book consultations with specific teams
  • βœ… Understand our development process
  • βœ… Access company information

Team-Specific Booking

  • Alpha Team: AI Chatbot consultations
  • Meta Team: Voice AI consultations
  • Sigma Team: Full-Stack SaaS consultations
  • General: Free initial consultations

Smart Responses

The chatbot recognizes natural language queries like:

  • "What is Alpha Team?"
  • "Book a meeting with Meta Team"
  • "How much does it cost?"
  • "Tell me about your services"

πŸ“ Project Structure

krtrim/
β”œβ”€β”€ public/                 # Static assets
β”‚   β”œβ”€β”€ images/            # Logo and images
β”‚   └── robots.txt         # SEO configuration
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/        # React components
β”‚   β”‚   β”œβ”€β”€ ui/           # Reusable UI components
β”‚   β”‚   β”œβ”€β”€ landing/      # Landing page sections
β”‚   β”‚   β”œβ”€β”€ workflow/     # Workflow diagram
β”‚   β”‚   └── Chatbot.tsx   # AI assistant component
β”‚   β”œβ”€β”€ contexts/         # React contexts
β”‚   β”œβ”€β”€ hooks/           # Custom React hooks
β”‚   β”œβ”€β”€ lib/             # Utility functions
β”‚   β”œβ”€β”€ pages/           # Page components
β”‚   └── utils/           # Helper utilities
β”œβ”€β”€ .github/workflows/   # CI/CD pipeline
β”œβ”€β”€ DEPLOYMENT.md       # Deployment guide
└── setup-gcp.sh       # GCP setup script

🎯 Performance

Optimization Features

  • Code Splitting - Lazy loading for better performance
  • Image Optimization - Compressed assets for faster loading
  • Caching Strategy - Optimized cache headers for static assets
  • Bundle Analysis - Tree shaking and dead code elimination
  • CDN Integration - Global content delivery network

Lighthouse Scores

  • Performance: 95+
  • Accessibility: 100
  • Best Practices: 100
  • SEO: 100

🀝 Contributing

We welcome contributions to improve the KRTRIM website!

Development Process

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Code Standards

  • TypeScript for type safety
  • ESLint for code quality
  • Prettier for code formatting
  • Conventional Commits for clear history

πŸ“ž Contact & Support

πŸš€ Ready to Transform Your Business?

Book a Free Consultation:

πŸ“§ Get in Touch


πŸ“„ License

This project is proprietary and confidential. All rights reserved by KRTRIM Technologies.


πŸ™ Acknowledgments

Built with ❀️ by the KRTRIM team using:


Transform your business with AI today! πŸš€

Book Consultation

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published