https://snestico.ai/assets/js/SplitScreenDemoPage-DjGrv3kH.js

1import{j as e,r as h}from"./vendor-BOadm9Gy.js";import{P as p,u as g}from"./PageWithSplitScreenChat-FH3zsyYX.js";import{B as l,C as s}from"./index-DcN63-UG.js";import{B as u}from"./badge-7z_Rspf7.js";import{cb as n,cx as c,t as o,f as j,U as b,S as f,aa as y}from"./vendor-icons-kUGsRs8M.js";import{S as v}from"./SEO-BlctqH_J.js";import"./snestyChat-vxICfnRw.js";import"./vendor-ui-CeWyqG0w.js";import"./vendor-classnames-CSqCgoPn.js";import"./vendor-motion-DwikGbVM.js";import"./vendor-toast-D6B0hGGw.js";function N(){const{isChatOpen:i,toggleChat:t}=g(),[a,d]=h.useState("split-screen"),m=[{title:"Smart Property Discovery",description:"AI-powered search with advanced filtering and matching algorithms",icon:j,color:"bg-blue-50 text-blue-700 border-blue-200"},{title:"Roommate Matching",description:"Compatibility scoring with lifestyle analysis",icon:b,color:"bg-green-50 text-green-700 border-green-200"},{title:"Community Marketplace",description:"Safe, local trading hub for verified neighbors",icon:f,color:"bg-purple-50 text-purple-700 border-purple-200"},{title:"Event Discovery",description:"Find and join local events and interest groups",icon:y,color:"bg-orange-50 text-orange-700 border-orange-200"}];return e.jsx("div",{className:"min-h-screen bg-gray-50 p-8",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("div",{className:"text-4xl font-bold text-gray-900 mb-4",children:"Split Screen AI Chat Demo"}),e.jsx("p",{className:"text-xl text-gray-600 mb-8",children:"Experience the new split-screen AI assistant that lets you browse and chat simultaneously"}),e.jsxs("div",{className:"flex items-center justify-center space-x-4 mb-8",children:[e.jsxs(u,{variant:"outline",className:"text-sm",children:["Current Mode: ",a==="split-screen"?"Split Screen":"Overlay"]}),e.jsx(l,{onClick:()=>d(a==="split-screen"?"overlay":"split-screen"),variant:"outline",size:"sm",children:a==="split-screen"?e.jsxs(e.Fragment,{children:[e.jsx(n,{className:"h-4 w-4 mr-2"}),"Switch to Overlay"]}):e.jsxs(e.Fragment,{children:[e.jsx(c,{className:"h-4 w-4 mr-2"}),"Switch to Split Screen"]})})]}),e.jsx("div",{className:"flex items-center justify-center space-x-4",children:e.jsxs(l,{onClick:t,className:"bg-blue-600 hover:bg-blue-700 text-white",children:[e.jsx(o,{className:"h-4 w-4 mr-2"}),i?"Close":"Open"," AI Chat"]})})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12",children:m.map((r,x)=>e.jsxs(s,{className:"p-6 hover:shadow-lg transition-shadow",children:[e.jsx("div",{className:`w-12 h-12 rounded-lg flex items-center justify-center mb-4 ${r.color}`,children:e.jsx(r.icon,{className:"h-6 w-6"})}),e.jsx("div",{className:"text-lg font-semibold text-gray-900 mb-2",children:r.title}),e.jsx("p",{className:"text-gray-600 text-sm",children:r.description})]},x))}),e.jsxs(s,{className:"p-8 mb-8",children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-900 mb-4",children:"Try the Split Screen Experience"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-lg font-semibold text-gray-900 mb-3",children:"Split Screen Mode"}),e.jsxs("ul",{className:"space-y-2 text-gray-600",children:[e.jsx("li",{children:"• Chat appears alongside page content"}),e.jsx("li",{children:"• Page content adjusts to make room for chat"}),e.jsx("li",{children:"• Perfect for browsing while asking questions"}),e.jsx("li",{children:"• Collapsible chat panel to save space"})]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-lg font-semibold text-gray-900 mb-3",children:"Overlay Mode"}),e.jsxs("ul",{className:"space-y-2 text-gray-600",children:[e.jsx("li",{children:"• Chat appears as full-screen overlay"}),e.jsx("li",{children:"• Focused chat experience"}),e.jsx("li",{children:"• Backdrop blur for better focus"}),e.jsx("li",{children:"• Easy to switch between modes"})]})]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[e.jsxs(s,{className:"p-6 text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(o,{className:"h-8 w-8 text-blue-600"})}),e.jsx("div",{className:"text-lg font-semibold text-gray-900 mb-2",children:"Context-Aware AI"}),e.jsx("p",{className:"text-gray-600 text-sm",children:"The AI understands which page you're on and provides relevant suggestions"})]}),e.jsxs(s,{className:"p-6 text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(c,{className:"h-8 w-8 text-green-600"})}),e.jsx("div",{className:"text-lg font-semibold text-gray-900 mb-2",children:"Flexible Layout"}),e.jsx("p",{className:"text-gray-600 text-sm",children:"Switch between split-screen and overlay modes based on your preference"})]}),e.jsxs(s,{className:"p-6 text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(n,{className:"h-8 w-8 text-purple-600"})}),e.jsx("div",{className:"text-lg font-semibold text-gray-900 mb-2",children:"Seamless Integration"}),e.jsx("p",{className:"text-gray-600 text-sm",children:"Works across all pages with consistent design and functionality"})]})]})]})})}function S(){return e.jsx(p,{currentPage:"demo",isLoggedIn:!0,chatWidth:400,defaultMode:"split-screen",children:e.jsx(N,{})})}function F(){const t="https://snestico.ai/split-screen-demo";return e.jsxs(e.Fragment,{children:[e.jsx(v,{title:"Split Screen Demo - Interface Preview",description:"Preview Snestico's split-screen interface demo. Experience the innovative chat and content interface design.",keywords:"split screen demo, interface demo, UI preview, chat interface",url:t,canonical:t,noindex:!0}),e.jsx("h1",{className:"sr-only",children:"Split Screen Demo"}),e.jsx(S,{})]})}

1export{F as SplitScreenDemoPage};