Jiaban-Website
家伴官方网站 | Jiaban Official Website
一个创新的社区陪伴服务平台，致力于通过”共享儿女”模式，为老年人提供专业的情感陪伴，同时激活社区互助活力。
A community companion service platform for elderly care, leveraging innovative “shared children” model to provide professional emotional support for seniors while activating community mutual aid.
🌟 核心特性 | Key Features
- 情感陪伴 - 专业的心理陪伴服务，缓解老年人孤独感
- 智能匹配 - 基于位置、兴趣、技能的精准匹配算法
- 多元服务 - 陪聊、助行、助医、代购等标准化服务
- 时间银行 - 创新的激励机制，实现跨期互助
- 社区融合 - 深度融合政府、保险、高校、社区资源
- 多维支付 - 政府购买、保险覆盖、家庭付费、时间币
🎨 设计系统 | Design System
- 品牌色彩：暖阳橙 (#FF9F43) & 生命绿 (#28C76F)
- 字体系统：Noto Sans SC (中文) + Playfair Display (标题)
- 设计风格：温暖、专业、易用的适老化设计
- 响应式设计：完全支持移动端、平板和桌面
🚀 快速开始 | Quick Start
前置要求 | Prerequisites
- Node.js 22+
- pnpm 10+
安装 | Installation
# 克隆仓库
git clone https://github.com/y49363/Jiaban-Website.git
cd Jiaban-Website
# 安装依赖
pnpm install
开发 | Development
# 启动开发服务器
pnpm dev
# 打开浏览器访问 http://localhost:3000
构建 | Build
# 构建生产版本
pnpm build
# 预览构建结果
pnpm preview
📁 项目结构 | Project Structure
jia_ban_official_website/
├── client/ # 前端代码
│ ├── public/ # 静态资源（包括LOGO）
│ │ └── images/
│ │ └── logo.png # 家伴LOGO
│ ├── src/
│ │ ├── pages/ # 页面组件
│ │ │ ├── Home.tsx # 首页
│ │ │ └── NotFound.tsx # 404页面
│ │ ├── components/ # 可复用组件
│ │ ├── contexts/ # React上下文
│ │ ├── hooks/ # 自定义Hook
│ │ ├── lib/ # 工具函数
│ │ ├── App.tsx # 应用主文件
│ │ ├── main.tsx # 入口文件
│ │ └── index.css # 全局样式
│ └── index.html # HTML模板
├── server/ # 后端占位符
├── shared/ # 共享类型定义
├── .github/
│ └── workflows/
│ └── deploy.yml # GitHub Actions部署流程
├── vite.config.ts # Vite配置
├── tsconfig.json # TypeScript配置
├── package.json # 项目依赖
└── README.md # 本文件
🛠️ 技术栈 | Tech Stack
- 前端框架：React 19 + TypeScript
- 样式系统：Tailwind CSS 4 + shadcn/ui
- 路由：Wouter
- 构建工具：Vite 7
- 包管理：pnpm
- UI组件：Radix UI
- 图标：Lucide React
🌐 在线预览 | Live Preview
网站已通过GitHub Pages部署，访问以下链接查看在线预览：
https://y49363.github.io/Jiaban-Website
📝 页面模块 | Page Modules
首页 (Home)
- 导航栏 - 品牌Logo、导航链接、登录/注册按钮
- Hero区 - 核心Slogan与品牌展示
- 关于我们 - 市场机遇、核心价值、社区融合、选择理由
- 服务体系 - 陪聊、助行、助医、代购四项服务
- 服务流程 - 需求发布、智能匹配、服务执行、评价反馈
- 时间银行 - 时间币积累、多元兑换、代际共循环
- 合作伙伴 - 政府、保险、高校、社区四类合作伙伴
- CTA区 - 号召用户加入
- 页脚 - 联系信息、友情链接、版权声明
📞 联系信息 | Contact
-
邮箱 Email: info@hongchengsy.cn -
电话 Phone: +86 15882249700 -
地址 Address: 成都市新都区新桂东社区树袋熊之家（东环路477号） -
版权 Copyright: © 2026 成都市新桂东社区树袋熊之家
📄 许可证 | License
本项目采用 MIT 许可证。详见 LICENSE 文件。
🤝 贡献 | Contributing
欢迎提交Issue和Pull Request！
🎯 未来规划 | Roadmap
- 添加”新闻中心”页面
- 集成”在线客服”功能
- 创建”陪伴者招募”专题页面
- 开发移动端App（iOS/Android）
- 集成后端API和用户认证系统
- 添加多语言支持（英文、韩文等）
📚 相关文档 | Documentation
让爱不缺席，让陪伴有温度。
Make love never absent, let companionship be warm.