修改成营销广告定制网站
This commit is contained in:
parent
a8cea668b1
commit
1dec716b26
|
@ -61,6 +61,7 @@ export default function StreamerDetail({ params }) {
|
||||||
|
|
||||||
const [name, setName] = useState("");
|
const [name, setName] = useState("");
|
||||||
const [content, setContent] = useState("");
|
const [content, setContent] = useState("");
|
||||||
|
const [contact, setContact] = useState("");
|
||||||
|
|
||||||
const handleSubmit = async (e) => {
|
const handleSubmit = async (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
@ -104,29 +105,40 @@ export default function StreamerDetail({ params }) {
|
||||||
</div>
|
</div>
|
||||||
<form className="flex flex-col items-center" onSubmit={handleSubmit}>
|
<form className="flex flex-col items-center" onSubmit={handleSubmit}>
|
||||||
<p className="text-white text-base mt-2 w-full max-w-sm">
|
<p className="text-white text-base mt-2 w-full max-w-sm">
|
||||||
您的昵称:
|
您的产品名称:
|
||||||
</p>
|
</p>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
name="name"
|
name="name"
|
||||||
placeholder="请输入您的昵称"
|
placeholder="请输入您的产品名称"
|
||||||
value={name}
|
value={name}
|
||||||
onChange={(e) => setName(e.target.value)}
|
onChange={(e) => setName(e.target.value)}
|
||||||
className="input input-bordered input-md input-primary w-full max-w-sm"
|
className="input input-bordered input-md input-primary w-full max-w-sm"
|
||||||
/>
|
/>
|
||||||
<p className="text-white text-base mt-2 w-full max-w-sm">
|
<p className="text-white text-base mt-2 w-full max-w-sm">
|
||||||
想要的祝福语:
|
计划推广平台:
|
||||||
</p>
|
</p>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
name="content"
|
name="contact"
|
||||||
placeholder="请输入你想要的祝福语"
|
placeholder="提供抖音、快手、小红书等平台广告定制方案"
|
||||||
value={content}
|
value={content}
|
||||||
onChange={(e) => setContent(e.target.value)}
|
onChange={(e) => setContent(e.target.value)}
|
||||||
className="input input-bordered input-md input-primary w-full max-w-sm"
|
className="input input-bordered input-md input-primary w-full max-w-sm"
|
||||||
/>
|
/>
|
||||||
|
<p className="text-white text-base mt-2 w-full max-w-sm">
|
||||||
|
您的联系方式:
|
||||||
|
</p>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="contact"
|
||||||
|
placeholder="我们将在24小时内联系您"
|
||||||
|
value={contact}
|
||||||
|
onChange={(e) => setContact(e.target.value)}
|
||||||
|
className="input input-bordered input-md input-primary w-full max-w-sm"
|
||||||
|
/>
|
||||||
<button className="btn btn-primary text-white rounded-full w-full max-w-sm mt-2">
|
<button className="btn btn-primary text-white rounded-full w-full max-w-sm mt-2">
|
||||||
提交
|
提交并支付定金
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
119
app/page.jsx
119
app/page.jsx
|
@ -57,62 +57,69 @@ export default function Home() {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col flex-1 py-16 items-center justify-center gap-10 z-10">
|
<div className="flex flex-col flex-1 py-16 items-center justify-center gap-10 z-10">
|
||||||
<p className="text-white font-medium text-2xl">
|
<h1 className="text-center text-white font-medium text-2xl px-10">
|
||||||
您希望谁为您送上祝福?
|
多塔传媒
|
||||||
</p>
|
<br />
|
||||||
<div className="flex flex-row flex-wrap justify-center gap-2">
|
网红达人助力产品营销,定制广告方案
|
||||||
<Link
|
</h1>
|
||||||
href="/253020"
|
<div>
|
||||||
className="flex flex-col w-32 rounded-lg overflow-hidden"
|
<p className="text-white text-center mb-4 font-medium text-2xl">
|
||||||
>
|
推荐KOL
|
||||||
<img
|
</p>
|
||||||
className="w-full aspect-square object-cover"
|
<div className="flex flex-row flex-wrap justify-center gap-2">
|
||||||
src="https://file.wishpaldev.tech/imgprod/dd/e8/bf6d-f643-4853-86ab-9df91ad4e191"
|
<Link
|
||||||
alt=""
|
href="/253020"
|
||||||
/>
|
className="flex flex-col w-32 rounded-lg overflow-hidden"
|
||||||
<p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
|
>
|
||||||
震震昊看世界
|
<img
|
||||||
</p>
|
className="w-full aspect-square object-cover"
|
||||||
</Link>
|
src="https://file.wishpaldev.tech/imgprod/dd/e8/bf6d-f643-4853-86ab-9df91ad4e191"
|
||||||
<Link
|
alt=""
|
||||||
href="/724471"
|
/>
|
||||||
className="flex flex-col w-32 rounded-lg overflow-hidden"
|
<p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
|
||||||
>
|
震震昊看世界
|
||||||
<img
|
</p>
|
||||||
className="w-full aspect-square object-cover"
|
</Link>
|
||||||
src="https://file.wishpaldev.tech/imgprod/64/81/4605-2c65-4be9-8688-7ad4d9a0092d"
|
<Link
|
||||||
alt=""
|
href="/724471"
|
||||||
/>
|
className="flex flex-col w-32 rounded-lg overflow-hidden"
|
||||||
<p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
|
>
|
||||||
白仔游世界🌸
|
<img
|
||||||
</p>
|
className="w-full aspect-square object-cover"
|
||||||
</Link>
|
src="https://file.wishpaldev.tech/imgprod/64/81/4605-2c65-4be9-8688-7ad4d9a0092d"
|
||||||
<Link
|
alt=""
|
||||||
href="/898644"
|
/>
|
||||||
className="flex flex-col w-32 rounded-lg overflow-hidden"
|
<p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
|
||||||
>
|
白仔游世界🌸
|
||||||
<img
|
</p>
|
||||||
className="w-full aspect-square object-cover"
|
</Link>
|
||||||
src="https://file.wishpaldev.tech/imgprod/88/db/370c-a850-4d2c-a7b4-950c9a722d86"
|
<Link
|
||||||
alt=""
|
href="/898644"
|
||||||
/>
|
className="flex flex-col w-32 rounded-lg overflow-hidden"
|
||||||
<p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
|
>
|
||||||
Quyen
|
<img
|
||||||
</p>
|
className="w-full aspect-square object-cover"
|
||||||
</Link>
|
src="https://file.wishpaldev.tech/imgprod/88/db/370c-a850-4d2c-a7b4-950c9a722d86"
|
||||||
<Link
|
alt=""
|
||||||
href="/442668"
|
/>
|
||||||
className="flex flex-col w-32 rounded-lg overflow-hidden"
|
<p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
|
||||||
>
|
Quyen
|
||||||
<img
|
</p>
|
||||||
className="w-full aspect-square object-cover"
|
</Link>
|
||||||
src="https://file.wishpaldev.tech/imgprod/f7/b8/fc3c-0279-407a-828c-8b1b92a0b9a4"
|
<Link
|
||||||
alt=""
|
href="/442668"
|
||||||
/>
|
className="flex flex-col w-32 rounded-lg overflow-hidden"
|
||||||
<p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
|
>
|
||||||
Kasia
|
<img
|
||||||
</p>
|
className="w-full aspect-square object-cover"
|
||||||
</Link>
|
src="https://file.wishpaldev.tech/imgprod/f7/b8/fc3c-0279-407a-828c-8b1b92a0b9a4"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
|
||||||
|
Kasia
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Footer />
|
<Footer />
|
||||||
|
|
|
@ -11,13 +11,13 @@ export default function Footer() {
|
||||||
href="http://beian.miit.gov.cn"
|
href="http://beian.miit.gov.cn"
|
||||||
className="text-xs text-secondary"
|
className="text-xs text-secondary"
|
||||||
>
|
>
|
||||||
津ICP备2023007056号-1
|
蜀ICP备2024076396号-1
|
||||||
</a>
|
</a>
|
||||||
<span className="text-xs text-secondary">
|
<span className="text-xs text-secondary">
|
||||||
|
|
|
|
||||||
</span>
|
</span>
|
||||||
<a className="text-xs text-secondary">
|
<a className="text-xs text-secondary">
|
||||||
Copyright © 2023-2024 天津觅缘天使科技有限公司
|
Copyright © 2024 成都多塔文化传媒有限公司
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
Loading…
Reference in New Issue