修改成营销广告定制网站

This commit is contained in:
yezian 2024-05-14 20:19:55 +08:00
parent a8cea668b1
commit 1dec716b26
3 changed files with 83 additions and 64 deletions

View File

@ -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>

View File

@ -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 />

View File

@ -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">
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
</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>