Konectr Web
Official website for Konectr - Real adventures with real people, right now.
Tech Stack
- Next.js 15 - React framework with App Router
- TypeScript - Type safety
- Tailwind CSS v4 - Utility-first styling
- shadcn/ui - Component library
- GSAP - Scroll animations (planned)
Project Structure
konectr-web/
├── src/
│ ├── app/ # Next.js App Router pages
│ │ ├── layout.tsx # Root layout
│ │ ├── page.tsx # Homepage
│ │ └── globals.css # Global styles + brand colors
│ ├── components/
│ │ └── ui/ # shadcn/ui components
│ ├── config/
│ │ └── brand.ts # Brand constants (colors, social, etc.)
│ └── lib/
│ └── utils.ts # Utility functions
├── public/ # Static assets
├── _reference/ # Original HTML landing page (reference only)
└── package.json
Brand Colors
| Color | Hex | CSS Variable | Usage |
|---|
| Sunset Orange | #FF774D | --primary | Primary CTA, accents |
| Solar Amber | #FFC845 | --secondary | Secondary highlights |
| Graphite Grey | #1F1F1F | --foreground | Text, dark sections |
| Cloud White | #FAFAFA | --background | Backgrounds |
Getting Started
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Start production server
npm start
Open http://localhost:3000 to view the site.
Sections (Planned)
- Hero - Main value proposition with venue showcase
- Trust Indicators - Early adopters, partner venues, real moments
- How It Works - 3-step process explanation
- Find Your Vibe - 6 activity categories
- Testimonial - Team mission statement
- CTA - Waitlist form (Tally.so embed)
- Footer - Social links and company info
Related Projects
Deployment
Deployed on Vercel with automatic builds from git.
Production URLs
Vercel Project
- Project:
konectr-web
- Team:
konectr
- Framework: Next.js (auto-detected)
- Build Command:
next build
DNS Configuration
konectr.app (Namecheap)
| Type | Host | Value |
|---|
| A | @ | 76.76.21.21 |
| CNAME | www | cname.vercel-dns.com |
konectrapp.com (Namecheap)
| Type | Host | Value |
|---|
| A | @ | 76.76.21.21 |
| CNAME | www | cname.vercel-dns.com |
Deployment Commands
# Deploy to production
vercel --prod
# Deploy preview
vercel
# Check domain status
vercel domains ls
vercel domains inspect konectr.app
SSL Certificates
Automatically provisioned by Vercel (Let's Encrypt). Auto-renews every 90 days.
Internationalization
Supports 8 locales via next-intl:
- English (en) - Default
- Malay (ms)
- Chinese Traditional (zh-HK)
- Chinese Simplified (zh-CN)
- Japanese (ja)
- Korean (ko)
- Thai (th)
- Vietnamese (vi)
License
Copyright 2025 Konectr. All rights reserved.
