UCYX - Global E-commerce Platform

A comprehensive multi-language e-commerce platform built with React, TypeScript, and Tailwind CSS.

🌟 Features

• Multi-language Support: English, Simplified Chinese, Traditional Chinese, Japanese, Korean
• Responsive Design: Mobile-first approach with Tailwind CSS
• Modern Tech Stack: React 18, TypeScript, Vite
• Multiple Services: UC-MMM, Sell to World, Partnership programs
• Form Handling: Complete form validation and submission
• SEO Optimized: Proper meta tags and semantic HTML

🚀 Live Demo

🔗 Visit UCYX Platform

🛠️ Tech Stack

• Frontend: React 18, TypeScript
• Styling: Tailwind CSS
• Build Tool: Vite
• UI Components: Radix UI
• Icons: Lucide React
• Deployment: Vercel

📦 Installation

# Clone the repository
git clone https://github.com/kangise/ucyx.com.git

# Navigate to project directory
cd ucyx.com

# Install dependencies
npm install

# Start development server
npm run dev

🏗️ Build & Deploy

# Build for production
npm run build

# Preview production build
npm run preview

🌍 Language Support

The platform supports 5 languages with complete translations:

• 🇺🇸 English
• 🇨🇳 Simplified Chinese (简体中文)
• 🇹🇼 Traditional Chinese (繁體中文)
• 🇯🇵 Japanese (日本語)
• 🇰🇷 Korean (한국어)

📱 Pages

• Home: Main landing page with services overview
• UC-MMM: Marketing Mix Modeling service
• Sell to World: Global expansion services
• Partnership: Partner application and information

🔧 Development

The project uses:

• Vite for fast development and building
• TypeScript for type safety
• Tailwind CSS for styling
• React Context for state management
• Custom translation system for i18n

---

📋 Latest Development Progress (Updated: 2025-08-25)

🎯 Recent Major Updates:

1. Hero Section Title Update (2025-08-24)

• ✅ English: Changed from "AI-Driven Global E-commerce Growth" to "You See Your X-traordinary"
• ✅ Chinese: "你看见你的非凡" (Simplified) / "你看見你的非凡" (Traditional)
• ✅ Japanese: "あなたの非凡を見つけよう" (Find your extraordinary)
• ✅ Korean: "당신의 특별함을 발견하세요" (Discover your specialness)
• ✅ Localization: Adapted to local language habits and cultural preferences

2. Icon Standardization (2025-08-24)

• ✅ Unified Design: All homepage service icons now use consistent container style
• ✅ Style: 64x64px containers with green-50 background, green-100 border, rounded corners
• ✅ Hover Effects: Consistent green-100 background and green-200 border on hover
• ✅ Icons Updated: 15 icons standardized (Analytics, Target, Innovation, Globe, TrendUp, etc.)

3. CTA Button Optimization (2025-08-25)

• ✅ Hero CTA: "开始您的增长之旅" now scrolls to contact form (#contact)
• ✅ Consultation Links: "开始免费咨询" links to Calendly (https://calendly.com/kanjiang/cooperation)
• ✅ UCcopilot Updates:
  • Removed "开始合作" buttons from hero and bottom sections
  • Kept "预约咨询" with fixed styling (white background, green text)
• ✅ UC-MMM Updates:
  • Removed "开始使用" button from hero
  • Changed "开始分析" to "预约咨询" linking to Calendly
• ✅ SellToWorld Updates:
  • Replaced entire complex form with simple "预约咨询" button
  • Maintained original title and description
  • Links to Calendly for consultation booking

4. Contact Options Enhancement (2025-08-25)

• ✅ Dual Contact Methods: Added "联系我们" buttons next to consultation booking
• ✅ Email Integration: All "联系我们" buttons link to mailto:services@ucyx.com
• ✅ Styling Fixes: Fixed white-on-white visibility issues
• ✅ Consistent Design:
  • UCcopilot: White border + white text + transparent background + backdrop blur
  • UC-MMM: White border + white text + transparent background + backdrop blur
  • SellToWorld: Green border + green text + white background

5. Navigation Enhancement (2025-08-25)

• ✅ Header CTA Integration: Navigation "开始您的增长之旅" buttons now scroll to contact form
• ✅ Smart Navigation: Automatically navigates to home page if on different page, then scrolls
• ✅ Mobile Optimization: Mobile menu CTA closes menu and navigates to contact form
• ✅ Consistent UX: All "开始您的增长之旅" buttons have unified behavior

🎨 Current User Experience Flow:

User Journey Options:
├─ "开始您的增长之旅" → Scroll to homepage contact form
├─ "预约咨询" → Open Calendly booking page
└─ "联系我们" → Open email client (services@ucyx.com)

🔧 Technical Improvements:

Code Quality:

• ✅ Consistent Styling: Unified icon containers and button styles
• ✅ Responsive Design: All buttons work on desktop and mobile
• ✅ Type Safety: All updates maintain TypeScript compliance
• ✅ Performance: Optimized build size and loading times

User Experience:

• ✅ Clear CTAs: Simplified conversion paths
• ✅ Multiple Contact Options: Calendly booking + email contact
• ✅ Accessibility: Proper contrast ratios and hover states
• ✅ Mobile-First: All features work seamlessly on mobile devices

📊 Deployment Status:

• ✅ Build Status: All changes successfully built and tested
• ✅ GitHub: All updates committed and pushed to main branch
• ✅ Vercel: Auto-deployment configured for continuous delivery
• ✅ Live Site: https://ucyx-com.vercel.app (automatically updated)

🎯 Next Steps & Considerations:

Potential Future Enhancements:

• Form Integration: Consider Google Forms API or custom backend for contact form
• Analytics: Add conversion tracking for CTA buttons
• A/B Testing: Test different CTA button texts and placements
• SEO: Optimize meta tags and structured data
• Performance: Implement code splitting for better loading times

Contact Integration Options:

• Option A: Google Forms API (free, easy setup, limited customization)
• Option B: Custom backend (full control, requires development and hosting)
• Option C: Third-party services (Formspree, Netlify Forms, etc.)

---

📄 License

This project is private and proprietary.

🤝 Contributing

This is a private project. For any questions or suggestions, please contact the development team.

---

Original Project

This is a code bundle for UCYX (Copy). The original project is available at https://www.figma.com/design/ujiK2EgUOggi5CFD9X2pAg/UCYX--Copy-.

Running the code

Run npm i to install the dependencies.

Run npm run dev to start the development server.