var __CODE__ = (() => { var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // virtual:/page.jsx var page_exports = {}; __export(page_exports, { default: () => page_default }); // virtual:/__injected-globals.js var fetch = /* @__PURE__ */ function(originalFetch) { const getURlFromArgs = (...args) => { const [urlArg] = args; let url; if (typeof urlArg === "string") { url = urlArg; } else if (urlArg instanceof Request) { url = urlArg.url; } else { url = `${urlArg.protocol}//${urlArg.host}${urlArg.pathname}`; } return url; }; const isFirstPartyURL = (url) => { return url.startsWith(window.location.origin) || url.startsWith("/") || url.startsWith("https://created.app"); }; return async function fetchWithHeaders(input, init = {}) { const url = getURlFromArgs(input, init); const isExternalFetch = !isFirstPartyURL(url); if (isExternalFetch) { return originalFetch(input, init); } const initHeaders = init?.headers ?? {}; const finalHeaders = new Headers(initHeaders); finalHeaders.set("x-createxyz-project-id", "4132a8c6-277e-404c-a543-8955bc4d657b"); finalHeaders.set("x-createxyz-project-group-id", "393de066-6e1d-4864-ba92-f0248cfb8ac4"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "4132a8c6-277e-404c-a543-8955bc4d657b"); input.headers.set("x-createxyz-project-group-id", "393de066-6e1d-4864-ba92-f0248cfb8ac4"); } return originalFetch(input, { ...init, headers: finalHeaders }); }; }(globalThis.fetch); // virtual:/page.jsx function MainComponent() { const [formData, setFormData] = React.useState({ productName: "", targetAudience: "", keyBenefits: "", competitiveAdvantage: "", callToAction: "" }); const [marketData, setMarketData] = React.useState([ { name: "Current Market", value: 0 }, { name: "Potential Growth", value: 0 }, { name: "Market Share", value: 0 }, { name: "Competition", value: 0 } ]); const [slides, setSlides] = React.useState([]); const [loading, setLoading] = React.useState(false); const [activeTab, setActiveTab] = React.useState("presentation"); const [scriptData, setScriptData] = React.useState({ jingle: "", screenplay: "" }); const [slideImages, setSlideImages] = React.useState([]); const handleInputChange = (e) => { setFormData({ ...formData, [e.target.name]: e.target.value }); }; const generatePresentation = async (e) => { e.preventDefault(); setLoading(true); try { const marketAnalysis = await fetch( "/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Generate a comprehensive market analysis for ${formData.productName} targeting ${formData.targetAudience}. Include current market size and penetration (0-100), growth potential and market trends over next 5 years (0-100), achievable market share (0-100), competition level and market saturation (0-100).` } ] }) } ); const marketResponse = await marketAnalysis.json(); const numbers = marketResponse.choices[0].message.content.match(/\d+/g).map(Number); setMarketData([ { name: "Current Market", value: numbers[0] }, { name: "Potential Growth", value: numbers[1] }, { name: "Market Share", value: numbers[2] }, { name: "Competition", value: numbers[3] } ]); const detailedContent = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Create detailed sales presentation content for ${formData.productName} including executive summary, target audience analysis, key benefits, competitive analysis, and call to action.` } ] }) }); const claudeResponse = await detailedContent.json(); const claudeContent = claudeResponse.choices[0].message.content.split("\n\n"); const enhancedContent = await fetch( "/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Enhance presentation content with market research: ${claudeContent.join("\n")}` } ] }) } ); const gptResponse = await enhancedContent.json(); const finalContent = gptResponse.choices[0].message.content.split("\n\n"); const presentationContent = [ { title: "Executive Summary", content: finalContent[0] }, { title: "Target Audience Analysis", content: finalContent[1] }, { title: "Key Benefits & Features", content: finalContent[2] }, { title: "Competitive Analysis", content: finalContent[3] }, { title: "Call to Action", content: finalContent[4] } ]; const imagePromises = presentationContent.map(async (slide) => { const response = await fetch( `/integrations/image-search/imagesearch?q=${encodeURIComponent( slide.title + " " + formData.productName )}` ); const data = await response.json(); return data.items[0]?.originalImageUrl || null; }); const images = await Promise.all(imagePromises); setSlideImages(images); setSlides(presentationContent); } catch (error) { console.error("Error generating presentation:", error); } finally { setLoading(false); } }; const generateScript = async (e) => { e.preventDefault(); setLoading(true); try { const jingleResponse = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Create a catchy commercial jingle for ${formData.productName} targeting ${formData.targetAudience} with key benefits: ${formData.keyBenefits}, call to action: ${formData.callToAction}.` } ] }) }); const screenplayResponse = await fetch( "/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Write a 30-second screenplay for ${formData.productName}, targeting ${formData.targetAudience} with key benefits: ${formData.keyBenefits}, competitive advantage: ${formData.competitiveAdvantage} and call to action: ${formData.callToAction}.` } ] }) } ); const [jingleData, screenplayData] = await Promise.all([ jingleResponse.json(), screenplayResponse.json() ]); setScriptData({ jingle: jingleData.choices[0].message.content, screenplay: screenplayData.choices[0].message.content }); } catch (error) { console.error("Error generating scripts:", error); } finally { setLoading(false); } }; const downloadPDF = async () => { const content = document.getElementById("presentation-content"); if (!content) return; const html = content.innerHTML; try { const response = await fetch("/integrations/pdf-generation/pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ source: { html: `${html}` } }) }); const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const link = document.createElement("a"); link.href = url; link.download = "presentation.pdf"; link.click(); window.URL.revokeObjectURL(url); } catch (error) { console.error("Error generating PDF:", error); } }; const downloadScreenplay = async () => { try { const response = await fetch( "/integrations/pdf-generation/markdown-to-pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ markdown: scriptData.screenplay, styles: ` body { font-family: 'Courier New', monospace; } h1 { text-align: center; } pre { white-space: pre-wrap; } ` }) } ); const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const link = document.createElement("a"); link.href = url; link.download = "screenplay.pdf"; link.click(); window.URL.revokeObjectURL(url); } catch (error) { console.error("Error downloading screenplay:", error); } }; return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( "link", { rel: "icon", href: "data:image/svg+xml," } ), /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50 p-4 md:p-8 flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto flex-grow" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-gray-800 mb-8 font-roboto text-center" }, "Sales Presentation Generator"), /* @__PURE__ */ React.createElement("div", { className: "mb-8 flex justify-center space-x-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("presentation"), className: `px-6 py-2 rounded-lg font-semibold transition duration-200 ${activeTab === "presentation" ? "bg-blue-600 text-white" : "bg-white text-gray-600 hover:bg-blue-50"}` }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-presentation mr-2" }), "Presentation" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("commercial"), className: `px-6 py-2 rounded-lg font-semibold transition duration-200 ${activeTab === "commercial" ? "bg-blue-600 text-white" : "bg-white text-gray-600 hover:bg-blue-50"}` }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-video mr-2" }), "Commercial" )), activeTab === "presentation" ? /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-xl shadow-2xl p-6 mb-8 border border-blue-100" }, /* @__PURE__ */ React.createElement("div", { className: "mb-8 text-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-presentation text-blue-600 text-4xl mb-4" }), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 font-roboto" }, "Fill in the details below to create your professional sales presentation")), /* @__PURE__ */ React.createElement("form", { onSubmit: generatePresentation, className: "space-y-8" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-tag mr-2 text-blue-600" }), "Product/Service Name"), /* @__PURE__ */ React.createElement( "input", { type: "text", name: "productName", value: formData.productName, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none", required: true, placeholder: "Enter product name" } )), /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-users mr-2 text-blue-600" }), "Target Audience"), /* @__PURE__ */ React.createElement( "textarea", { name: "targetAudience", value: formData.targetAudience, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none h-24", required: true, placeholder: "Describe your target audience" } ))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-star mr-2 text-blue-600" }), "Key Benefits"), /* @__PURE__ */ React.createElement( "textarea", { name: "keyBenefits", value: formData.keyBenefits, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none h-24", required: true, placeholder: "List key benefits" } )), /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-trophy mr-2 text-blue-600" }), "Competitive Advantage"), /* @__PURE__ */ React.createElement( "textarea", { name: "competitiveAdvantage", value: formData.competitiveAdvantage, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none h-24", required: true, placeholder: "What makes you unique?" } ))), /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-bullhorn mr-2 text-blue-600" }), "Call to Action"), /* @__PURE__ */ React.createElement( "input", { type: "text", name: "callToAction", value: formData.callToAction, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none", required: true, placeholder: "What should your audience do next?" } )), /* @__PURE__ */ React.createElement( "button", { type: "submit", className: "w-full bg-blue-600 text-white py-3 px-6 rounded-lg hover:bg-blue-700 transition duration-200 flex items-center justify-center space-x-2 font-semibold", disabled: loading }, loading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin" }), /* @__PURE__ */ React.createElement("span", null, "Creating...")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-magic mr-2" }), /* @__PURE__ */ React.createElement("span", null, "Generate Presentation")) ))) : /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-xl shadow-2xl p-6 mb-8 border border-blue-100" }, /* @__PURE__ */ React.createElement("div", { className: "mb-8 text-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-video text-blue-600 text-4xl mb-4" }), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 font-roboto" }, "Generate a commercial jingle and screenplay")), /* @__PURE__ */ React.createElement("form", { onSubmit: generateScript, className: "space-y-8" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-tag mr-2 text-blue-600" }), "Product/Service Name"), /* @__PURE__ */ React.createElement( "input", { type: "text", name: "productName", value: formData.productName, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none", required: true, placeholder: "Enter product name" } )), /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-users mr-2 text-blue-600" }), "Target Audience"), /* @__PURE__ */ React.createElement( "textarea", { name: "targetAudience", value: formData.targetAudience, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none h-24", required: true, placeholder: "Describe your target audience" } ))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-star mr-2 text-blue-600" }), "Key Benefits"), /* @__PURE__ */ React.createElement( "textarea", { name: "keyBenefits", value: formData.keyBenefits, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none h-24", required: true, placeholder: "List key benefits" } )), /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-trophy mr-2 text-blue-600" }), "Competitive Advantage"), /* @__PURE__ */ React.createElement( "textarea", { name: "competitiveAdvantage", value: formData.competitiveAdvantage, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none h-24", required: true, placeholder: "What makes you unique?" } ))), /* @__PURE__ */ React.createElement("div", { className: "transition-all duration-200 hover:shadow-md p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-bullhorn mr-2 text-blue-600" }), "Call to Action"), /* @__PURE__ */ React.createElement( "input", { type: "text", name: "callToAction", value: formData.callToAction, onChange: handleInputChange, className: "w-full p-3 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none", required: true, placeholder: "What should your audience do next?" } )), /* @__PURE__ */ React.createElement( "button", { type: "submit", className: "w-full bg-blue-600 text-white py-3 px-6 rounded-lg hover:bg-blue-700 transition duration-200 flex items-center justify-center space-x-2 font-semibold", disabled: loading }, loading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin" }), /* @__PURE__ */ React.createElement("span", null, "Creating...")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-magic mr-2" }), /* @__PURE__ */ React.createElement("span", null, "Make it a video")) ))), activeTab === "presentation" && slides.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex justify-end mb-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: downloadPDF, className: "bg-green-600 text-white py-2 px-4 rounded-lg hover:bg-green-700 transition duration-200 flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-pdf mr-2" }), /* @__PURE__ */ React.createElement("span", null, "Download as PDF") )), /* @__PURE__ */ React.createElement("div", { id: "presentation-content", className: "grid grid-cols-1 gap-8" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-center" }, "Market Analysis"), /* @__PURE__ */ React.createElement("div", { className: "h-[300px] w-full" }, /* @__PURE__ */ React.createElement(Recharts.ResponsiveContainer, { width: "100%", height: "100%" }, /* @__PURE__ */ React.createElement(Recharts.BarChart, { data: marketData }, /* @__PURE__ */ React.createElement(Recharts.CartesianGrid, { strokeDasharray: "3 3" }), /* @__PURE__ */ React.createElement(Recharts.XAxis, { dataKey: "name" }), /* @__PURE__ */ React.createElement(Recharts.YAxis, null), /* @__PURE__ */ React.createElement(Recharts.Tooltip, null), /* @__PURE__ */ React.createElement(Recharts.Bar, { dataKey: "value", fill: "#3B82F6" }))))), slides.map((slide, index) => /* @__PURE__ */ React.createElement( "div", { key: index, id: `slide-${index}`, className: "grid md:grid-cols-2 gap-6" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8 hover:shadow-xl transition-shadow duration-200 border border-blue-100" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center text-white font-bold mr-3" }, index + 1), /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold font-roboto text-gray-800" }, slide.title))), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 font-roboto pl-11" }, slide.content)), slideImages[index] && /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8 hover:shadow-xl transition-shadow duration-200 border border-blue-100" }, /* @__PURE__ */ React.createElement( "img", { src: slideImages[index], alt: `Visual representation of ${slide.title}`, className: "w-full h-64 object-cover rounded-lg" } )) )))), activeTab === "commercial" && scriptData.jingle && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 gap-8" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center mb-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold text-center" }, "Commercial Jingle"), /* @__PURE__ */ React.createElement( "a", { href: "https://app.aitubo.ai/music", target: "_blank", rel: "noopener noreferrer", className: "bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-200 flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-music mr-2" }), /* @__PURE__ */ React.createElement("span", null, "Make it a song") )), /* @__PURE__ */ React.createElement("pre", { className: "whitespace-pre-wrap font-roboto text-gray-600 bg-gray-50 p-6 rounded-lg" }, scriptData.jingle)), /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center mb-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold text-center" }, "Commercial Screenplay"), /* @__PURE__ */ React.createElement( "button", { onClick: downloadScreenplay, className: "bg-green-600 text-white py-2 px-4 rounded-lg hover:bg-green-700 transition duration-200 flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-download mr-2" }), /* @__PURE__ */ React.createElement("span", null, "Download") )), /* @__PURE__ */ React.createElement("pre", { className: "whitespace-pre-wrap font-roboto text-gray-600 bg-gray-50 p-6 rounded-lg" }, scriptData.screenplay))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-center mt-8" }, /* @__PURE__ */ React.createElement( "a", { href: "https://ai.invideo.io/workspace/8c1885df-cd9c-46f1-b525-ff5ca15deee2/v20-copilot", target: "_blank", rel: "noopener noreferrer", className: "bg-blue-600 text-white py-3 px-8 rounded-lg hover:bg-blue-700 transition duration-200 flex items-center space-x-2 font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-external-link-alt mr-2" }), /* @__PURE__ */ React.createElement("span", null, "Create Video") )))), /* @__PURE__ */ React.createElement("footer", { className: "mt-12 text-center py-4 bg-white shadow-md" }, /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 font-roboto" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-stars text-blue-600 mr-2" }), "Powered by Five Stars App Solutions")))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();