Prime Technology - Modern Software Solutions Website

A high-performance, premium React-based corporate website for Prime Technology, featuring a sophisticated multi-step project scoping system and state-of-the-art visual effects.

✨ Key Features

🚀 Advanced Request Scoping System

A highly interactive, multi-step lead generation form that allows potential clients to:

• Select Core Services: ERP, POS, School Management, Mobile Apps, and E-commerce.
• Deep-Level Module Customization: Choose specific modules (Accounting, CRM, HRM, AI, etc.) with real-time micro-feature insights.
• Micro-Feature Discovery: Hover-based sidebar that reveals granular technical specifications for each selected module.
• Dynamic Project Blueprinting: Real-time summary of the selected scope before final submission.

💎 Premium UI/UX Design

• Glassmorphism Design System: Ultra-modern aesthetics with frosted glass effects and subtle borders.
• Dynamic Interactions:
  • Mouse Glow Effect: An interactive radial glow that follows the cursor.
  • Framer Motion Animations: Smooth page transitions, staggered entrance animations, and interactive hover states.
• Semantic Components: Modular design including Hero, Stats, Services, Portfolio, Testimonials, and Contact sections.

🛠️ Technology Stack

• Framework: React 18
• Build Tool: Vite
• Animation: Framer Motion
• Icons: Lucide React
• Routing: React Router 7
• Styling: Modern CSS with CSS Variables and Glassmorphism techniques.

🚀 Getting Started

Prerequisites

• Node.js (Latest LTS recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/Prime-Tech-React.git
   cd Prime-Tech-React

2. Install dependencies:

   npm install

3. Start development server:

   npm run dev

4. Build for production:

   npm run build

📂 Project Structure

src/
├── components/          # Reusable UI components
│   ├── Header.jsx       # Navigation with glass effect
│   ├── Hero.jsx         # Punchy landing section
│   ├── Services.jsx     # Solution overview
│   ├── Portfolio.jsx    # Project showcase
│   ├── Stats.jsx        # Company achievements
│   ├── MouseGlow.jsx    # Interactive cursor effect
│   └── ...
├── pages/
│   └── RequestPage.jsx  # Complex multi-step scoping form
├── App.jsx              # Main routing and layout
└── index.css            # Global styles and design tokens

🤝 Contribution

Contributions are welcome! Please feel free to submit a Pull Request.

---

Developed with ❤️ by Prime Technology Team.