@restnfeel/agentc-starter-kit
Version:
한국어 기업용 CMS 모듈 - Task Master AI와 함께 빠르게 웹사이트를 구현할 수 있는 재사용 가능한 컴포넌트 시스템
9 lines (6 loc) • 6.79 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
function TenantSiteRenderer({ site, tenantContext, }) {
return (jsxs("div", { className: "min-h-screen", children: [jsx("header", { className: "bg-white shadow-sm border-b", children: jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: jsxs("div", { className: "flex justify-between items-center h-16", children: [jsx("div", { className: "flex items-center", children: jsx("h1", { className: "text-xl font-semibold text-gray-900", children: site.name }) }), jsx("div", { className: "flex items-center space-x-4", children: jsx("span", { className: "text-sm text-gray-500", children: tenantContext.domain || `${tenantContext.subdomain}.site.com` }) })] }) }) }), jsxs("main", { children: [jsx("section", { className: "bg-gradient-to-r from-blue-600 to-purple-600 text-white py-20", children: jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [jsxs("h1", { className: "text-4xl md:text-6xl font-bold mb-6", children: ["Welcome to ", site.name] }), site.description && (jsx("p", { className: "text-xl md:text-2xl mb-8 opacity-90", children: site.description })), jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [jsx("button", { className: "bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors", children: "Get Started" }), jsx("button", { className: "border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition-colors", children: "Learn More" })] })] }) }), jsxs("div", { className: "space-y-16 py-16", children: [jsxs("section", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [jsxs("div", { className: "text-center mb-16", children: [jsx("h2", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: "About Our Service" }), jsx("p", { className: "text-lg text-gray-600 max-w-3xl mx-auto", children: "We provide innovative solutions to help your business grow and succeed in the digital age." })] }), jsxs("div", { className: "grid md:grid-cols-3 gap-8", children: [jsxs("div", { className: "text-center", children: [jsx("div", { className: "bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4", children: jsx("svg", { className: "w-8 h-8 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }) }), jsx("h3", { className: "text-xl font-semibold mb-2", children: "Fast Performance" }), jsx("p", { className: "text-gray-600", children: "Lightning fast loading times and optimized performance." })] }), jsxs("div", { className: "text-center", children: [jsx("div", { className: "bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4", children: jsx("svg", { className: "w-8 h-8 text-green-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }), jsx("h3", { className: "text-xl font-semibold mb-2", children: "Reliable Service" }), jsx("p", { className: "text-gray-600", children: "99.9% uptime guarantee with 24/7 monitoring." })] }), jsxs("div", { className: "text-center", children: [jsx("div", { className: "bg-purple-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4", children: jsx("svg", { className: "w-8 h-8 text-purple-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" }) }) }), jsx("h3", { className: "text-xl font-semibold mb-2", children: "Secure & Safe" }), jsx("p", { className: "text-gray-600", children: "Enterprise-grade security with data encryption." })] })] })] }), jsx("section", { className: "bg-gray-50 py-16", children: jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [jsxs("div", { className: "text-center mb-16", children: [jsx("h2", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: "Get In Touch" }), jsx("p", { className: "text-lg text-gray-600", children: "Ready to get started? Contact us today!" })] }), jsx("div", { className: "max-w-2xl mx-auto", children: jsxs("form", { className: "space-y-6", children: [jsxs("div", { className: "grid md:grid-cols-2 gap-6", children: [jsxs("div", { children: [jsx("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700 mb-2", children: "Name" }), jsx("input", { type: "text", id: "name", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Your name" })] }), jsxs("div", { children: [jsx("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-2", children: "Email" }), jsx("input", { type: "email", id: "email", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "your@email.com" })] })] }), jsxs("div", { children: [jsx("label", { htmlFor: "message", className: "block text-sm font-medium text-gray-700 mb-2", children: "Message" }), jsx("textarea", { id: "message", rows: 4, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Your message..." })] }), jsx("div", { className: "text-center", children: jsx("button", { type: "submit", className: "bg-blue-600 text-white px-8 py-3 rounded-md font-semibold hover:bg-blue-700 transition-colors", children: "Send Message" }) })] }) })] }) })] })] }), jsx("footer", { className: "bg-gray-900 text-white py-12", children: jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: jsxs("div", { className: "text-center", children: [jsx("h3", { className: "text-xl font-semibold mb-4", children: site.name }), jsxs("p", { className: "text-gray-400 mb-6", children: ["\u00A9 2024 ", site.name, ". All rights reserved."] }), jsxs("div", { className: "flex justify-center space-x-6", children: [jsx("a", { href: "#", className: "text-gray-400 hover:text-white transition-colors", children: "Privacy Policy" }), jsx("a", { href: "#", className: "text-gray-400 hover:text-white transition-colors", children: "Terms of Service" }), jsx("a", { href: "#", className: "text-gray-400 hover:text-white transition-colors", children: "Contact" })] })] }) }) })] }));
}
export { TenantSiteRenderer };
//# sourceMappingURL=TenantSiteRenderer.js.map