1import{j as e}from"./ui-DKb32DiD.js";import{r as c}from"./vendor-DCFBENKy.js";import{u as q,b as F,bp as W,o as I,Z as $,C as g,b9 as C,h as k,F as _,a2 as K,bq as O,bG as U,V as P,ak as D,$ as Q,H as A,s as Y,f as v,a0 as Z,am as J}from"./index-oNwIZiHT.js";import{B as X}from"./BreadcrumbSchema-BGMIAKqo.js";import{H as ee}from"./HowToSchema-BJt7kIX2.js";import{i as te,p as ie,u as oe}from"./usePromptGuideHebrewRedirect-CSP_XWwu.js";import{L as f}from"./lightbulb-XyckiZoQ.js";import{B as u}from"./building-x6d4pgho.js";import{M as B}from"./move-D7VyDvJr.js";import{F as re}from"./focus-CQmRlBkA.js";import{H as y}from"./house-DHu8AHIy.js";import{W as L}from"./wind-DtKDKKnp.js";import{m as d}from"./motion-BrksToHf.js";import"./r3f-BN6X73lm.js";import"./three-Dv4K_qkO.js";import"./konva-L1CHpTsF.js";const se=[{question:"×× ×× Grok Video?",answer:"Grok Video ××× ×××× ×צ×רת ××××× ×©× xAI (××××¨× ×©× Elon Musk), ×××× ×-Boardspace ××¨× Studio 2.0. ××× ×ª××× ×¢× 7 ת××× ×ת ×¨×¤×¨× ×¡ ××צ××× ××¡×¦× ×ת ×¢× ×××××ת, ×××ת, ×× ×¨××××."},{question:"××× Grok ××× ×××××× ×¢×צ×× ×¤× ××?",answer:"×× â ×××××× ××קר×× ×©××× ×¨×צ×× ×ר××ת ×× ×©×× ×× ×××ת ×××× ×××× ×ת××× ×. Grok ×××§ ××¡×¦× ×ת ×¢× ×ª× ××¢× ×× ×ש×ת ×××¢×ת, ×× ×©-Veo ×-Sora ×פע××× ×תקש×× ××."},{question:"××× ×× ×¢×××?",answer:"×-Boardspace ת×××ר Grok ××× ×§×××¢: 8 ×××§× ××. ×××××¥ ×××××× ×פר×× ×צ××ת ש××××ת ××× ×××§×× ×¨××¦× ×ר××ת ×××× ××××."},{question:"××× ×ª××× ×ת ×¨×¤×¨× ×¡ ×פשר ×××¢××ת?",answer:"×¢× 7 ת××× ×ת ×¨×¤×¨× ×¡ (@image1 ×¢× @image7). ×פשר ×ער×× ×ª××× ×ת ×××, פר××× ×¨××××, ×צ××××× ×שר××. ××××קר ×-Boardspace ××××¢ ××ת×× ×¤×¨×××¤× ×¢× ××¤× ××ת × ××× ×ת ××× ×ª××× ×."},{question:"×× ×× Grok Extend?",answer:"Grok Extend ××× ×¤×צ'ר ש××ר×× ××××× ×§××× ××¢×× ××× ×©× ××ת ×××ש×××ת ×××× â ×××¢×× ×ס××ר×× ×××× ×©×× ×סת××××× ××§×× ××."}],ae=[{question:"What is Grok Video?",answer:"Grok Video is xAI's (Elon Musk's company) video-generation model, available on Boardspace via Studio 2.0. It supports up to 7 reference images and excels at scenes with people, animals, or vehicles."},{question:"Is Grok good for interior design videos?",answer:"Yes â especially when you want to show people or pets in a designed space. Grok is strong at natural human motion, which Veo and Sora sometimes struggle with."},{question:"How much does it cost?",answer:"Grok pricing on Boardspace is flat: 8 tokens. Recommended for client-facing presentations where you want to bring the space to life."},{question:"How many reference images can I upload?",answer:"Up to 7 reference images (@image1 through @image7). You can mix room photos, furniture pieces, and inspiration shots. Boardspace's Baker knows how to write a prompt with the right reference syntax."},{question:"What is Grok Extend?",answer:"Grok Extend is a feature that lengthens an existing video by a few seconds with full continuity â useful for room tours that shouldn't end on a hard cut."}],ne=({text:h,promptTitle:j})=>{const[m,p]=c.useState(!1),{t:a}=I("prompts"),x=async()=>{try{await navigator.clipboard.writeText(h),p(!0),v.success(`${a("copied")}: ${j}`),setTimeout(()=>p(!1),2e3)}catch{v.error(a("errors.failedToCopy"))}};return e.jsxs("button",{onClick:x,className:"flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-lime-100 dark:bg-lime-900/30 text-lime-700 dark:text-lime-400 hover:bg-lime-200 dark:hover:bg-lime-900/50 active:bg-lime-300 dark:active:bg-lime-900/70 transition-colors text-xs md:text-sm font-medium touch-manipulation",children:[m?e.jsx(Z,{className:"h-4 w-4"}):e.jsx(J,{className:"h-4 w-4"}),e.jsx("span",{className:"hidden sm:inline",children:a(m?"copied":"copyPrompt")}),e.jsx("span",{className:"sm:hidden",children:a(m?"copied":"copy")})]})},S=[{id:"grok-tricks-trends",title:"×ר××§×× ×××¨× ××× ×-Grok Video",titleEn:"Grok Video Tricks & Trends",emoji:"ð¯",icon:f,prompts:[{id:"trick-video-editor-style",title:'×ת×× ×¤×¨×××¤× ××× "×¢××¨× ×××××"',titleEn:'Write prompts like a "video editor"',description:"×ª× ×עת ×צ××× ××ת + ×××× ×§×× ××",descriptionEn:"One camera movement + small life cues",prompt:'ת×ת×× ×¤×¨×××¤× ××× "×¢××¨× ×××××": ×ª× ×עת ×צ××× ××ת (pushâin / pan ×§××), 2â3 "××××" ×§×× ×× (×××××/××ר/רפ×קצ××ת), ××××§ "×× ××©× ×ת ×××××ר××/ר×××××".',promptEn:`Write prompts like a "video editor": one camera movement (push-in / small pan), 2â3 small "life" cues (curtain/light/reflections), and a rule of "don't change geometry/furniture".`,icon:f},{id:"trick-reduce-complexity",title:"×פ×ת ××ר×××ת ×× ××××× ××צ××",titleEn:"Reduce complexity if the model invents",description:'פ××ת פר×××, ××תר "keep everything the same"',descriptionEn:'Less detail, more "keep everything the same"',prompt:'×× ××ª× ×¨××× ×©××××× "××צ××" ×¢×צ××, ת×ר×× ××ר×××ת: פ××ת פר×××, ××תר "keep everything the same, only animate â¦" (×××× ××××× ××××ר×ת ×פש××ת).',promptEn:'If the model "invents" design elements, reduce complexity: fewer details, more "keep everything the same, only animate â¦" (the tool is tuned for speed and simplicity).',icon:$},{id:"trick-camera-locked",title:'××× ×צ××: "camera locked" ×× "gentle zoom only"',titleEn:'Most stable: "camera locked" or "gentle zoom only"',description:"×ª× ××¢×ת ×××××ת ××ר××ת ×-warping",descriptionEn:"Large movements cause warping",prompt:'×××× ×ר××ר, ××× ×צ××: "camera locked" ×× "gentle zoom only", ×× ×ª× ××¢×ת ×××××ת ××ר××ת ×ר×× ×âwarping ××§×××× ×שר××.',promptEn:'For interiors, most stable: "camera locked" or "gentle zoom only" â large movements usually cause warping on straight lines.',icon:g},{id:"trick-architectural-still-alive",title:'"Architectural still alive"',description:"×××¢× ×¡×××ס ××× ×× - ×××§×¨×ª× ××צ××",descriptionEn:"Almost still but alive â premium and stable",prompt:'"Architectural still alive": ××××× ×©× ×¨×× ×××¢× ×¡×××ס ××× ×× (××××× ×¢×××, ×¢××× ××××¥, רפ×קצ××ת) â ×× × ×¨×× ×××§×¨×ª× ××צ××, ××פ××ת ××¢×××ת.',promptEn:'"Architectural still alive": a video that looks almost still but alive (subtle curtain, leaves outside, reflections) â looks premium and stable, and reduces errors.',icon:u},{id:"trick-light-mood-shift",title:'"Light mood shift"',description:"×××â××××/×¢×¨× - ש×× ×× ×ª×××¨× ××××",descriptionEn:"Dayâgolden/evening â lighting change only",prompt:'"Light mood shift": ×××â××××/×¢×¨× â ש×× ×× ×ª×××¨× ×××× ××× ××¨× ×××§× ×××צ×× "×××××" ××× ×ש××ר ×ת ××¢×צ××.',promptEn:'"Light mood shift": dayâgolden/evening â a lighting-only change is a powerful way to produce a "video" without breaking the design.',icon:C},{id:"trick-real-estate-gimbal",title:'"Real-estate gimbal"',description:"Push-in ×¢××× + ×ש××¤× ×צ×××",descriptionEn:"Gentle push-in + stable exposure",prompt:'"Real-estate gimbal": pushâin ×¢××× + ×ש××¤× ×צ××× â ת×××©× ×©××××§×ת ×§××ס×ת ש×סת×רת ×¢× imageâtoâvideo ×××ר.',promptEn:'"Real-estate gimbal": gentle push-in + stable exposure â a classic marketing feel that works well with fast image-to-vi
1deo.',icon:g}]},{id:"interior-safe",title:'10 פר××פ×××: ××× ×ר××ר "××××"',titleEn:'10 Prompts: "Safe" Interior',emoji:"ð ",icon:y,prompts:[{id:"keep-room-same-gentle-zoom",title:"Keep room same, gentle zoom",description:"××× ×××× ×¢× ×ª× ××¢×ת ×¢××× ×ת",descriptionEn:"Slow zoom with gentle movements",prompt:"Keep the room exactly the same. Gentle slow zoom in. Soft curtain movement and realistic window reflections.",icon:g},{id:"lock-camera-daylight-only",title:"Lock camera, daylight only",description:"רק ת××רת ××× ×××¢×ת",descriptionEn:"Natural daylight only",prompt:"Lock camera. Only animate natural daylight: slight shadow drift, tiny dust in sunbeams, no layout changes.",icon:C},{id:"slow-pan-keep-walls-straight",title:"Slow pan, keep walls straight",description:"פ×× ×§×× ×¢× ×©×××¨× ×¢× ×§×××× ×שר××",descriptionEn:"Small pan while keeping straight lines",prompt:"Slow pan a few degrees to the right, keep walls straight. Subtle plant sway, realistic reflections.",icon:B},{id:"gimbal-push-premium",title:"Gimbal push-in, premium feel",description:"ת×××©× ×©××××§×ת ××קרת×ת",descriptionEn:"Premium marketing feel",prompt:"Gimbal push-in, premium real-estate feel. No new furniture, no style changes. Micro motion only.",icon:g},{id:"no-camera-warm-lamps",title:"No camera movement, warm lamps",description:"×××קת ×× ×ר×ת ×××ת",descriptionEn:"Warm lamps turning on",prompt:"No camera movement. Turn on warm lamps gradually, cozy evening mood, everything else identical.",icon:f},{id:"rack-focus-foreground-sofa",title:"Rack focus: foreground to sofa",description:"××¢×ר ×××§×× ××××ת ×רקע",descriptionEn:"Focus shift from foreground to background",prompt:"Rack-focus look: foreground decor sharp, then focus shifts to sofa area. Room unchanged.",icon:re},{id:"minimal-handheld-micro",title:"Minimal handheld micro-movement",description:"×ª× ×עת ×צ××× ×¢××× × ××××",descriptionEn:"Very subtle camera movement",prompt:"Minimal handheld micro-movement (very subtle), natural exposure, no geometry warp, no layout changes.",icon:g},{id:"kitchen-steam-specular",title:"Kitchen: steam + specular highlights",description:"×××× ×××ר×ת ×××××",descriptionEn:"Steam and highlights in kitchen",prompt:"Kitchen: add gentle steam from a mug, tiny specular highlights on countertop, slow zoom in.",icon:y},{id:"bathroom-steam-reflections",title:"Bathroom: steam + mirror reflections",description:"×××× ××שתקפ×××ת ×××ר ר×צ×",descriptionEn:"Steam and reflections in bathroom",prompt:"Bathroom: subtle steam haze, realistic mirror reflections, camera locked, no changes to fixtures.",icon:y},{id:"bedroom-morning-light",title:"Bedroom: morning light + curtain",description:"××ר ××קר ×××××× ×××ר ש×× ×",descriptionEn:"Morning light and curtain in bedroom",prompt:"Bedroom: soft morning light, curtain sway, bedding barely settles, slow push-in, keep everything the same.",icon:y}]},{id:"interior-styling-storytelling",title:'8 פר××פ×××: ××× ×ר××ר "ס×××××× ×/ס××ר××××× ×"',titleEn:'8 Prompts: Interior "Styling/Storytelling"',emoji:"â¨",icon:k,prompts:[{id:"lived-in-book-curtain",title:"Lived-in: book page + curtain",description:"ת×××©× ×©× ××§×× ××××",descriptionEn:"Lived-in feeling",prompt:"Make it feel lived-in: a book page gently moves, curtain sway, warm light, no object repositioning.",icon:k},{id:"lifestyle-coffee-tv",title:"Lifestyle: coffee steam + TV flicker",description:"×××× ×××××××××",descriptionEn:"Everyday life",prompt:"Add subtle lifestyle: coffee cup steam + gentle TV light flicker, camera locked, no new objects.",icon:_},{id:"cleaning-reveal-dust",title:"Cleaning reveal: dust motes fade",description:"×ש×פת × ××§×××",descriptionEn:"Cleaning reveal",prompt:"Cleaning reveal: dust motes fade, reflections become cleaner, lighting steadies, room unchanged.",icon:K},{id:"material-showcase-wood-stone",title:"Material showcase: wood + stone",description:"×××שת ×××ר××",descriptionEn:"Material emphasis",prompt:"Material showcase: emp
1hasize wood grain and stone reflections with a tiny camera slide, no warping.",icon:k},{id:"golden-hour-glow",title:"Golden hour glow",description:"שעת ×××",descriptionEn:"Golden hour",prompt:"Golden hour glow: warm highlights, long soft shadows, no layout changes, smooth stable exposure.",icon:C},{id:"night-luxury-practical-lights",title:"Night luxury: practical lights",description:"×××§×¨×ª× ××××",descriptionEn:"Night luxury",prompt:"Night luxury: warm practical lights on, cool window ambience, realistic reflections, no flicker.",icon:f},{id:"calm-breeze-plants-curtains",title:"Calm breeze: plants + curtains",description:"ר×× ×¢××× ×",descriptionEn:"Gentle breeze",prompt:"Calm breeze: plants and sheer curtains move gently, everything else perfectly still.",icon:L},{id:"architectural-hero-still",title:"Architectural hero: almost still",description:"××××ר ××ר××××",descriptionEn:"Architectural hero shot",prompt:"Architectural hero: almost still shot, only micro reflections and foliage outside, premium look.",icon:u}]},{id:"exterior-neighborhood-building",title:"7 פר××פ×××: ×קס×ר××ר - ש××× ×/×× ×××/×צר",titleEn:"7 Prompts: Exterior â Neighborhood/Building/Yard",emoji:"ð¡",icon:u,prompts:[{id:"aerial-gentle-zoom-stable",title:"Aerial feel: gentle zoom, stable",description:"ת×××©× ××××ר×ת",descriptionEn:"Aerial feel",prompt:"Aerial feel: gentle zoom in, stable horizon, subtle cloud drift, buildings unchanged.",icon:u},{id:"slow-orbit-building",title:"Slow orbit around building",description:"קשת ××××ת ס××× ×× ×××",descriptionEn:"Slow arc around building",prompt:"Slow orbit a tiny amount around the building, keep architecture identical, soft tree movement.",icon:B},{id:"blue-hour-path-lights",title:"Blue hour: path lights glow",description:"שעת ××××",descriptionEn:"Blue hour",prompt:"Blue hour: path lights gradually glow, windows warm slightly, no building morphing.",icon:f},{id:"after-rain-wet-reflections",title:"After rain: wet reflections",description:"×××¨× ×ש×",descriptionEn:"After rain",prompt:"After rain: wet pavement reflections shimmer subtly, slow push-in, no layout changes.",icon:L},{id:"courtyard-life-distant",title:"Courtyard life (distant)",description:"×××× ××צר",descriptionEn:"Courtyard life",prompt:"Courtyard life (distant): a few small people walk slowly, café seating subtle, no close faces.",icon:u},{id:"pool-area-ripples",title:"Pool area: ripples + reflections",description:"×××ר ×ר×××",descriptionEn:"Pool area",prompt:"Pool area: gentle water ripples and reflections, camera locked, landscape unchanged.",icon:u},{id:"luxury-promo-grade",title:"Luxury promo grade",description:"×ר××× × ×©××××§× ××קרת×",descriptionEn:"Premium marketing grading",prompt:"Luxury promo grade: warm highlights, clean contrast, stable exposure, gentle push-in, no text/logos.",icon:k}]}];function Ne(){const[h,j]=c.useState(""),[m,p]=c.useState(!1),{user:a}=q(),x=F(),N=W(),{t:r}=I("prompts"),t=te(N.pathname),G=ie(N.pathname);oe(),c.useEffect(()=>{window.scrollTo(0,0)},[]);const T=async()=>{if(!a){x("/auth");return}p(!0);try{const{data:i,error:o}=await Y.from("canvas_docs_konva").insert({owner_id:a.id,title:"Grok Video Generator",konva_data:{version:"1.0.0",viewport:{x:0,y:0,scale:1},layers:[{id:"default",name:"Layer 1",visible:!0},{id:"layer-measurements",name:"Measurements",visible:!0}],images:[],shapes:[],textNotes:[],drawings:[],videos:[],groups:[]}}).select().single();if(o){console.error("Error creating canvas:",o),v.error(r("errors.failedToCreateProject")),p(!1);return}x(`/canvas/${i.id}?openSidebar=true&agent=videoGenerator`)}catch(i){console.error("Error creating project:",i),v.error(r("errors.failedToCreateProject")),p(!1)}},E=c.useMemo(()=>{const i={"grok-tricks-trends":"grokCategories.tricksTrends","interior-safe":"grokCategories.interiorSafe","interior-styling-storytelling":"grokCategories.interiorStylingStorytelling","exterior-neighborhood-building":"grokCategories.exteriorNeighborhoodBuilding"};return S.map(o=>({...o,title:r(i[o.id])||(t?o.title:o.titleEn||o.title),prompts:o.prompts.map(s=>({...s,title:r(`grokPromptTitles.${s.id}`)||(t?s.title:s.titleEn||s.title),description:r(`grokPromptDescriptions.${s.id}`)||(t?s.description:s.descriptionEn||s.description),prompt:t?s.prompt:s.promptEn||s.prompt}))}))},[r,t]),z=c.useMemo(()=>{const i=h.toLowerCase();return E.map(o=>({...o,prompts:o.prompts.filter(s=>{var n,b,w,V;return s.title.toLowerCase().includes(i)||s.description.toLowerCase().includes(i)||((b=(n=S.find(l=>l.id===o.id))==null?void 0:n.prompts.find(l=>l.id===s.id))==null?void 0:b.title.toLowerCase().includes(i))||!1||((V=(w=S.find(l=>l.id===o.id))==null?void 0:w.prompts.find(l=>l.id===s.id))==null?void 0:V.description.toLowerCase().includes(i))||!1})})).filter(o=>o.prompts.length>0)},[E,h]),M=c.useMemo(()=>t?["××ר×× ×¤×¨××פ××× Grok Video","xAI Grok","×¢×צ×× ×¤× ××","AI ×××××","פר××פ××× ×××××","××ר×ספ××ס","×צ×רת ××××× AI","×¢×צ×× ×¤× ×× ×קצ××¢×","××××× ×¢×צ×× ×¤× ××","ת××× × ××××××","Grok Video ×שר××","××ר×× Grok Video ××¢×ר×ת","פר××פ××× Grok Video ××עצ×× ×¤× ××","Grok Video ×¢×צ×× ×¤× ××","××××× AI ×¢×צ×× ×¤× ××","×צ×רת ××××× ××¢×צ×× ×¤× ××","Grok Video ××ר×× ×קצ××¢×"]:["grok video prompt guide","xai grok","interior design","AI video","video prompts","boardspace","AI video generation","professional interior design","interior design video","image to video"],[t]),R=[{name:t?"××ת":"Home",url:"https://boardspace.ai/"},{name:t?"×ש××××":"Resources",url:"https://boardspace.ai/#resources"},{name:t?"××ר×× ×¤×¨××פ××× Grok Video":"Grok Video Prompt Guide",url:G}],H=[{name:t?"××ר ×§×××ר××ת פר××פ×":"Choose a prompt c
1ategory",text:t?"×¢××× ××§×××ר××ת ×ש×× ×ת: ×ר××§×× ×××¨× ×××, ××× ×ר××ר ××××, ס×××××× ×, ××קס×ר××ר":"Browse different categories: tricks and trends, safe interior, styling, and exterior"},{name:t?"××ר פר××פ×":"Select a prompt",text:t?"××ר ×ת ×פר×××¤× ××ת××× ×פר×××§× ×©××. ×× ×¤×¨×××¤× ×××× ×ª×××ר ×פ××¨× ×©× ×ª× ×עת ××צ××× ×××פק×××":"Choose the prompt that fits your project. Each prompt includes detailed description of camera movement and effects"},{name:t?"×עתק ××שת×ש":"Copy and use",text:t?"×עתק ×ת ×פר×××¤× ××שת×ש ×× ×¢× Grok Video ×-Boardspace.ai. ××¢×× ×ª××× × ××שת×ש ×פר×××¤× ××צ×רת ×××××":"Copy the prompt and use it with Grok Video on Boardspace.ai. Upload an image and use the prompt to create video"},{name:t?"צ×ר ××××× ×קצ××¢×":"Create professional video",text:t?"×שת×ש ×פר×××¤× ×¢× Video Generator ×-Boardspace.ai ××× ××צ×ר סר××× × ×¢×צ×× ×¤× ×× ×קצ××¢×××":"Use the prompt with Video Generator on Boardspace.ai to create professional interior design videos"}];return e.jsxs(e.Fragment,{children:[e.jsx(O,{title:t?"××ר×× ×¤×¨××פ××× ××××××× Grok ××עצ×× ×¤× ×× | Boardspace.ai":"Grok Video Prompt Guide for Interior Designers | Boardspace.ai",description:t?"××ר×× ×קצ××¢× ×¢× ×ר××§×× ×-25 פר××פ××× ×××× ×× ×-Grok Video ××עצ×× ×¤× ××. ××× ××× ××§×ת ×קצ××¢××ת ××צ×רת ××××× ××¢×צ××× ×¤× ×× ×¢× ×ס×ס ת××× ×ת ×§××××ת.":"Professional guide with tricks and 25 ready prompts for Grok Video for interior designers. Learn professional techniques for creating videos from existing interior design images.",canonical:G,keywords:M,ogImage:"https://boardspace.ai/canvas-icon.png"}),e.jsx(X,{items:R}),e.jsx(ee,{name:t?"××ר×× ×¤×¨××פ××× ××××××× Grok ××עצ×× ×¤× ××":"Grok Video Prompt Guide for Interior Designers",description:t?"××× ×××¦× ××שת×ש ××ר××§×× ×-25 פר××פ××× ×קצ××¢××× ××צ×רת סר××× × ×¢×צ×× ×¤× ×× ×¢× Grok Video":"Learn how to use tricks and 25 expert prompts to create interior design videos with Grok Video",url:G,steps:H,locale:t?"he":"en"}),e.jsx(U,{faqs:t?se:ae}),e.jsx("div",{className:`min-h-screen dot-grid-pinterest-light overflow-x-hidden relative bg-transparent ${t?"rtl":"ltr"}`,dir:t?"rtl":"ltr",children:e.jsx("div",{className:"pt-[160px] md:pt-[180px] pb-20 px-4 md:px-6",children:e.jsxs("div",{className:"mx-auto max-w-6xl w-full",children:[e.jsxs(d.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6},className:`text-center mb-12 ${t?"font-heebo":""}`,children:[e.jsxs("div",{className:`inline-flex items-center gap-2 rounded-full border border-lime-200 dark:border-lime-800 bg-lime-50 dark:bg-lime-900/30 px-4 py-2 text-sm font-medium text-lime-700 dark:text-lime-400 mb-4 ${t?"font-heebo":""}`,children:[e.jsx(P,{className:"h-4 w-4"}),"xAI Grok Video"]}),e.jsx("h1",{className:`text-3xl md:text-5xl font-bold text-foreground mb-4 px-2 !tracking-[-0.023em] ${t?"font-heebo":""}`,children:r("grokGuide.title")}),e.jsx("p",{className:`text-sm md:text-lg text-muted-foreground max-w-2xl mx-auto mb-8 px-2 ${t?"font-heebo":""}`,children:r("grokGuide.subtitle")}),e.jsx("div",{className:"max-w-2xl mx-auto",children:e.jsxs("div",{className:"relative",children:[e.jsx(D,{className:`absolute ${t?"right-4":"left-4"} top-1/2 transform -translate-y-1/2 w-5 h-5 text-muted-foreground`}),e.jsx("input",{type:"text",placeholder:r("grokGuide.searchPlaceholder"),value:h,onChange:i=>j(i.target.value),className:`w-full ${t?"pr-12 pl-4 font-heebo":"pl-12 pr-4"} py-3 rounded-2xl border border-lime-200 dark:border-lime-800 bg-background/60 backdrop-blur-sm text-foreground placeholder-muted-foreground focus:outline-none focus:ring-2 focus:ring-lime-500/30 focus:border-lime-500 transition-all`})]})})]}),e.jsx(d.div,{initial:{opacity:0,y:20}
1,animate:{opacity:1,y:0},transition:{duration:.6,delay:.15},className:"grid grid-cols-1 md:grid-cols-4 gap-3 md:gap-4 mb-12 md:mb-16",children:E.map(i=>{const o=i.icon;return e.jsx(d.a,{href:`#${i.id}`,whileHover:{scale:1.05,y:-2},className:`bg-card border border-lime-200 dark:border-lime-800/50 rounded-xl p-4 hover:shadow-md hover:border-lime-300 dark:hover:border-lime-700 transition-all cursor-pointer group ${t?"font-heebo":""}`,children:e.jsxs("div",{className:"flex flex-col items-center text-center gap-2",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-lime-100 dark:bg-lime-900/30 flex items-center justify-center text-lime-600 dark:text-lime-400 group-hover:bg-lime-200 dark:group-hover:bg-lime-900/50 transition-colors",children:e.jsx(o,{className:"w-5 h-5"})}),e.jsxs("span",{className:"text-sm font-semibold text-foreground",children:[i.emoji," ",i.title]}),e.jsxs("span",{className:"text-xs text-muted-foreground",children:[i.prompts.length," ",r("prompts")]})]})},i.id)})}),e.jsx("div",{className:"space-y-16",children:z.map((i,o)=>{const s=i.icon;return e.jsxs(d.section,{id:i.id,initial:{opacity:0,y:24},animate:{opacity:1,y:0},transition:{duration:.5,delay:o*.1},className:"scroll-mt-24",children:[e.jsxs("div",{className:`flex items-center gap-3 mb-8 ${t?"font-heebo":""}`,children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-lime-100 dark:bg-lime-900/30 flex items-center justify-center text-lime-600 dark:text-lime-400",children:e.jsx(s,{className:"w-6 h-6"})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("h2",{className:"text-xl md:text-3xl font-bold text-foreground mb-1 break-words !tracking-[-0.023em]",children:[i.emoji," ",i.title]}),e.jsxs("p",{className:"text-sm md:text-base text-muted-foreground",children:[i.prompts.length," ",r("prompts")]})]})]}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4 md:gap-6",children:i.prompts.map((n,b)=>{const w=n.icon;return e.jsxs(d.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,delay:o*.1+b*.05},className:`bg-card border border-border rounded-2xl p-4 md:p-6 hover:shadow-md transition-all w-full overflow-hidden ${t?"font-heebo":""}`,children:[e.jsxs("div",{className:"flex items-start gap-3 mb-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-lime-100 dark:bg-lime-900/30 flex items-center justify-center text-lime-600 dark:text-lime-400 flex-shrink-0",children:e.jsx(w,{className:"w-5 h-5"})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("h3",{className:"text-base md:text-lg font-semibold text-foreground mb-1 break-words",children:n.title}),e.jsx("p",{className:"text-xs md:text-sm text-muted-foreground break-words",children:n.description})]})]}),e.jsx("div",{className:"relative mb-4 w-full",children:e.jsx("pre",{className:"bg-[#1e1e1e] dark:bg-[#0d0d0d] text-gray-100 p-3 md:p-4 roun
1ded-xl overflow-x-auto overflow-y-auto max-h-48 whitespace-pre-wrap font-mono leading-relaxed text-[11px] md:text-xs",style:{WebkitOverflowScrolling:"touch"},children:e.jsx("code",{className:"block whitespace-pre-wrap",children:n.prompt})})}),e.jsx("div",{className:"flex justify-end",children:e.jsx(ne,{text:n.prompt,promptTitle:n.title})})]},n.id)})})]},i.id)})}),e.jsx(d.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.5,delay:.55},className:`mt-6 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-2xl p-6 ${t?"font-heebo":""}`,children:e.jsxs("div",{className:`flex items-start gap-4 ${t?"flex-row-reverse":""}`,children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-amber-200 dark:bg-amber-800 flex items-center justify-center flex-shrink-0",children:e.jsx($,{className:"w-5 h-5 text-amber-700 dark:text-amber-300"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-amber-800 dark:text-amber-300 mb-2",children:r("grokGuide.aiNote.title")}),e.jsx("p",{className:"text-amber-700 dark:text-amber-400 leading-relaxed",children:r("grokGuide.aiNote.text")})]})]})}),e.jsx(d.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.5,delay:.6},className:"mt-12 text-center",children:e.jsxs("div",{className:`inline-flex flex-col items-center gap-4 roun
1ded-3xl border border-lime-200 dark:border-lime-800 bg-lime-50/50 dark:bg-lime-900/10 px-6 py-8 md:px-10 md:py-10 shadow-sm max-w-2xl ${t?"font-heebo":""}`,children:[e.jsxs("div",{className:`inline-flex items-center gap-2 text-sm font-semibold uppercase tracking-[0.3em] text-lime-700 dark:text-lime-400 ${t?"flex-row-reverse":""}`,children:[e.jsx(P,{className:"h-4 w-4"}),r("grokGuide.cta.readyToCreate")]}),e.jsx("p",{className:"text-base md:text-lg text-foreground/90",children:r(a?"grokGuide.cta.startNewProject":"grokGuide.cta.signUpToTry")}),e.jsx("button",{onClick:T,disabled:m,className:`inline-flex items-center justify-center gap-2 rounded-full bg-[#E60023] hover:bg-[#BD081C] disabled:bg-[#E60023]/50 px-6 py-2.5 text-sm font-semibold text-white shadow-lg hover:shadow-xl transition-all disabled:cursor-not-allowed ${t?"flex-row-reverse":""}`,children:m?e.jsxs(e.Fragment,{children:[e.jsx(Q,{className:"h-4 w-4 animate-spin"}),r("cta.creating")]}):a?e.jsxs(e.Fragment,{children:[r("grokGuide.cta.tryVideoGenerator"),e.jsx(A,{className:"h-4 w-4"})]}):e.jsxs(e.Fragment,{children:[r("cta.getStarted"),e.jsx(A,{className:"h-4 w-4"})]})})]})})]})})})]})}export{Ne as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.