/**
* Home Page – e速貸 Loan Service Website
*
* Design Philosophy: Modern Trust Aesthetic
* – Clear visual hierarchy with warm, approachable colors
* – Hand-drawn illustrations for human warmth
* – Green dashed borders for emphasis and friendliness
* – Smooth transitions and interactive feedback
* – Responsive design for all devices
*/
import { Button } from “@/components/ui/button”;
import { Card } from “@/components/ui/card”;
import { ChevronRight, Phone, MessageCircle, Menu, X } from “lucide-react”;
import { useState } from “react”;
export default function Home() {
const [formData, setFormData] = useState({
name: “”,
phone: “”,
time: “”,
notes: “”,
});
const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
const [submitted, setSubmitted] = useState(false);
const handleInputChange = (e: React.ChangeEvent
const { name, value } = e.target;
setFormData((prev) => ({ …prev, [name]: value }));
};
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
console.log(“Form submitted:”, formData);
setSubmitted(true);
setTimeout(() => {
setFormData({ name: “”, phone: “”, time: “”, notes: “” });
setSubmitted(false);
}, 2000);
};
return (
{/* Hero Section */}
給您最安心的
貸款服務
線上免費諮詢,專業顧問為您量身打造最適合的貸款方案。全台服務,快速核貸。
{/* Free Consultation Section */}
免費諮詢,專人服務
我們提供完全免費的貸款諮詢服務。經驗豐富的專業顧問將根據您的具體情況,為您分析最適合的貸款方案,幫助您快速解決資金需求。
免費專線
0800-123-456
週一至週五 09:00-18:00
{/* Services Section */}
服務項目
我們提供多種貸款方案,滿足您不同的資金需求
{
title: “商品貸款”,
desc: “有收入證明可貸,快速、便捷、最高可貸5倍”,
image: “https://d2xsxph8kpxj0f.cloudfront.net/310519663502015292/nBtNYS2cUermwGAdCmBgaU/service-card-1-2wbzMhMuKedwCny5MBMhx4.webp”,
},
{
title: “債務協商”,
desc: “協商債務整合,前置協商免費諮詢,尋求最佳解決方案”,
image: “https://d2xsxph8kpxj0f.cloudfront.net/310519663502015292/nBtNYS2cUermwGAdCmBgaU/service-card-2-fnscLjo4RhzsiwaUEVkXZx.webp”,
},
{
title: “機車貸款”,
desc: “機車貸款快速審核,不限品牌、車齡,最快30分鐘撥款”,
image: “https://d2xsxph8kpxj0f.cloudfront.net/310519663502015292/nBtNYS2cUermwGAdCmBgaU/service-card-3-L98RZkP93Yma4WBkWyufsU.webp”,
},
].map((service, idx) => (
{service.title}
{service.desc}
))}
{/* Additional Services */}
{ title: “瑕疵貸款”, desc: “信用瑕疵、聯徵多查、近期增貸都可以” },
{ title: “勞保貸款”, desc: “使用勞保資格即可申貸,快速核貸” },
{ title: “債務整合”, desc: “整合多筆債務,降低月付金,輕鬆還款” },
].map((service, idx) => (
{service.title}
{service.desc}
))}
{/* Process Section */}
e速貸 申貸流程 – 5步驟超Easy
簡單快速的申貸流程,讓您輕鬆獲得資金
{ step: “1”, title: “免費諮詢”, desc: “與專業顧問溝通” },
{ step: “2”, title: “備齊資料”, desc: “準備必要文件” },
{ step: “3”, title: “送件審核”, desc: “提交申請資料” },
{ step: “4”, title: “對保簽約”, desc: “確認貸款條件” },
{ step: “5”, title: “撥款入帳”, desc: “資金快速到帳” },
].map((item, idx) => (
{item.title}
{item.desc}
))}
{/* Testimonials Section */}
真實見證
{
name: “王先生”,
amount: “商品借款40萬”,
status: “核貸成功”,
feedback: “顧問很專業,解說清楚,很快就核貸了,真的幫助很大!”,
},
{
name: “李女士”,
amount: “勞保貸款30萬”,
status: “核貸成功”,
feedback: “流程簡單快速,資金馬上到帳,解決了我的急需。”,
},
{
name: “陳先生”,
amount: “機車貸款15萬”,
status: “核貸成功”,
feedback: “專業服務,態度親切,推薦給朋友都很滿意。”,
},
].map((testimonial, idx) => (
{testimonial.name}
{testimonial.amount}
✓ {testimonial.status}
“{testimonial.feedback}”
))}
{/* CTA Section */}
準備好改善您的財務狀況了嗎?
立即聯繫我們的專業顧問,獲得免費貸款諮詢
{/* Contact Section */}