function MainComponent() { const [utcTime, setUtcTime] = React.useState(new Date().toUTCString()); const [localTime, setLocalTime] = React.useState(new Date().toLocaleTimeString()); const [backgroundImage, setBackgroundImage] = React.useState(''); const [description, setDescription] = React.useState(""); React.useEffect(()=>{ const intervalId = setInterval(()=>{ setUtcTime(new Date().toUTCString()); setLocalTime(new Date().toLocaleTimeString()); }, 1000); const fetchData = async ()=>{ const imageResponse = await fetch('/integrations/stable-diffusion/?prompt=aviation+background+professional', { method: 'GET' }); const imageData = await imageResponse.json(); setBackgroundImage(imageData.data[0]); const chatResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "system", "content": "Generate a professional caption for an aviation-themed digital clock website." } ], system_prompt: 'Generate a professional description' }) }); const chatData = await chatResponse.json(); setDescription(chatData.choices[0].message.content); }; fetchData(); return ()=>clearInterval(intervalId); }, []); const currentDate = new Date().toDateString(); return /*#__PURE__*/ React.createElement("div", { className: `w-full min-h-screen bg-[url('${backgroundImage}')] bg-cover`, __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#FFFFFF70] backdrop-blur-lg", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8 flex justify-between items-center", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Digital Aviation Clocks"))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "clocks", className: "mb-8 text-center", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold font-roboto text-[#121212] mb-6", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Date: ", currentDate), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto text-[#121212] italic mb-8", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row justify-around items-center gap-10", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, "UTC Time"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-4xl text-[#121212] bg-[#FFFFFF90] py-4 px-8 rounded-lg backdrop-blur-lg", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, utcTime)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "Local Time"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-4xl text-[#121212] bg-[#FFFFFF90] py-4 px-8 rounded-lg backdrop-blur-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, localTime))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#FFFFFF70] mt-8 backdrop-blur-lg", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8 text-center", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-md text-[#121212]", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "© 2023 Digital Aviation Clocks. All rights reserved.")))); }

Date: Fri Jul 18 2025

UTC Time

Local Time