function MainComponent() { const [loading, setLoading] = React.useState(true); React.useEffect(()=>{ const timer = setTimeout(()=>setLoading(false), 3000); return ()=>clearTimeout(timer); }, []); const navLinks = [ { href: '#', label: 'ホーム' }, { href: '#services', label: 'サービス' }, { href: '#company-overview', label: '会社概要' }, { href: '#contact', label: 'お問い合わせ' } ]; const navigation = /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4 text-[#121212] font-serif", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, navLinks.map((link)=>/*#__PURE__*/ React.createElement("a", { key: link.href, href: link.href, className: "hover:text-[#d4af37] transition-colors", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, link.label))); const mobileNavigation = /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bars text-[#121212]", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this })); if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center h-screen w-full bg-[#ffffff]", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#121212] text-4xl font-serif animate-pulse", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "フォース株式会社"), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, ` @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .animate-pulse { animation: pulse 2s infinite; } `)); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col font-serif bg-[#ffffff] text-[#121212]", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-[#ffffff]", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "フォース株式会社"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, navigation), mobileNavigation), /*#__PURE__*/ React.createElement("section", { className: "flex flex-col items-center justify-center flex-1 bg-cover bg-center", style: { backgroundImage: "url('/images/abstract-luxury.jpg')" }, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-white mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "未来を創造するITソリューション"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300 mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "最先端の技術とサービスでビジネスをサポート"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#121212] text-[#d4af37] rounded", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "詳しくはこちら")), /*#__PURE__*/ React.createElement("section", { className: "p-8 bg-[#ffffff]", id: "services", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "サービス紹介"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, [ { title: 'ITコンサルティング', icon: 'fa-cog', description: '最適なIT戦略を提供します。' }, { title: 'システム開発', icon: 'fa-laptop-code', description: '高品質なシステムを開発します。' }, { title: 'クラウドソリューション', icon: 'fa-cloud', description: 'クラウドサービスの導入をサポートします。' } ].map((service)=>/*#__PURE__*/ React.createElement("div", { key: service.title, className: "flex items-start text-lg space-x-2", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa ${service.icon} text-2xl`, __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-1", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, service.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, service.description)))))), /*#__PURE__*/ React.createElement("section", { className: "p-8 bg-gray-100", id: "company-overview", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "会社概要"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap md:flex-nowrap", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 mb-4 md:mb-0", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/company.jpg", alt: "フォース株式会社の建物", className: "w-full h-auto", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 md:pl-4", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "フォース株式会社の理念、ビジョン、強みを説明します。")))), /*#__PURE__*/ React.createElement("section", { className: "p-8 bg-[#ffffff]", id: "testimonials", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, "お客様の声"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, [ { name: '山田太郎', subtitle: 'CEO, 株式会社サンプル', testimonial: 'フォース株式会社のサービスは素晴らしいです。' }, { name: '佐藤花子', subtitle: 'CTO, 株式会社サンプル', testimonial: '高品質なシステム開発に満足しています。' } ].map((customer)=>/*#__PURE__*/ React.createElement("div", { key: customer.name, className: "p-4 border rounded", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gray-300 rounded-full mr-2", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl", __source: { fileName: "", lineNumber: 115, columnNumber: 19 }, __self: this }, customer.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 116, columnNumber: 19 }, __self: this }, customer.subtitle))), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, customer.testimonial))))), /*#__PURE__*/ React.createElement("section", { className: "p-8 bg-gray-100", id: "news", __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, "最新ニュース"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, [ { title: 'ニュース1', summary: 'ニュース1の要約。', link: '#' }, { title: 'ニュース2', summary: 'ニュース2の要約。', link: '#' }, { title: 'ニュース3', summary: 'ニュース3の要約。', link: '#' } ].map((news)=>/*#__PURE__*/ React.createElement("div", { key: news.title, className: "p-4 border rounded", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, news.title), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, news.summary), /*#__PURE__*/ React.createElement("a", { href: news.link, className: "text-[#007BFF]", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, "詳しく見る"))))), /*#__PURE__*/ React.createElement("section", { className: "p-8 bg-[#ffffff]", id: "contact", __source: { fileName: "", lineNumber: 142, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 143, columnNumber: 9 }, __self: this }, "お問い合わせ"), /*#__PURE__*/ React.createElement("form", { className: "mb-8", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1 text-gray-600", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, "名前"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1 text-gray-600", __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1 text-gray-600", __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this }, "メッセージ"), /*#__PURE__*/ React.createElement("textarea", { name: "message", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#121212] text-[#d4af37] rounded", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, "送信")), /*#__PURE__*/ React.createElement("iframe", { src: "https://maps.google.com/maps?q=フォース株式会社&z=15&output=embed", className: "w-full h-[400px] md:h-[400px] sm:h-[200px]", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "p-4 bg-gray-100 text-[#121212]", __source: { fileName: "", lineNumber: 165, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 166, columnNumber: 9 }, __self: this }, "住所: ここに住所を入力"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 167, columnNumber: 9 }, __self: this }, "電話番号: 123-456-7890"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 168, columnNumber: 9 }, __self: this }, "メール: example@force.co.jp"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-4", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "fab fa-facebook", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "#", className: "fab fa-twitter", __source: { fileName: "", lineNumber: 171, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "#", className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this }, "© 2024 フォース株式会社")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 176, columnNumber: 7 }, __self: this }, ` @media (max-width: 768px) { nav { display: none; } } `)); }