2nd version
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user