修改成营销广告定制网站

app/[user_id]/page.jsx

@@ -61,6 +61,7 @@ export default function StreamerDetail({ params }) {
 
   const [name, setName] = useState("");
   const [content, setContent] = useState("");
+  const [contact, setContact] = useState("");
 
   const handleSubmit = async (e) => {
     e.preventDefault();
@@ -104,29 +105,40 @@ export default function StreamerDetail({ params }) {
         </div>
         <form className="flex flex-col items-center" onSubmit={handleSubmit}>
           <p className="text-white text-base mt-2 w-full max-w-sm">
-            您的昵称：
+            您的产品名称：
           </p>
           <input
             type="text"
             name="name"
-            placeholder="请输入您的昵称"
+            placeholder="请输入您的产品名称"
             value={name}
             onChange={(e) => setName(e.target.value)}
             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="content"
-            placeholder="请输入你想要的祝福语"
+            name="contact"
+            placeholder="提供抖音、快手、小红书等平台广告定制方案"
             value={content}
             onChange={(e) => setContent(e.target.value)}
             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>
         </form>
       </div>

app/page.jsx

@@ -57,62 +57,69 @@ export default function Home() {
         />
       </div>
       <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">
-          您希望谁为您送上祝福？
-        </p>
-        <div className="flex flex-row flex-wrap justify-center gap-2">
-          <Link
-            href="/253020"
-            className="flex flex-col w-32 rounded-lg overflow-hidden"
-          >
-            <img
-              className="w-full aspect-square object-cover"
-              src="https://file.wishpaldev.tech/imgprod/dd/e8/bf6d-f643-4853-86ab-9df91ad4e191"
-              alt=""
-            />
-            <p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
-              震震昊看世界
-            </p>
-          </Link>
-          <Link
-            href="/724471"
-            className="flex flex-col w-32 rounded-lg overflow-hidden"
-          >
-            <img
-              className="w-full aspect-square object-cover"
-              src="https://file.wishpaldev.tech/imgprod/64/81/4605-2c65-4be9-8688-7ad4d9a0092d"
-              alt=""
-            />
-            <p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
-              白仔游世界🌸
-            </p>
-          </Link>
-          <Link
-            href="/898644"
-            className="flex flex-col w-32 rounded-lg overflow-hidden"
-          >
-            <img
-              className="w-full aspect-square object-cover"
-              src="https://file.wishpaldev.tech/imgprod/88/db/370c-a850-4d2c-a7b4-950c9a722d86"
-              alt=""
-            />
-            <p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
-              Quyen
-            </p>
-          </Link>
-          <Link
-            href="/442668"
-            className="flex flex-col w-32 rounded-lg overflow-hidden"
-          >
-            <img
-              className="w-full aspect-square object-cover"
-              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>
+        <h1 className="text-center text-white font-medium text-2xl px-10">
+          多塔传媒
+          <br />
+          网红达人助力产品营销，定制广告方案
+        </h1>
+        <div>
+          <p className="text-white text-center mb-4 font-medium text-2xl">
+            推荐KOL
+          </p>
+          <div className="flex flex-row flex-wrap justify-center gap-2">
+            <Link
+              href="/253020"
+              className="flex flex-col w-32 rounded-lg overflow-hidden"
+            >
+              <img
+                className="w-full aspect-square object-cover"
+                src="https://file.wishpaldev.tech/imgprod/dd/e8/bf6d-f643-4853-86ab-9df91ad4e191"
+                alt=""
+              />
+              <p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
+                震震昊看世界
+              </p>
+            </Link>
+            <Link
+              href="/724471"
+              className="flex flex-col w-32 rounded-lg overflow-hidden"
+            >
+              <img
+                className="w-full aspect-square object-cover"
+                src="https://file.wishpaldev.tech/imgprod/64/81/4605-2c65-4be9-8688-7ad4d9a0092d"
+                alt=""
+              />
+              <p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
+                白仔游世界🌸
+              </p>
+            </Link>
+            <Link
+              href="/898644"
+              className="flex flex-col w-32 rounded-lg overflow-hidden"
+            >
+              <img
+                className="w-full aspect-square object-cover"
+                src="https://file.wishpaldev.tech/imgprod/88/db/370c-a850-4d2c-a7b4-950c9a722d86"
+                alt=""
+              />
+              <p className="text-white bg-[#FFFFFF1A] text-center font-medium py-1">
+                Quyen
+              </p>
+            </Link>
+            <Link
+              href="/442668"
+              className="flex flex-col w-32 rounded-lg overflow-hidden"
+            >
+              <img
+                className="w-full aspect-square object-cover"
+                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>
       <Footer />

components/Footer/index.jsx

@@ -11,13 +11,13 @@ export default function Footer() {
           href="http://beian.miit.gov.cn"
           className="text-xs text-secondary"
         >
-          津ICP备2023007056号-1
+          蜀ICP备2024076396号-1
         </a>
         <span className="text-xs text-secondary">
           &nbsp;&nbsp;｜&nbsp;&nbsp;
         </span>
         <a className="text-xs text-secondary">
-          Copyright © 2023-2024 天津觅缘天使科技有限公司
+          Copyright © 2024 成都多塔文化传媒有限公司
         </a>
       </div>
     </footer>