2nd version

This commit is contained in:
Zhang Youjie
2026-04-15 17:08:17 +08:00
parent e2a2eb4666
commit cedeb8f8bc
44 changed files with 5378 additions and 346 deletions
+1 -1
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Google AI Studio App</title>
<title>Audi Rednote Mini App</title>
</head>
<body>
<div id="root"></div>
+7 -8
View File
@@ -3,11 +3,10 @@
* SPDX-License-Identifier: Apache-2.0
*/
import { useState, useEffect, FormEvent } from "react";
import { useState, FormEvent } from "react";
import { motion, AnimatePresence } from "motion/react";
import {
ChevronRight,
X,
Check,
Phone,
User,
@@ -122,7 +121,7 @@ const PIPLPopup = ({ onAccept }: { onAccept: () => void }) => (
我们将收集您的<b>姓名、手机号码及所在城市</b>,用于为您安排试驾、发送购车优惠及提供售后咨询服务。
</p>
<p>
我们承诺将严格遵守相关法律法规,保护您的个人隐私安全。未经您的许可,我们不会将您的信息提供给第三方。
您提交的信息将通过加密链路直接进入奥迪企业 CRM 系统,用于后续销售和服务跟进。当前小程序内容平台不保存您的潜客信息。
</p>
</div>
@@ -184,7 +183,7 @@ export default function App() {
if (!validateForm()) return;
setIsSubmitting(true);
// Simulate API call
// Simulate direct CRM submission
await new Promise(resolve => setTimeout(resolve, 2000));
setIsSubmitting(false);
setIsSuccess(true);
@@ -216,7 +215,7 @@ export default function App() {
奥迪车型中心
</h1>
<p className="text-gray-500 max-w-2xl text-lg">
探索奥迪全系车型,感受前瞻科技与极致工艺的完美融合。
探索奥迪代表车型页面。当前 Demo 以若干代表页模板演示正式约 70 页的建设方式。
</p>
</div>
@@ -302,7 +301,7 @@ export default function App() {
</div>
<h2 className="text-3xl font-bold mb-4">预约成功</h2>
<p className="text-gray-500 mb-8">
您的预约信息已收到。我们的专属顾问将在 24 小时内与您联系,为您安排试驾体验。
您的预约信息已直接提交至奥迪企业 CRM。我们的专属顾问将在 24 小时内与您联系,为您安排试驾体验。
</p>
<button onClick={handleBack} className="audi-button w-full">
返回车型中心
@@ -312,7 +311,7 @@ export default function App() {
<>
<div className="mb-10">
<h2 className="text-3xl font-bold tracking-tight mb-2">预约试驾</h2>
<p className="text-gray-500">请填写以下信息,开启您的奥迪之旅。</p>
<p className="text-gray-500">请填写以下信息。提交后将通过加密链路直接进入奥迪企业 CRM。</p>
</div>
<form onSubmit={handleSubmit} className="space-y-8">
@@ -374,7 +373,7 @@ export default function App() {
</div>
<div className="text-xs text-gray-500 leading-relaxed">
<label htmlFor="pipl">
我已阅读并同意奥迪的 <span className="text-audi-black underline cursor-pointer">《个人信息保护政策》</span> 和 <span className="text-audi-black underline cursor-pointer">《隐私条款》</span>。本人同意奥迪及其授权经销商与我联系。
我已阅读并同意奥迪的 <span className="text-audi-black underline cursor-pointer">《个人信息保护政策》</span> 和 <span className="text-audi-black underline cursor-pointer">《隐私条款》</span>。本人同意奥迪及其授权经销商与我联系,并同意信息直接提交至奥迪企业 CRM。
</label>
{errors.agreed && <p className="text-audi-red text-xs mt-1">{errors.agreed}</p>}
</div>