Fire-Resistant Intelligent Optoelectronic Busbar Systems
Professional corporate website for AIWASON, a leading manufacturer of fire-resistant intelligent optoelectronic busbar systems, specializing in power distribution solutions for real estate developments and data centers.
- Production: https://aiwason.com (Coming Soon)
- Staging: https://staging.aiwason.com (Coming Soon)
- NVIDIA-Inspired Interface - Sophisticated dark theme with green technology accents
- Responsive Design - Optimized for mobile, tablet, and desktop experiences
- Smooth Animations - Framer Motion powered micro-interactions and page transitions
- Glassmorphism Effects - Modern UI elements with backdrop blur and transparency
- Dynamic Language Switching - Seamless English ⇄ Chinese translation
- Localized Content - Industry-specific terminology and cultural adaptation
- SEO Optimized - Multi-language meta tags and structured data
- Real Estate Solutions - Commercial buildings, residential complexes, mixed-use developments
- Data Center Infrastructure - Cloud facilities, colocation centers, edge computing
- Smart Building Integration - IoT-enabled systems and intelligent building management
- Next.js 15 - Latest React framework with App Router and Server Components
- Core Web Vitals - Optimized for speed, accessibility, and user experience
- Image Optimization - Automatic WebP conversion and lazy loading
- Bundle Analysis - Optimized JavaScript and CSS delivery
- Next.js 15 - React framework with App Router
- TypeScript - Type-safe development
- React 18 - Latest React with concurrent features
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Production-ready motion library
- Lucide React - Modern icon library
- ESLint - Code quality and consistency
- Prettier - Code formatting
- TypeScript - Static type checking
- Vercel - Serverless deployment platform
- GitHub Actions - CI/CD pipelines
- Node.js 18.0 or later
- npm, yarn, or pnpm
- Git for version control
# Clone the repository
git clone https://github.com/Eliaaazzz/aiwason-website.git
cd aiwason-website
# Install dependencies
npm install
# or
yarn install
# or
pnpm install
# Start development server
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 to view the website.
# Copy environment variables
cp .env.example .env.local
# Edit environment variables
# Add your configuration values to .env.localaiwason-website/
├── public/ # Static assets
│ ├── images/ # Company images and graphics
│ ├── models/ # 3D models and textures
│ └── documents/ # Technical documentation
├── src/
│ ├── app/ # Next.js App Router
│ │ ├── (pages)/ # Route groups
│ │ ├── api/ # API routes
│ │ └── globals.css # Global styles
│ ├── components/ # React components
│ │ ├── ui/ # Reusable UI components
│ │ ├── sections/ # Page sections
│ │ └── forms/ # Form components
│ ├── lib/ # Utility functions
│ ├── hooks/ # Custom React hooks
│ ├── types/ # TypeScript type definitions
│ └── data/ # Static data and constants
├── docs/ # Project documentation
└── .github/ # GitHub workflows and templates
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLint
npm run type-check # Run TypeScript checksnpm run format # Format code with Prettier
npm run lint:fix # Fix ESLint issues
npm run analyze # Analyze bundle size- Hero Section - Company introduction with animated elements
- Statistics - Key performance indicators and achievements
- Features - Core technology and product benefits
- Industries - Target market segments and applications
- 3D Product Viewer - Interactive product demonstrations
- Technical Specifications - Detailed product information
- Configuration Tools - Custom solution builders
- Industry Solutions - Real estate and data center applications
- Case Studies - Successful implementation examples
- ROI Calculators - Cost-benefit analysis tools
- English - Primary business language
- Chinese (Simplified) - Local market communication
// Translation structure
const translations = {
en: { /* English translations */ },
zh: { /* Chinese translations */ }
}
// Usage in components
const t = translations[language]
return <h1>{t.hero.title}</h1># Build for production
npm run build
# Deploy to Vercel (recommended)
npx vercel --prod
# Deploy to other platforms
npm run export # Static export for CDN deployment# Required for production
NEXT_PUBLIC_APP_URL=https://aiwason.com
NEXT_PUBLIC_ANALYTICS_ID=your-analytics-id- Lighthouse Score: 95+ across all categories
- First Contentful Paint: < 1.5s
- Largest Contentful Paint: < 2.5s
- Cumulative Layout Shift: < 0.1
- Image optimization with WebP format
- Code splitting and lazy loading
- Service worker caching
- Critical CSS inlining
- Create Feature Branch:
git checkout -b feature/new-component - Make Changes: Follow coding standards and conventions
- Test Thoroughly: Ensure all functionality works correctly
- Commit: Use conventional commit messages
- Push & PR: Submit pull request for review
- TypeScript: Strict mode enabled
- ESLint: Enforce code quality rules
- Prettier: Consistent code formatting
- Conventional Commits: Structured commit messages
This project is proprietary and confidential. All rights reserved by AIWASON.
Unauthorized copying, distribution, or use is strictly prohibited.
- Website: www.aiwason.com
- Email: [email protected]
- Phone: +86-XXX-XXXX-XXXX
- Developer: Eliaaazzz
- Issues: GitHub Issues
- Documentation: Project Wiki
Built with ❤️ for the future of intelligent power distribution
Last updated: January 2025