3dtours/travelplanning
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

main create

Browse Source
This commit is contained in:
Lộc Phạm
2026-06-13 16:06:24 +07:00
parent 3bb7649533
commit 568cb0e0bc
69 changed files with 9551 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/LandingPage.js
Vendored
+13
View File
@@ -0,0 +1,13 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LandingPage = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const lucide_react_1 = require("lucide-react");
const LoginModal_1 = require("./LoginModal");
const LandingPage = ({ onContinue }) => {
const [isLoginModalOpen, setIsLoginModalOpen] = (0, react_1.useState)(false);
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-screen w-full flex-col md:flex-row overflow-hidden font-sans relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "hidden md:block md:w-1/2 relative bg-gray-900", children: [(0, jsx_runtime_1.jsx)("img", { src: "https://images.unsplash.com/photo-1503220317375-aaad61436b1b?q=80&w=2070&auto=format&fit=crop", alt: "Travel Planner Background", className: "absolute inset-0 h-full w-full object-cover opacity-70" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-blue-900/60 to-transparent" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-16 left-16 text-white z-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-3 bg-white/20 backdrop-blur-md rounded-2xl", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Compass, { className: "w-8 h-8 text-white" }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-3xl font-black tracking-tighter uppercase", children: "Travel Planner" })] }), (0, jsx_runtime_1.jsx)("h2", { className: "text-5xl font-bold leading-tight max-w-lg", children: "Kh\u00E1m ph\u00E1 th\u1EBF gi\u1EDBi, l\u01B0u gi\u1EEF k\u1EC9 ni\u1EC7m." }), (0, jsx_runtime_1.jsx)("p", { className: "mt-4 text-blue-100 text-lg opacity-80 max-w-sm", children: "H\u1EE3p t\u00E1c c\u00F9ng b\u1EA1n b\u00E8 \u0111\u1EC3 l\u00EAn l\u1ECBch tr\u00ECnh ho\u00E0n h\u1EA3o nh\u1EA5t cho m\u1ECDi chuy\u1EBFn \u0111i." })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 flex flex-col justify-center items-center bg-white p-8 sm:p-12 md:p-20", children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-md w-full space-y-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold text-gray-900 leading-tight", children: "Ch\u00E0o m\u1EEBng b\u1EA1n \u0111\u1EBFn v\u1EDBi trang t\u1EA1o k\u1EBF ho\u1EA1ch du l\u1ECBch" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xl text-gray-600 leading-relaxed", children: "\u0110\u0103ng nh\u1EADp \u0111\u1EC3 v\u00E0o t\u1EA1o k\u1EBF ho\u1EA1ch c\u00E1 nh\u00E2n ho\u1EB7c nh\u1EA5n n\u00FAt ti\u1EBFp t\u1EE5c \u0111\u1EC3 tham quan c\u00E1c h\u00ECnh \u1EA3nh du l\u1ECBch \u0111\u01B0\u1EE3c chia s\u1EBB." })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setIsLoginModalOpen(true), className: "group flex items-center justify-center gap-3 bg-blue-600 hover:bg-blue-700 text-white font-bold py-5 px-8 rounded-2xl shadow-xl shadow-blue-200 transition-all active:scale-95", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogIn, { className: "w-5 h-5 group-hover:translate-x-1 transition-transform" }), "\u0110\u0103ng nh\u1EADp ngay"] }), (0, jsx_runtime_1.jsxs)("button", { onClick: onContinue, className: "flex items-center justify-center gap-3 bg-gray-50 hover:bg-gray-100 text-gray-700 font-bold py-5 px-8 rounded-2xl border border-gray-200 transition-all active:scale-95", children: ["Ti\u1EBFp t\u1EE5c tham quan \u1EA3nh", (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { className: "w-5 h-5" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "pt-12 flex items-center gap-4 text-sm text-gray-400 border-t border-gray-100", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex -space-x-3", children: [1, 2, 3, 4].map(i => ((0, jsx_runtime_1.jsx)("img", { className: "w-10 h-10 rounded-full border-4 border-white", src: `https://i.pravatar.cc/100?img=${i + 20}`, alt: "user" }, i))) }), (0, jsx_runtime_1.jsx)("p", { className: "font-medium", children: "Tham gia c\u00F9ng +2,400 ng\u01B0\u1EDDi du l\u1ECBch kh\u00E1c" })] })] }) }), (0, jsx_runtime_1.jsx)(LoginModal_1.LoginModal, { isOpen: isLoginModalOpen, onClose: () => setIsLoginModalOpen(false) })] }));
};
exports.LandingPage = LandingPage;
//# sourceMappingURL=LandingPage.js.map