A modern, high-performance website for Createk — a supplier of aftermarket parts for heavy-duty and large vehicles. Built as a single-page application with smooth animations and multi-language support.
Createk specializes in supplying quality aftermarket components for large vehicles, including engine spare parts, electrical components, transmission and drivetrain parts, suspension systems, rubber parts, and friction materials.
This website serves as the company's digital presence, featuring a product catalog, company information, news updates, and contact capabilities.
| Technology | Purpose |
|---|---|
| Vite | Build tool and dev server |
| Tailwind CSS | Utility-first styling |
| GSAP | Scroll-triggered and entrance animations |
| Lenis | Smooth scrolling |
| Vanilla JS | SPA routing, components, and page modules |
- Home — Hero banner, product category highlights, company overview
- About — Company story, mission, values
- Products — Categorized product catalog with detail views
- News — Company news and industry updates
- Contact — Contact form, address, and location info
- Privacy Policy / Terms — Legal pages
- Hash-based client-side SPA routing
- Scroll-triggered reveal animations (fade, slide, parallax, counters)
- Smooth scrolling with Lenis + GSAP integration
- Multi-language support (English / Vietnamese)
- CMS-driven content via API
- Responsive design with mobile navigation
- Accessible, shadcn/ui-inspired component system
- Node.js (v18+)
- npm
git clone https://github.com/your-org/createk.git
cd createk
npm installnpm run devOpens at http://localhost:5173 with hot reload.
npm run buildOutput goes to dist/.
npm run previewsrc/
├── main.js # App shell, Lenis/GSAP init, route registration
├── router.js # Hash-based SPA router
├── animations.js # GSAP ScrollTrigger animation system
├── style.css # Tailwind directives + component classes
├── api/ # API client and data fetching modules
├── components/ # Shared components (header, footer, loading)
├── i18n/ # Internationalization (en, vi)
└── pages/ # Page modules (home, about, products, news, contact, etc.)
public/
└── logo.png # Brand assets
Deployed to Cloudflare Workers as a static site. Production builds are served from the dist/ directory.
All rights reserved. This is proprietary software for Createk.