98:I[903690,["/chat-static/_next/static/immutable/chunks/1i2isz87ad2fm.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/0iy9i8p65rpg9.js","/chat-static/_next/static/immutable/chunks/41nt7bknvoy-2.js","/chat-static/_next/static/immutable/chunks/439jxqurtart2.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/0v6za4mu6mmch.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/2ihe2cde8-h-m.js","/chat-static/_next/static/immutable/chunks/34pqinj9axzi3.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/1rrz1gyavzpra.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/3uemooq8k89t8.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/30_g11n-9sgvo.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/030xbp1tqz0c-.js","/chat-static/_next/static/immutable/chunks/3ep4uqbimwu3j.js","/chat-static/_next/static/immutable/chunks/1gd2je8sb9-i-.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/1hxf_x4g0yt3a.js","/chat-static/_next/static/immutable/chunks/1q2vyt4xp8b7g.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/2hbdwztcn8k49.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/0r26c0l_2qbb1.js","/chat-static/_next/static/immutable/chunks/1sp09rcaj9_la.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"ExplicitChatIdProvider"] 99:I[838238,["/chat-static/_next/static/immutable/chunks/1i2isz87ad2fm.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/0iy9i8p65rpg9.js","/chat-static/_next/static/immutable/chunks/41nt7bknvoy-2.js","/chat-static/_next/static/immutable/chunks/439jxqurtart2.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/0v6za4mu6mmch.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/2ihe2cde8-h-m.js","/chat-static/_next/static/immutable/chunks/34pqinj9axzi3.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/1rrz1gyavzpra.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/3uemooq8k89t8.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/30_g11n-9sgvo.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/030xbp1tqz0c-.js","/chat-static/_next/static/immutable/chunks/3ep4uqbimwu3j.js","/chat-static/_next/static/immutable/chunks/1gd2je8sb9-i-.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/1hxf_x4g0yt3a.js","/chat-static/_next/static/immutable/chunks/1q2vyt4xp8b7g.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/2hbdwztcn8k49.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/0r26c0l_2qbb1.js","/chat-static/_next/static/immutable/chunks/1sp09rcaj9_la.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"SWRDataProvider"] 9b:[] 9c:[["b_IKsj9Ebxnd5",null],["b_V8seGtqfEUg",null],["b_lTSLeojUSpa",null],["b_9e4MaNNijrE",null],["b_ALC5Gw8Z6V5",null]] 9d:[["b_IKsj9Ebxnd5",{"templateVersionId":null,"templateCanonId":null}],["b_V8seGtqfEUg",{"templateVersionId":null,"templateCanonId":null}],["b_lTSLeojUSpa",{"templateVersionId":null,"templateCanonId":null}],["b_9e4MaNNijrE",{"templateVersionId":null,"templateCanonId":null}],["b_ALC5Gw8Z6V5",{"templateVersionId":null,"templateCanonId":null}]] 9e:[["b_T92ocxM857S","$D2025-08-10T08:06:45.368Z"],["b_SSLjLTSgFhp","$D2025-08-10T08:09:38.288Z"],["b_YMiM0K5gHdI","$D2025-08-11T06:46:26.072Z"],["b_jX5kB92wJJa","$D2025-08-11T06:58:06.753Z"],["b_FIW5sqQ2kID","$D2025-08-11T07:04:42.496Z"],["b_X8bpgH8E1cB","$D2025-08-13T06:44:25.686Z"],["b_AohXaZT9qDD","$D2025-08-13T06:47:44.732Z"],["b_DTRRzOdWsQP","$D2025-08-13T06:48:55.980Z"],["b_s0RfuQmAa7A","$D2025-08-13T06:50:20.390Z"],["b_mjibQ4XcneZ","$D2025-08-14T15:19:52.784Z"],["b_dqYiIQtLQOU","$D2025-08-14T15:23:57.699Z"],["b_5FTdcYzcRq1","$D2025-08-14T15:28:57.385Z"],["b_u8VuG2pRnDW","$D2025-08-17T07:55:45.137Z"],["b_H6tL8q2eyWB","$D2025-08-17T07:58:25.633Z"],["b_sO72JtwTygx","$D2025-08-17T08:00:30.935Z"],["b_aFPeNGqR08y","$D2025-08-17T08:01:52.101Z"],["b_IKsj9Ebxnd5","$D2025-08-19T06:56:06.677Z"],["b_V8seGtqfEUg","$D2025-08-31T07:08:24.061Z"],["b_lTSLeojUSpa","$D2026-01-19T15:24:34.442Z"],["b_9e4MaNNijrE","$D2026-01-19T15:25:09.767Z"],["b_ALC5Gw8Z6V5","$D2026-01-19T15:25:27.419Z"]] 9f:[["b_IKsj9Ebxnd5",false],["b_V8seGtqfEUg",false],["b_lTSLeojUSpa",false],["b_9e4MaNNijrE",false],["b_ALC5Gw8Z6V5",false]] a0:[["b_IKsj9Ebxnd5",{"deploymentId":"dpl_4XX7B2ySEDPLY2Xktx9GRTbgN5ut"}],["b_V8seGtqfEUg",{"deploymentId":"dpl_82p9F1kpDApvxCqh21FeNRhr6Jad"}],["b_lTSLeojUSpa","$undefined"],["b_9e4MaNNijrE","$undefined"],["b_ALC5Gw8Z6V5",{"deploymentId":"dpl_AVNX2cAgwhfzXaxdFYU2pSMfwPd5"}]] a1:[["b_IKsj9Ebxnd5",null],["b_V8seGtqfEUg",null],["b_lTSLeojUSpa",null],["b_9e4MaNNijrE",null],["b_ALC5Gw8Z6V5",null]] a2:[["b_IKsj9Ebxnd5",true],["b_V8seGtqfEUg",true],["b_lTSLeojUSpa",true],["b_9e4MaNNijrE",true],["b_ALC5Gw8Z6V5",true]] a3:[["b_IKsj9Ebxnd5",true],["b_V8seGtqfEUg",true],["b_lTSLeojUSpa",true],["b_9e4MaNNijrE",true],["b_ALC5Gw8Z6V5",true]] a4:[] a5:T42e69,[V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/sports/page.tsx" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Trophy, Clock, ExternalLink, Home, Target, Users } from "lucide-react" import Link from "next/link" export default function SportsPage() { const sportsCategories = [ { name: "כדורגל", count: 25, color: "bg-green-100 text-green-800", icon: "⚽" }, { name: "כדורסל", count: 12, color: "bg-orange-100 text-orange-800", icon: "🏀" }, { name: "טניס", count: 8, color: "bg-yellow-100 text-yellow-800", icon: "🎾" }, { name: "שחייה", count: 6, color: "bg-blue-100 text-blue-800", icon: "🏊" }, { name: "אתלטיקה", count: 10, color: "bg-red-100 text-red-800", icon: "🏃" }, { name: "ספורט מוטורי", count: 7, color: "bg-gray-100 text-gray-800", icon: "🏎️" }, ] const sportsSites = [ { name: "Sport5", url: "https://sport5.co.il", description: "אתר הספורט המוביל בישראל", category: "ספורט כללי", }, { name: "ONE", url: "https://one.co.il", description: "חדשות ספורט ובידור", category: "ספורט כללי", }, { name: "ספורט Ynet", url: "https://ynet.co.il/sport", description: "מדור הספורט של Ynet", category: "ספורט כללי", }, { name: "ספורט Walla", url: "https://sports.walla.co.il", description: "חדשות ספורט מ-Walla", category: "ספורט כללי", }, { name: "התאחדות הכדורגל", url: "https://ifa.co.il", description: "האתר הרשמי של ההתאחדות", category: "כדורגל", }, { name: "מכבי תל אביב", url: "https://maccabi-tlv.co.il", description: 'האתר הרשמי של מכבי ת"א', category: "כדורגל", }, { name: "הפועל תל אביב", url: "https://hapoelta.co.il", description: 'האתר הרשמי של הפועל ת"א', category: "כדורגל", }, { name: "ערוץ הספורט", url: "https://sport.co.il", description: "ערוץ הספורט הישראלי", category: "ספורט כללי", }, ] const liveScores = [ { team1: "מכבי תל אביב", team2: "הפועל חיפה", score1: "2", score2: "1", status: "מסתיים", league: "ליגת העל" }, { team1: 'בית"ר ירושלים', team2: "מכבי חיפה", score1: "1", score2: "1", status: "דקה 75", league: "ליגת העל" }, { team1: 'הפועל ת"א', team2: "מכבי נתניה", score1: "-", score2: "-", status: "20:00", league: "ליגת העל" }, { team1: "נבחרת ישראל", team2: "נבחרת איטליה", score1: "0", score2: "2", status: "מסתיים", league: "ליגת האומות" }, ] const sportsNews = [ { title: "מכבי תל אביב מנצחת 2-1 את הפועל חיפה", time: "לפני 5 דקות", urgent: true }, { title: "נבחרת ישראל בכדורסל עולה לשמינית הגמר", time: "לפני 20 דקות", urgent: false }, { title: "שיא ישראלי חדש בשחייה ל-יעל כהן", time: "לפני שעה", urgent: true }, { title: "הארכת חוזה למאמן נבחרת הכדורגל", time: "לפני שעתיים", urgent: false }, { title: "פציעה לכוכב מכבי תל אביב", time: "לפני 3 שעות", urgent: false }, ] return (

{/* Header */}

חזרה לעמוד הראשי

ספורט

חדשות ותוצאות ספורט

{/* Live Scores Banner */}

תוצאות חיות {liveScores.slice(0, 2).map((match, index) => (

{match.team1} {match.score1}-{match.score2} {match.team2} {match.status}

))}

{/* Main Content */}

{/* Live Scores */} תוצאות ומשחקים

{liveScores.map((match, index) => (

{match.league}

{match.team1} {match.score1} - {match.score2} {match.team2}

{match.status}

))}

{/* Sports Categories */} ענפי ספורט

{sportsCategories.map((category, index) => (

{category.icon} {category.count}

{category.name}

))}

{/* Sports Sites */} אתרי ספורט מובילים

{sportsSites.map((site, index) => (

{site.name}

{site.description}

{site.category}

))}

{/* Sidebar */}

{/* Sports News */} חדשות ספורט {sportsNews.map((item, index) => (

{item.urgent && חדש}

{item.title}

{item.time}

))} {/* Teams */} קבוצות פופולאריות {/* Quick Links */} קישורים מהירים

) } [V0_FILE]typescriptreact:file="app/entertainment/page.tsx" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Music, Clock, ExternalLink, Home, Film, Tv, Headphones } from "lucide-react" import Link from "next/link" export default function EntertainmentPage() { const entertainmentCategories = [ { name: "טלוויזיה", count: 18, color: "bg-purple-100 text-purple-800", icon: "📺" }, { name: "קולנוע", count: 15, color: "bg-red-100 text-red-800", icon: "🎬" }, { name: "מוזיקה", count: 22, color: "bg-blue-100 text-blue-800", icon: "🎵" }, { name: "תיאטרון", count: 8, color: "bg-green-100 text-green-800", icon: "🎭" }, { name: "סלבריטיז", count: 12, color: "bg-pink-100 text-pink-800", icon: "⭐" }, { name: "משחקים", count: 10, color: "bg-orange-100 text-orange-800", icon: "🎮" }, ] const entertainmentSites = [ { name: "Mako", url: "https://mako.co.il", description: "בידור, טלוויזיה וסלבריטיז", category: "בידור כללי", }, { name: "Ynet בידור", url: "https://ynet.co.il/entertainment", description: "מדור הבידור של Ynet", category: "בידור כללי", }, { name: "Walla! בידור", url: "https://entertainment.walla.co.il", description: "חדשות בידור וסלבריטיז", category: "בידור כללי", }, { name: "HOT", url: "https://hot.co.il", description: "חברת הטלוויזיה הישראלית", category: "טלוויזיה", }, { name: "YES", url: "https://yes.co.il", description: "טלוויזיה בלוויין", category: "טלוויזיה", }, { name: "רשת 13", url: "https://13tv.co.il", description: "ערוץ 13 - חדשות ובידור", category: "טלוויזיה", }, { name: "כאן", url: "https://kan.org.il", description: "התאגיד הישראלי לשידור", category: "טלוויזיה", }, { name: "זאפה", url: "https://zappa-club.co.il", description: "מועדוני מוזיקה וקונצרטים", category: "מוזיקה", }, ] const tvShows = [ { name: "חדשות 13", time: "20:00", channel: "רשת 13", type: "חדשות" }, { name: "ארץ נהדרת", time: "21:30", channel: "כאן 11", type: "קומדיה" }, { name: "הכוכב הבא", time: "22:00", channel: "רשת 13", type: "ריאליטי" }, { name: "פוליטיקה", time: "23:00", channel: "ערוץ 12", type: "פוליטיקה" }, ] const entertainmentNews = [ { title: "זוכה 'הכוכב הבא' נחשף - מי זה?", time: "לפני 10 דקות", hot: true }, { title: "סרט ישראלי חדש זוכה בפרס בקאן", time: "לפני 30 דקות", hot: false }, { title: "קונצרט ענק של זמר ישראלי בפארק הירקון", time: "לפני שעה", hot: true }, { title: "סדרה ישראלית חדשה ב-Netflix", time: "לפני שעתיים", hot: false }, { title: "חתונה של כוכבת ישראלית מפורסמת", time: "לפני 3 שעות", hot: false }, ] const streamingServices = [ { name: "Netflix", url: "https://netflix.com", icon: "🎬" }, { name: "Disney+", url: "https://disneyplus.com", icon: "🏰" }, { name: "Amazon Prime", url: "https://primevideo.com", icon: "📦" }, { name: "YouTube", url: "https://youtube.com", icon: "📺" }, ] return (

{/* Header */}

חזרה לעמוד הראשי

בידור

טלוויזיה, קולנוע ומוזיקה

{/* Hot News Banner */}

חם זוכה 'הכוכב הבא' נחשף - מי זה? • לפני 10 דקות

{/* Main Content */}

{/* TV Schedule */} לוח שידורים הערב

{tvShows.map((show, index) => (

{show.time}

{show.name}

{show.channel}

{show.type}

))}

{/* Entertainment Categories */} קטגוריות בידור

{entertainmentCategories.map((category, index) => (

{category.icon} {category.count}

{category.name}

))}

{/* Streaming Services */} שירותי סטרימינג

{streamingServices.map((service, index) => (

{service.icon}

{service.name}

))}

{/* Entertainment Sites */} אתרי בידור מובילים

{entertainmentSites.map((site, index) => (

{site.name}

{site.description}

{site.category}

))}

{/* Sidebar */}

{/* Entertainment News */} חדשות בידור {entertainmentNews.map((item, index) => (

{item.hot && חם}

{item.title}

{item.time}

))} {/* Music & Radio */} מוזיקה ורדיו {/* Quick Links */} קישורים מהירים

) } [V0_FILE]typescriptreact:file="app/contact/page.tsx" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Mail, Phone, MapPin, Home, Send } from "lucide-react" import Link from "next/link" export default function ContactPage() { return (

{/* Header */}

חזרה לעמוד הראשי

יצירת קשר

נשמח לשמוע מכם

{/* Contact Form */} שלחו לנו הודעה

שם מלא

כתובת אימייל

נושא

הודעה

</div>

<Button className="w-full bg-blue-600 hover:bg-blue-700">
                <Send className="h-4 w-4 ml-2" />
                שלח הודעה
              </Button>
            </CardContent>
          </Card>

{/* Contact Info */}
          <div className="space-y-6">
            <Card>
              <CardHeader>
                <CardTitle>פרטי יצירת קשר</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                <div className="flex items-center gap-3">
                  <Mail className="h-5 w-5 text-blue-600" />
                  <div>
                    <p className="font-medium">אימייל</p>
                    <p className="text-gray-600">contact@link4u.co.il</p>
                  </div>
                </div>

<div className="flex items-center gap-3">
                  <Phone className="h-5 w-5 text-blue-600" />
                  <div>
                    <p className="font-medium">טלפון</p>
                    <p className="text-gray-600">03-1234567</p>
                  </div>
                </div>

<div className="flex items-center gap-3">
                  <MapPin className="h-5 w-5 text-blue-600" />
                  <div>
                    <p className="font-medium">כתובת</p>
                    <p className="text-gray-600">תל אביב, ישראל</p>
                  </div>
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader>
                <CardTitle>למה לפנות אלינו?</CardTitle>
              </CardHeader>
              <CardContent className="space-y-3">
                <div className="flex items-start gap-3">
                  <div className="w-2 h-2 bg-blue-600 rounded-full mt-2"></div>
                  <div>
                    <p className="font-medium">דיווח על קישורים שבורים</p>
                    <p className="text-sm text-gray-600">עזרו לנו לשמור על האתר מעודכן</p>
                  </div>
                </div>

<div className="flex items-start gap-3">
                  <div className="w-2 h-2 bg-blue-600 rounded-full mt-2"></div>
                  <div>
                    <p className="font-medium">הצעות לשיפור</p>
                    <p className="text-sm text-gray-600">רעיונות לתכנים או אתרים חדשים</p>
                  </div>
                </div>

<div className="flex items-start gap-3">
                  <div className="w-2 h-2 bg-blue-600 rounded-full mt-2"></div>
                  <div>
                    <p className="font-medium">בעיות טכניות</p>
                    <p className="text-sm text-gray-600">דיווח על תקלות באתר</p>
                  </div>
                </div>

<div className="flex items-start gap-3">
                  <div className="w-2 h-2 bg-blue-600 rounded-full mt-2"></div>
                  <div>
                    <p className="font-medium">שאלות כלליות</p>
                    <p className="text-sm text-gray-600">כל שאלה או בקשה</p>
                  </div>
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader>
                <CardTitle>כתובות משנה</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <div className="text-sm">
                  <p className="font-medium">s.link4u.co.il</p>
                  <p className="text-gray-600">הגרסה הראשית</p>
                </div>
                <div className="text-sm">
                  <p className="font-medium">m.link4u.co.il</p>
                  <p className="text-gray-600">גרסה מותאמת למובייל</p>
                </div>
                <div className="text-sm">
                  <p className="font-medium">www.link4u.co.il</p>
                  <p className="text-gray-600">כתובת נוספת</p>
                </div>
              </CardContent>
            </Card>
          </div>
        </div>

{/* Additional Info */}
        <Card className="mt-8">
          <CardContent className="py-6">
            <div className="text-center">
              <h3 className="text-lg font-semibold mb-2">צוות LINK4U</h3>
              <p className="text-gray-600 max-w-2xl mx-auto">
                אנחנו מקדישים מאמצים לספק לכם חוויית גלישה מהנה, ידידותית ויעילה. הצוות שלנו עובד ללא הפסקה כדי לשמור על
                האתר מעודכן ורלוונטי. נשמח לקבל את הערותיכם והארותיכם לשיפור האתر.
              </p>
            </div>
          </CardContent>
        </Card>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/horoscope/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Star, Home, Moon, Sun } from "lucide-react"
import Link from "next/link"

export default function HoroscopePage() {
  const zodiacSigns = [
    {
      name: "מזל טלה",
      dates: "21 במרץ - 19 באפריל",
      symbol: "♈",
      element: "אש",
      prediction: "יום מלא באנרגיה חיובית. הזדמנויות חדשות בדרך.",
    },
    {
      name: "מזל שור",
      dates: "20 באפריל - 20 במאי",
      symbol: "♉",
      element: "אדמה",
      prediction: "יציבות ושלווה. זמן טוב להחלטות כלכליות.",
    },
    {
      name: "מזל תאומים",
      dates: "21 במאי - 20 ביוני",
      symbol: "♊",
      element: "אוויר",
      prediction: "תקשורת מעולה. פגישות חשובות בדרך.",
    },
    {
      name: "מזל סרטן",
      dates: "21 ביוני - 22 ביולי",
      symbol: "♋",
      element: "מים",
      prediction: "רגשות עזים. התמקדו במשפחה ובבית.",
    },
    {
      name: "מזל אריה",
      dates: "23 ביולי - 22 באוגוסט",
      symbol: "♌",
      element: "אש",
      prediction: "זמן לזרוח! הצלחות בתחום המקצועי.",
    },
    {
      name: "מזל בתולה",
      dates: "23 באוגוסט - 22 בספטמבר",
      symbol: "♍",
      element: "אדמה",
      prediction: "ארגון ודיוק יובילו להצלחה. שימו לב לפרטים.",
    },
    {
      name: "מזל מאזניים",
      dates: "23 בספטמבר - 22 באוקטובר",
      symbol: "♎",
      element: "אוויר",
      prediction: "איזון ויופי. זמן טוב לזוגיות ושותפויות.",
    },
    {
      name: "מזל עקרב",
      dates: "23 באוקטובר - 21 בנובמבר",
      symbol: "♏",
      element: "מים",
      prediction: "עומק ותשוקה. גלו סודות חדשים על עצמכם.",
    },
    {
      name: "מזל קשת",
      dates: "22 בנובמבר - 21 בדצמבר",
      symbol: "♐",
      element: "אש",
      prediction: "הרפתקאות ולמידה. הרחיבו את האופקים.",
    },
    {
      name: "מזל גדי",
      dates: "22 בדצמבר - 19 בינואר",
      symbol: "♑",
      element: "אדמה",
      prediction: "שאפתנות ומטרות. הגיע הזמן לטפס לפסגה.",
    },
    {
      name: "מזל דלי",
      dates: "20 בינואר - 18 בפברואר",
      symbol: "♒",
      element: "אוויר",
      prediction: "חדשנות וחברות. רעיונות מקוריים יובילו להצלחה.",
    },
    {
      name: "מזל דגים",
      dates: "19 בפברואר - 20 במרץ",
      symbol: "♓",
      element: "מים",
      prediction: "אינטואיציה וחלומות. הקשיבו לקול הפנימי.",
    },
  ]

const dailyTips = [
    { title: "מספר המזל היום", content: "7", icon: "🎲" },
    { title: "צבע המזל", content: "כחול", icon: "🎨" },
    { title: "כיוון מזל", content: "מזרח", icon: "🧭" },
    { title: "אבן מזל", content: "אמטיסט", icon: "💎" },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-purple-50 to-indigo-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לעמוד הראשי</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Star className="h-8 w-8 text-purple-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">הורוסקופ</h1>
                <p className="text-sm text-gray-600">אסטרולוגיה ותחזיות</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Zodiac Signs */}
            <Card>
              <CardHeader>
                <CardTitle>מזלות - תחזית יומית</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
                  {zodiacSigns.map((sign, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start gap-4">
                        <div className="text-center">
                          <div className="text-3xl mb-1">{sign.symbol}</div>
                          <Badge variant="outline" className="text-xs">
                            {sign.element}
                          </Badge>
                        </div>
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{sign.name}</h3>
                          <p className="text-xs text-gray-500 mb-2">{sign.dates}</p>
                          <p className="text-sm text-gray-700">{sign.prediction}</p>
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Moon Phase */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Moon className="h-5 w-5" />
                  מופע הירח
                </CardTitle>
              </CardHeader>
              <CardContent className="text-center">
                <div className="text-4xl mb-2">🌕</div>
                <h3 className="font-bold">ירח מלא</h3>
                <p className="text-sm text-gray-600 mt-2">זמן של שלמות והגשמה</p>
              </CardContent>
            </Card>

{/* Lucky Numbers */}
            <Card>
              <CardHeader>
                <CardTitle>מספרי מזל השבוע</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-3 gap-2">
                  {[7, 14, 23, 31, 42, 56].map((number, index) => (
                    <div key={index} className="text-center p-2 bg-purple-100 rounded-lg">
                      <span className="font-bold text-purple-600">{number}</span>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/news" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות
                  </Button>
                </Link>
                <Link href="/entertainment" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בידור
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/calendar/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Calendar, Home, Clock, Star } from "lucide-react"
import Link from "next/link"

export default function CalendarPage() {
  const currentDate = new Date()
  const currentMonth = currentDate.toLocaleDateString("he-IL", { month: "long", year: "numeric" })
  const currentDay = currentDate.getDate()

const holidays = [
    { name: "ראש השנה", date: "15-16 בספטמבר", type: "חג יהודי", days: 2 },
    { name: "יום כיפור", date: "24 בספטמבר", type: "חג יהודי", days: 1 },
    { name: "סוכות", date: "29 בספטמבר", type: "חג יהודי", days: 7 },
    { name: "חנוכה", date: "25 בדצמבר", type: "חג יהודי", days: 8 },
    { name: 'ט"ו בשבט', date: "13 בפברואר", type: "חג יהודי", days: 1 },
    { name: "פורים", date: "14 במרץ", type: "חג יהודי", days: 1 },
  ]

const events = [
    { title: "יום העצמאות", date: "היום", time: "כל היום", type: "חג לאומי" },
    { title: "פגישת עבודה", date: "מחר", time: "10:00", type: "אישי" },
    { title: "יום הולדת", date: "בעוד 3 ימים", time: "19:00", type: "אישי" },
    { title: "ישיבת צוות", date: "בעוד שבוע", time: "14:00", type: "עבודה" },
  ]

const monthDays = Array.from({ length: 31 }, (_, i) => i + 1)

return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-purple-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לעמוד הראשי</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Calendar className="h-8 w-8 text-blue-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">לוח שנה</h1>
                <p className="text-sm text-gray-600">תאריכים וחגים</p>
              </div>
            </div>
          </div>
        </div>
      </header>

<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
          {/* Main Content */}
          <div className="lg:col-span-3 space-y-8">
            {/* Current Month */}
            <Card>
              <CardHeader>
                <CardTitle className="text-center">{currentMonth}</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-7 gap-2 mb-4">
                  {["א", "ב", "ג", "ד", "ה", "ו", "ש"].map((day, index) => (
                    <div key={index} className="text-center font-bold p-2 bg-gray-100 rounded">
                      {day}
                    </div>
                  ))}
                </div>
                <div className="grid grid-cols-7 gap-2">
                  {monthDays.map((day) => (
                    <div
                      key={day}
                      className={`text-center p-2 rounded cursor-pointer hover:bg-blue-100 ${
                        day === currentDay ? "bg-blue-600 text-white font-bold" : "bg-gray-50"
                      }`}
                    >
                      {day}
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Jewish Holidays */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Star className="h-5 w-5" />
                  חגים יהודיים השנה
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {holidays.map((holiday, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{holiday.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{holiday.date}</p>
                          <Badge variant="outline" className="text-xs">
                            {holiday.type}
                          </Badge>
                        </div>
                        <Badge className="bg-blue-600 text-white">
                          {holiday.days} {holiday.days === 1 ? "יום" : "ימים"}
                        </Badge>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Today */}
            <Card>
              <CardHeader>
                <CardTitle className="text-center">היום</CardTitle>
              </CardHeader>
              <CardContent className="text-center">
                <div className="text-4xl font-bold text-blue-600 mb-2">{currentDay}</div>
                <div className="text-lg font-medium">{currentMonth}</div>
                <div className="text-sm text-gray-600 mt-2">
                  {currentDate.toLocaleDateString("he-IL", { weekday: "long" })}
                </div>
              </CardContent>
            </Card>

{/* Upcoming Events */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Clock className="h-5 w-5" />
                  אירועים קרובים
                </CardTitle>
              </CardHeader>
              <CardContent className="space-y-3">
                {events.map((event, index) => (
                  <div key={index} className="p-3 bg-gray-50 rounded-lg">
                    <h4 className="font-medium text-sm mb-1">{event.title}</h4>
                    <div className="flex items-center justify-between text-xs text-gray-600">
                      <span>{event.date}</span>
                      <span>{event.time}</span>
                    </div>
                    <Badge variant="outline" className="text-xs mt-1">
                      {event.type}
                    </Badge>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Quick Actions */}
            <Card>
              <CardHeader>
                <CardTitle>פעולות מהירות</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  הוסף אירוע
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  הדפס לוח שנה
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  ייצא ל-Google Calendar
                </Button>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/horoscope" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    הורוסקופ
                  </Button>
                </Link>
                <Link href="/news" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/currency/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Badge } from "@/components/ui/badge"
import { TrendingUp, Home, DollarSign, Calculator, ArrowUpDown } from "lucide-react"
import Link from "next/link"

export default function CurrencyPage() {
  const exchangeRates = [
    { currency: "דולר אמריקאי", code: "USD", rate: "3.65", change: "-0.3%", positive: false, flag: "🇺🇸" },
    { currency: "יורו", code: "EUR", rate: "3.98", change: "+0.8%", positive: true, flag: "🇪🇺" },
    { currency: "פאונד בריטי", code: "GBP", rate: "4.52", change: "+0.2%", positive: true, flag: "🇬🇧" },
    { currency: "ין יפני", code: "JPY", rate: "0.025", change: "-0.1%", positive: false, flag: "🇯🇵" },
    { currency: "פרנק שוויצרי", code: "CHF", rate: "4.12", change: "+0.5%", positive: true, flag: "🇨🇭" },
    { currency: "דולר קנדי", code: "CAD", rate: "2.68", change: "-0.2%", positive: false, flag: "🇨🇦" },
    { currency: "דולר אוסטרלי", code: "AUD", rate: "2.45", change: "+0.4%", positive: true, flag: "🇦🇺" },
    { currency: "קורונה שוודית", code: "SEK", rate: "0.35", change: "+0.1%", positive: true, flag: "🇸🇪" },
  ]

const cryptoCurrencies = [
    { name: "ביטקוין", code: "BTC", price: "$43,250", change: "+2.5%", positive: true },
    { name: "אתריום", code: "ETH", price: "$2,680", change: "-1.2%", positive: false },
    { name: "ליטקוין", code: "LTC", price: "$72", change: "+0.8%", positive: true },
    { name: "ריפל", code: "XRP", price: "$0.52", change: "+3.1%", positive: true },
  ]

const popularPairs = [
    { from: "USD", to: "ILS", rate: "3.65" },
    { from: "EUR", to: "ILS", rate: "3.98" },
    { from: "GBP", to: "ILS", rate: "4.52" },
    { from: "ILS", to: "USD", rate: "0.27" },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-green-50 to-yellow-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לעמוד הראשי</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <DollarSign className="h-8 w-8 text-green-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">מטבעות</h1>
                <p className="text-sm text-gray-600">שערי חליפין ומחשבונים</p>
              </div>
            </div>
          </div>
        </div>
      </header>

<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
          {/* Main Content */}
          <div className="lg:col-span-3 space-y-8">
            {/* Currency Converter */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Calculator className="h-5 w-5" />
                  מחשבון המרת מטבעות
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-3 gap-4 items-end">
                  <div>
                    <label className="block text-sm font-medium text-gray-700 mb-1">סכום</label>
                    <Input placeholder="100" type="number" />
                  </div>
                  <div className="flex items-center justify-center">
                    <ArrowUpDown className="h-6 w-6 text-gray-400" />
                  </div>
                  <div>
                    <label className="block text-sm font-medium text-gray-700 mb-1">תוצאה</label>
                    <Input placeholder="365 ₪" readOnly className="bg-gray-50" />
                  </div>
                </div>
                <div className="grid grid-cols-2 gap-4 mt-4">
                  <div>
                    <label className="block text-sm font-medium text-gray-700 mb-1">מ-</label>
                    <select className="w-full p-2 border border-gray-300 rounded-md">
                      <option>USD - דולר אמריקאי</option>
                      <option>EUR - יורו</option>
                      <option>GBP - פאונד בריטי</option>
                    </select>
                  </div>
                  <div>
                    <label className="block text-sm font-medium text-gray-700 mb-1">אל-</label>
                    <select className="w-full p-2 border border-gray-300 rounded-md">
                      <option>ILS - שקל ישראלי</option>
                      <option>USD - דולר אמריקאי</option>
                      <option>EUR - יורו</option>
                    </select>
                  </div>
                </div>
                <Button className="w-full mt-4 bg-green-600 hover:bg-green-700">המר</Button>
              </CardContent>
            </Card>

{/* Exchange Rates */}
            <Card>
              <CardHeader>
                <CardTitle>שערי חליפין נוכחיים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {exchangeRates.map((rate, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-center justify-between">
                        <div className="flex items-center gap-3">
                          <span className="text-2xl">{rate.flag}</span>
                          <div>
                            <h3 className="font-bold text-gray-900">{rate.code}</h3>
                            <p className="text-sm text-gray-600">{rate.currency}</p>
                          </div>
                        </div>
                        <div className="text-left">
                          <div className="text-xl font-bold">₪{rate.rate}</div>
                          <div className={`text-sm font-medium ${rate.positive ? "text-green-600" : "text-red-600"}`}>
                            {rate.change}
                          </div>
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Cryptocurrency */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <TrendingUp className="h-5 w-5" />
                  מטבעות דיגיטליים
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {cryptoCurrencies.map((crypto, index) => (
                    <div key={index} className="p-4 bg-gray-50 rounded-lg">
                      <div className="flex items-center justify-between">
                        <div>
                          <h3 className="font-bold text-gray-900">{crypto.name}</h3>
                          <p className="text-sm text-gray-600">{crypto.code}</p>
                        </div>
                        <div className="text-left">
                          <div className="text-lg font-bold">{crypto.price}</div>
                          <div className={`text-sm font-medium ${crypto.positive ? "text-green-600" : "text-red-600"}`}>
                            {crypto.change}
                          </div>
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Popular Pairs */}
            <Card>
              <CardHeader>
                <CardTitle>זוגות פופולאריים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-3">
                {popularPairs.map((pair, index) => (
                  <div key={index} className="flex items-center justify-between p-2 bg-gray-50 rounded">
                    <span className="font-medium">
                      {pair.from}/{pair.to}
                    </span>
                    <span className="font-bold text-green-600">{pair.rate}</span>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Market Status */}
            <Card>
              <CardHeader>
                <CardTitle>סטטוס שוק</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="space-y-3">
                  <div className="flex items-center justify-between">
                    <span>שוק המטבעות</span>
                    <Badge className="bg-green-600">פתוח</Badge>
                  </div>
                  <div className="flex items-center justify-between">
                    <span>קריפטו</span>
                    <Badge className="bg-blue-600">24/7</Badge>
                  </div>
                  <div className="text-xs text-gray-500 mt-2">עדכון אחרון: לפני 2 דקות</div>
                </div>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/economy" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    כלכלה
                  </Button>
                </Link>
                <Link href="/news" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/economy/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { TrendingUp, DollarSign, ExternalLink, Home, BarChart3, PieChart } from "lucide-react"
import Link from "next/link"

export default function EconomyPage() {
  const economyCategories = [
    { name: "בורסה", count: 12, color: "bg-green-100 text-green-800", icon: "📈" },
    { name: "בנקאות", count: 8, color: "bg-blue-100 text-blue-800", icon: "🏦" },
    { name: 'נדל"ן', count: 15, color: "bg-purple-100 text-purple-800", icon: "🏠" },
    { name: "מטבעות", count: 6, color: "bg-yellow-100 text-yellow-800", icon: "💱" },
    { name: "סטארט-אפ", count: 9, color: "bg-pink-100 text-pink-800", icon: "🚀" },
    { name: "ביטוח", count: 5, color: "bg-indigo-100 text-indigo-800", icon: "🛡️" },
  ]

const economySites = [
    {
      name: "כלכליסט",
      url: "https://calcalist.co.il",
      description: "כלכלה, טכנולוגיה וחדשנות",
      category: "כלכלה כללית",
    },
    {
      name: "גלובס",
      url: "https://globes.co.il",
      description: "עיתון הכלכלה המוביל בישראל",
      category: "כלכלה כללית",
    },
    {
      name: "TheMarker",
      url: "https://themarker.com",
      description: "כלכלה ופיננסים מהארץ",
      category: "כלכלה כללית",
    },
    {
      name: "בנק ישראל",
      url: "https://boi.org.il",
      description: "הבנק המרכזי של ישראל",
      category: "בנקאות",
    },
    {
      name: "בורסה תל אביב",
      url: "https://tase.co.il",
      description: "הבורסה הישראלית",
      category: "בורסה",
    },
    {
      name: "Ynet כלכלה",
      url: "https://ynet.co.il/economy",
      description: "חדשות כלכלה מ-Ynet",
      category: "כלכלה כללית",
    },
    {
      name: "מדד",
      url: "https://madad.co.il",
      description: "מידע כלכלי ופיננסי",
      category: "מידע כלכלי",
    },
    {
      name: "BizPortal",
      url: "https://bizportal.co.il",
      description: "פורטל עסקים וכלכלה",
      category: "עסקים",
    },
  ]

const marketData = [
    { name: "תל אביב 35", value: "2,045.67", change: "+1.2%", positive: true },
    { name: "דולר/שקל", value: "3.65", change: "-0.3%", positive: false },
    { name: "יורו/שקל", value: "3.98", change: "+0.8%", positive: true },
    { name: "זהב", value: "$2,012", change: "+0.5%", positive: true },
  ]

const economicNews = [
    { title: "בנק ישראל מעלה את הריבית ב-0.25%", time: "לפני 10 דקות", important: true },
    { title: "עליות חדות במניות הטכנולוגיה הישראלית", time: "לפני 25 דקות", important: false },
    { title: "דוח: צמיחה של 3.2% בתוצר הישראלי", time: "לפני שעה", important: true },
    { title: "השקעות זרות בישראל עלו ב-15% השנה", time: "לפני שעתיים", important: false },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-green-50 to-blue-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לעמוד הראשי</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <TrendingUp className="h-8 w-8 text-green-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">כלכלה</h1>
                <p className="text-sm text-gray-600">מידע כלכלי ופיננסי</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Economy Categories */}
            <Card>
              <CardHeader>
                <CardTitle>תחומי כלכלה</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
                  {economyCategories.map((category, index) => {
                    const categoryLinks = {
                      בורסה: "/economy/stock-market",
                      בנקאות: "/economy/banking",
                      'נדל"ן': "/economy/real-estate",
                      מטבעות: "/currency",
                      "סטארט-אפ": "/economy/startups",
                      ביטוח: "/economy/insurance",
                    }

return (
                      <Link key={index} href={categoryLinks[category.name] || "#"} className="group">
                        <div className="p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer">
                          <div className="flex items-center justify-between mb-2">
                            <span className="text-2xl">{category.icon}</span>
                            <Badge className={category.color}>{category.count}</Badge>
                          </div>
                          <span className="font-medium">{category.name}</span>
                        </div>
                      </Link>
                    )
                  })}
                </div>
              </CardContent>
            </Card>

{/* Economy Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי כלכלה מובילים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {economySites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-green-600 hover:bg-green-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Economic News */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2 text-green-600">
                  <DollarSign className="h-5 w-5" />
                  חדשות כלכלה
                </CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {economicNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.important ? "bg-green-50 p-2 rounded" : ""}`}
                  >
                    {item.important && <Badge className="bg-green-600 text-white text-xs mb-1">חשוב</Badge>}
                    <h4 className="font-medium text-sm leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Quick Tools */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <PieChart className="h-5 w-5" />
                  כלים כלכליים
                </CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מחשבון משכנתא
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  המרת מטבעות
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מחשבון ריבית
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מחשבון פנסיה
                </Button>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/news" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות כלליות
                  </Button>
                </Link>
                <Link href="/sports" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    ספורט
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/economy/stock-market/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { TrendingUp, Home, BarChart3, ExternalLink, ArrowUp, ArrowDown } from "lucide-react"
import Link from "next/link"

export default function StockMarketPage() {
  const stockIndices = [
    { name: "תל אביב 35", value: "2,045.67", change: "+1.2%", positive: true, description: "מדד המניות הראשי" },
    { name: "תל אביב 125", value: "2,234.89", change: "+0.8%", positive: true, description: "מדד רחב" },
    {
      name: "תל אביב SME150",
      value: "1,456.23",
      change: "-0.3%",
      positive: false,
      description: "חברות קטנות ובינוניות",
    },
    { name: "תל אביב טכנולוגיה", value: "3,567.45", change: "+2.1%", positive: true, description: "מדד הטכנולוגיה" },
  ]

const topStocks = [
    { name: "טבע", symbol: "TEVA", price: "₪45.67", change: "+2.3%", positive: true, volume: "2.5M" },
    { name: "בנק הפועלים", symbol: "POLI", price: "₪28.90", change: "-0.5%", positive: false, volume: "1.8M" },
    { name: "בנק לאומי", symbol: "LUMI", price: "₪32.15", change: "+1.1%", positive: true, volume: "2.1M" },
    { name: "אלביט", symbol: "ESLT", price: "₪156.78", change: "+3.2%", positive: true, volume: "890K" },
    { name: "מלישרון", symbol: "MLSR", price: "₪89.45", change: "-1.8%", positive: false, volume: "1.2M" },
    { name: "אזריאלי", symbol: "AZRG", price: "₪67.23", change: "+0.7%", positive: true, volume: "750K" },
  ]

const stockSites = [
    {
      name: "בורסה תל אביב",
      url: "https://tase.co.il",
      description: "האתר הרשמי של הבורסה הישראלית",
    },
    {
      name: "מידע דש",
      url: "https://www.bizportal.co.il",
      description: "מידע על מניות וחברות ציבוריות",
    },
    {
      name: "פורטל השקעות",
      url: "https://www.investmentportal.co.il",
      description: "כלים להשקעה ומסחר",
    },
    {
      name: "אינפיניטי",
      url: "https://www.infinity-group.co.il",
      description: "חברת השקעות ומסחר",
    },
  ]

const marketNews = [
    { title: "עליות חדות במדד תל אביב 35", time: "לפני 15 דקות", hot: true },
    { title: "טבע מדווחת על תוצאות רבעוניות חזקות", time: "לפני 30 דקות", hot: false },
    { title: "בנק ישראל מעלה את הריבית", time: "לפני שעה", hot: true },
    { title: "השקעות זרות בטכנולוגיה ישראלית עולות", time: "לפני שעתיים", hot: false },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-green-50 to-blue-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/economy" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לכלכלה</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <BarChart3 className="h-8 w-8 text-green-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">בורסה</h1>
                <p className="text-sm text-gray-600">מדדים ומניות</p>
              </div>
            </div>
          </div>
        </div>
      </header>

<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
          {/* Main Content */}
          <div className="lg:col-span-3 space-y-8">
            {/* Stock Indices */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <TrendingUp className="h-5 w-5" />
                  מדדי בורסה
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {stockIndices.map((index, idx) => (
                    <div key={idx} className="p-4 bg-white border rounded-lg">
                      <div className="flex items-center justify-between mb-2">
                        <h3 className="font-bold text-lg">{index.name}</h3>
                        <div className="flex items-center gap-1">
                          {index.positive ? (
                            <ArrowUp className="h-4 w-4 text-green-600" />
                          ) : (
                            <ArrowDown className="h-4 w-4 text-red-600" />
                          )}
                          <span className={`font-medium ${index.positive ? "text-green-600" : "text-red-600"}`}>
                            {index.change}
                          </span>
                        </div>
                      </div>
                      <div className="text-2xl font-bold text-gray-900 mb-1">{index.value}</div>
                      <p className="text-sm text-gray-600">{index.description}</p>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Top Stocks */}
            <Card>
              <CardHeader>
                <CardTitle>מניות מובילות</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="space-y-3">
                  {topStocks.map((stock, index) => (
                    <div key={index} className="flex items-center justify-between p-4 bg-gray-50 rounded-lg">
                      <div className="flex items-center gap-4">
                        <div>
                          <h3 className="font-bold text-gray-900">{stock.name}</h3>
                          <p className="text-sm text-gray-600">{stock.symbol}</p>
                        </div>
                      </div>
                      <div className="flex items-center gap-6">
                        <div className="text-right">
                          <div className="font-bold text-lg">{stock.price}</div>
                          <div className="text-xs text-gray-500">נפח: {stock.volume}</div>
                        </div>
                        <div className={`font-medium ${stock.positive ? "text-green-600" : "text-red-600"}`}>
                          {stock.change}
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Stock Market Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי בורסה</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {stockSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm">{site.description}</p>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-green-600 hover:bg-green-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Market News */}
            <Card>
              <CardHeader>
                <CardTitle className="text-green-600">חדשות בורסה</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {marketNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.hot ? "bg-green-50 p-2 rounded" : ""}`}
                  >
                    {item.hot && <Badge className="bg-green-600 text-white text-xs mb-1">חם</Badge>}
                    <h4 className="font-medium text-sm leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Market Status */}
            <Card>
              <CardHeader>
                <CardTitle>סטטוס שוק</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="space-y-3">
                  <div className="flex items-center justify-between">
                    <span>בורסת תל אביב</span>
                    <Badge className="bg-green-600">פתוחה</Badge>
                  </div>
                  <div className="text-xs text-gray-500">שעות מסחר: 09:00-17:25</div>
                  <div className="text-xs text-gray-500">עדכון אחרון: לפני דקה</div>
                </div>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/economy/banking" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בנקאות
                  </Button>
                </Link>
                <Link href="/economy/real-estate" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    נדל"ן
                  </Button>
                </Link>
                <Link href="/currency" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    מטבעות
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/economy/banking/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Building2, Home, CreditCard, ExternalLink, Percent } from "lucide-react"
import Link from "next/link"

export default function BankingPage() {
  const banks = [
    {
      name: "בנק הפועלים",
      url: "https://poalim.co.il",
      description: "הבנק הגדול בישראל",
      services: ["חשבונות", "משכנתאות", "השקעות"],
    },
    {
      name: "בנק לאומי",
      url: "https://leumi.co.il",
      description: "בנק מוביל בישראל",
      services: ["בנקאות דיגיטלית", "עסקים", "פרטיים"],
    },
    {
      name: "בנק דיסקונט",
      url: "https://discount.co.il",
      description: "בנק מסחרי מוביל",
      services: ["משכנתאות", "חסכונות", "ביטוח"],
    },
    {
      name: "בנק מזרחי טפחות",
      url: "https://mizrahi.co.il",
      description: "בנק פרטי מוביל",
      services: ["ניהול עושר", "עסקים", "דיגיטל"],
    },
    {
      name: "בנק ישראל",
      url: "https://boi.org.il",
      description: "הבנק המרכזי של ישראל",
      services: ["מדיניות מוניטרית", "פיקוח", "מחקר"],
    },
    {
      name: "בנק יהב",
      url: "https://yahav.co.il",
      description: "בנק עובדי המדינה",
      services: ["עובדי ציבור", "פנסיה", "חסכונות"],
    },
  ]

const bankingServices = [
    { name: "חשבונות עובר ושב", icon: "💳", description: "ניהול חשבון יומיומי" },
    { name: "משכנתאות", icon: "🏠", description: "מימון רכישת דירה" },
    { name: "הלוואות", icon: "💰", description: "הלוואות אישיות ועסקיות" },
    { name: "חסכונות", icon: "🏦", description: "תוכניות חיסכון" },
    { name: "השקעות", icon: "📈", description: "קרנות נאמנות ומניות" },
    { name: "ביטוח", icon: "🛡️", description: "ביטוח חיים ורכוש" },
  ]

const interestRates = [
    { type: "משכנתא קבועה", rate: "4.2%", period: "לכל התקופה" },
    { type: "משכנתא משתנה", rate: "3.8%", period: "צמודה לפריים" },
    { type: "הלוואה אישית", rate: "6.5%", period: "עד 7 שנים" },
    { type: "פיקדון לזמן קצוב", rate: "2.1%", period: "12 חודשים" },
  ]

const bankingNews = [
    { title: "בנק ישראל מעלה את הריבית ב-0.25%", time: "לפני 20 דקות", important: true },
    { title: "השקת שירות בנקאות דיגיטלית חדש", time: "לפני שעה", important: false },
    { title: "ירידה בריביות המשכנתאות", time: "לפני שעתיים", important: true },
    { title: "עליה בפיקדונות הציבור", time: "לפני 3 שעות", important: false },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/economy" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לכלכלה</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Building2 className="h-8 w-8 text-blue-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">בנקאות</h1>
                <p className="text-sm text-gray-600">בנקים ושירותים פיננסיים</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Banking Services */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <CreditCard className="h-5 w-5" />
                  שירותים בנקאיים
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                  {bankingServices.map((service, index) => (
                    <div
                      key={index}
                      className="p-4 bg-white border rounded-lg hover:shadow-md transition-all cursor-pointer"
                    >
                      <div className="text-center">
                        <div className="text-3xl mb-2">{service.icon}</div>
                        <h3 className="font-bold text-gray-900 mb-1">{service.name}</h3>
                        <p className="text-sm text-gray-600">{service.description}</p>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Banks */}
            <Card>
              <CardHeader>
                <CardTitle>בנקים בישראל</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {banks.map((bank, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{bank.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{bank.description}</p>
                          <div className="flex flex-wrap gap-1">
                            {bank.services.map((service, idx) => (
                              <Badge key={idx} variant="outline" className="text-xs">
                                {service}
                              </Badge>
                            ))}
                          </div>
                        </div>
                        <Link href={bank.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-blue-600 hover:bg-blue-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Banking News */}
            <Card>
              <CardHeader>
                <CardTitle className="text-blue-600">חדשות בנקאות</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {bankingNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.important ? "bg-blue-50 p-2 rounded" : ""}`}
                  >
                    {item.important && <Badge className="bg-blue-600 text-white text-xs mb-1">חשוב</Badge>}
                    <h4 className="font-medium text-sm leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Quick Tools */}
            <Card>
              <CardHeader>
                <CardTitle>כלים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מחשבון משכנתא
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מחשבון הלוואה
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  השוואת בנקים
                </Button>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/economy/stock-market" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בורסה
                  </Button>
                </Link>
                <Link href="/economy/real-estate" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    נדל"ן
                  </Button>
                </Link>
                <Link href="/economy/insurance" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    ביטוח
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/economy/real-estate/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { HomeIcon, Building, ExternalLink, TrendingUp, MapPin } from "lucide-react"
import Link from "next/link"

export default function RealEstatePage() {
  const realEstateSites = [
    {
      name: "יד2",
      url: "https://yad2.co.il",
      description: "האתר המוביל למכירת ושכירת דירות",
      category: "מכירה ושכירות",
    },
    {
      name: "הומלס",
      url: "https://homeless.co.il",
      description: "פלטפורמה למציאת דירות",
      category: "שכירות",
    },
    {
      name: "מדלן",
      url: "https://madlan.co.il",
      description: "מידע על מחירי דירות ושכונות",
      category: "מידע ומחירים",
    },
    {
      name: "נדלן.com",
      url: "https://nadlan.com",
      description: "פורטל נדלן מקיף",
      category: "מכירה ושכירות",
    },
    {
      name: "דירה להשכיר",
      url: "https://www.dira4rent.co.il",
      description: "התמחות בשכירות",
      category: "שכירות",
    },
    {
      name: "רמי לוי נדלן",
      url: "https://www.rami-levy.co.il/real-estate",
      description: "שירותי נדלן של רמי לוי",
      category: "שירותים",
    },
  ]

const propertyTypes = [
    { name: "דירות למכירה", count: 15420, icon: "🏠", avgPrice: "₪1.8M" },
    { name: "דירות להשכרה", count: 8930, icon: "🔑", avgPrice: "₪4,500" },
    { name: "בתים פרטיים", count: 3240, icon: "🏡", avgPrice: "₪3.2M" },
    { name: "משרדים", count: 1850, icon: "🏢", avgPrice: "₪25/מ״ר" },
    { name: "חנויות", count: 920, icon: "🏪", avgPrice: "₪35/מ״ר" },
    { name: "מחסנים", count: 450, icon: "🏭", avgPrice: "₪15/מ״ר" },
  ]

const cityPrices = [
    { city: "תל אביב", avgPrice: "₪2.8M", change: "+3.2%", positive: true },
    { city: "ירושלים", avgPrice: "₪2.1M", change: "+2.1%", positive: true },
    { city: "חיפה", avgPrice: "₪1.4M", change: "+1.8%", positive: true },
    { city: "באר שבע", avgPrice: "₪980K", change: "+4.1%", positive: true },
    { city: "נתניה", avgPrice: "₪1.6M", change: "+2.5%", positive: true },
    { city: "פתח תקווה", avgPrice: "₪1.9M", change: "+1.9%", positive: true },
  ]

const realEstateNews = [
    { title: "עליה של 3% במחירי הדירות החודש", time: "לפני 30 דקות", hot: true },
    { title: "תוכנית מחיר למשתכן חדשה אושרה", time: "לפני שעה", hot: true },
    { title: "פרויקט התחדשות עירונית חדש בתל אביב", time: "לפני שעתיים", hot: false },
    { title: "ירידה בביקוש לדירות יוקרה", time: "לפני 3 שעות", hot: false },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-orange-50 to-red-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/economy" className="flex items-center space-x-2 space-x-reverse">
                <HomeIcon className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לכלכלה</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Building className="h-8 w-8 text-orange-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">נדל"ן</h1>
                <p className="text-sm text-gray-600">מכירה, שכירות ומחירים</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Property Types */}
            <Card>
              <CardHeader>
                <CardTitle>סוגי נכסים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                  {propertyTypes.map((type, index) => (
                    <div
                      key={index}
                      className="p-4 bg-orange-50 rounded-lg hover:bg-orange-100 transition-colors cursor-pointer"
                    >
                      <div className="text-center">
                        <div className="text-3xl mb-2">{type.icon}</div>
                        <h3 className="font-bold text-gray-900 mb-1">{type.name}</h3>
                        <div className="text-sm text-gray-600 mb-1">{type.count.toLocaleString()} נכסים</div>
                        <div className="font-medium text-orange-600">{type.avgPrice}</div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Real Estate Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי נדל"ן מובילים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {realEstateSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-orange-600 hover:bg-orange-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Real Estate News */}
            <Card>
              <CardHeader>
                <CardTitle className="text-orange-600">חדשות נדל"ן</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {realEstateNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.hot ? "bg-orange-50 p-2 rounded" : ""}`}
                  >
                    {item.hot && <Badge className="bg-orange-600 text-white text-xs mb-1">חם</Badge>}
                    <h4 className="font-medium text-sm leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Market Trends */}
            <Card>
              <CardHeader>
                <CardTitle>מגמות שוק</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="space-y-3">
                  <div className="flex items-center justify-between">
                    <span className="text-sm">מחירי מכירה</span>
                    <Badge className="bg-green-600">עולים</Badge>
                  </div>
                  <div className="flex items-center justify-between">
                    <span className="text-sm">מחירי שכירות</span>
                    <Badge className="bg-green-600">עולים</Badge>
                  </div>
                  <div className="flex items-center justify-between">
                    <span className="text-sm">זמן מכירה ממוצע</span>
                    <Badge className="bg-yellow-600">יציב</Badge>
                  </div>
                </div>
              </CardContent>
            </Card>

{/* Quick Tools */}
            <Card>
              <CardHeader>
                <CardTitle>כלים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מחשבון משכנתא
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  השוואת מחירים
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מחשבון החזר השקעה
                </Button>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/economy/banking" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בנקאות
                  </Button>
                </Link>
                <Link href="/economy/stock-market" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בורסה
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/economy/startups/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Rocket, Home, TrendingUp, ExternalLink, Users, DollarSign } from "lucide-react"
import Link from "next/link"

export default function StartupsPage() {
  const startupSites = [
    {
      name: "Start-Up Nation Central",
      url: "https://startupnationcentral.org",
      description: "המרכז הישראלי לחדשנות וטכנולוגיה",
      category: "מידע וחדשות",
    },
    {
      name: "Geektime",
      url: "https://geektime.co.il",
      description: "אתר החדשות המוביל לטכנולוגיה וסטארט-אפים",
      category: "חדשות טכנולוגיה",
    },
    {
      name: "Calcalist Tech",
      url: "https://calcalist.co.il/tech",
      description: "מדור הטכנולוגיה של כלכליסט",
      category: "חדשות עסקיות",
    },
    {
      name: "TechCrunch Israel",
      url: "https://techcrunch.com/tag/israel",
      description: "חדשות טכנולוגיה ישראליות",
      category: "חדשות בינלאומיות",
    },
    {
      name: "IVC Research",
      url: "https://ivc-online.com",
      description: "מחקר והשקעות בהיי-טק הישראלי",
      category: "מחקר והשקעות",
    },
    {
      name: "The Marker Tech",
      url: "https://themarker.com/tech",
      description: "מדור הטכנולוגיה של דה מרקר",
      category: "חדשות עסקיות",
    },
  ]

const startupSectors = [
    { name: "פינטק", count: 245, icon: "💳", funding: "$2.1B", description: "טכנולוגיות פיננסיות" },
    { name: "סייבר", count: 180, icon: "🔒", funding: "$1.8B", description: "אבטחת מידע" },
    { name: "בריאות דיגיטלית", count: 156, icon: "🏥", funding: "$1.5B", description: "טכנולוגיות רפואיות" },
    { name: "אגריטק", count: 89, icon: "🌱", funding: "$650M", description: "טכנולוגיה חקלאית" },
    { name: "מובילטק", count: 134, icon: "📱", funding: "$980M", description: "טכנולוגיות ניידות" },
    { name: "AI & ML", count: 198, icon: "🤖", funding: "$1.9B", description: "בינה מלאכותית" },
  ]

const unicorns = [
    { name: "Wix", valuation: "$16.9B", sector: "Web Development", founded: "2006" },
    { name: "Monday.com", valuation: "$7.6B", sector: "Project Management", founded: "2012" },
    { name: "IronSource", valuation: "$11.1B", sector: "Mobile Tech", founded: "2010" },
    { name: "JFrog", valuation: "$6.8B", sector: "DevOps", founded: "2008" },
  ]

const recentFunding = [
    { company: "Rapyd", amount: "$300M", round: "Series E", sector: "FinTech" },
    { company: "Snyk", amount: "$200M", round: "Series F", sector: "Cybersecurity" },
    { company: "Lemonade", amount: "$90M", round: "Series D", sector: "InsurTech" },
    { company: "Via", amount: "$130M", round: "Series E", sector: "Transportation" },
  ]

const startupNews = [
    { title: "סטארט-אפ ישראלי גייס 50 מיליון דולר", time: "לפני 25 דקות", hot: true },
    { title: "חברת סייבר ישראלית נרכשת ב-2 מיליארד דולר", time: "לפני שעה", hot: true },
    { title: "השקעות זרות בהיי-טק הישראלי עולות", time: "לפני שעתיים", hot: false },
    { title: "יוניקורן ישראלי חדש בתחום הבריאות", time: "לפני 3 שעות", hot: false },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-purple-50 to-pink-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/economy" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לכלכלה</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Rocket className="h-8 w-8 text-purple-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">סטארט-אפ</h1>
                <p className="text-sm text-gray-600">חדשנות וטכנולוגיה</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Startup Sectors */}
            <Card>
              <CardHeader>
                <CardTitle>תחומי סטארט-אפ</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                  {startupSectors.map((sector, index) => (
                    <div
                      key={index}
                      className="p-4 bg-white border rounded-lg hover:shadow-md transition-all cursor-pointer"
                    >
                      <div className="text-center">
                        <div className="text-3xl mb-2">{sector.icon}</div>
                        <h3 className="font-bold text-gray-900 mb-1">{sector.name}</h3>
                        <p className="text-xs text-gray-600 mb-2">{sector.description}</p>
                        <div className="flex items-center justify-between text-sm">
                          <span className="text-gray-600">{sector.count} חברות</span>
                          <span className="font-bold text-purple-600">{sector.funding}</span>
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Recent Funding */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <DollarSign className="h-5 w-5" />
                  גיוסים אחרונים
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  {recentFunding.map((funding, index) => (
                    <div key={index} className="flex items-center justify-between p-4 bg-purple-50 rounded-lg">
                      <div className="flex items-center gap-4">
                        <div>
                          <h3 className="font-bold text-gray-900">{funding.company}</h3>
                          <p className="text-sm text-gray-600">{funding.sector}</p>
                        </div>
                      </div>
                      <div className="text-right">
                        <div className="font-bold text-lg text-purple-600">{funding.amount}</div>
                        <div className="text-sm text-gray-600">{funding.round}</div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Startup Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי סטארט-אפ וטכנולוגיה</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {startupSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-purple-600 hover:bg-purple-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Startup News */}
            <Card>
              <CardHeader>
                <CardTitle className="text-purple-600">חדשות סטארט-אפ</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {startupNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.hot ? "bg-purple-50 p-2 rounded" : ""}`}
                  >
                    {item.hot && <Badge className="bg-purple-600 text-white text-xs mb-1">חם</Badge>}
                    <h4 className="font-medium text-sm leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Ecosystem Stats */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Users className="h-5 w-5" />
                  סטטיסטיקות
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="space-y-3">
                  <div className="flex items-center justify-between">
                    <span className="text-sm">סטארט-אפים פעילים</span>
                    <Badge className="bg-purple-600">6,500+</Badge>
                  </div>
                  <div className="flex items-center justify-between">
                    <span className="text-sm">יוניקורנים</span>
                    <Badge className="bg-pink-600">70+</Badge>
                  </div>
                  <div className="flex items-center justify-between">
                    <span className="text-sm">השקעות 2024</span>
                    <Badge className="bg-green-600">$8.9B</Badge>
                  </div>
                </div>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/economy/stock-market" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בורסה
                  </Button>
                </Link>
                <Link href="/economy/banking" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בנקאות
                  </Button>
                </Link>
                <Link href="/news" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות טכנולוגיה
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/economy/insurance/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Shield, Home, ExternalLink, Building } from "lucide-react"
import Link from "next/link"

export default function InsurancePage() {
  const insuranceCompanies = [
    {
      name: "כלל ביטוח",
      url: "https://clal.co.il",
      description: "חברת הביטוח הגדולה בישראל",
      services: ["ביטוח חיים", "בריאות", "רכב", "דירה"],
    },
    {
      name: "הפניקס",
      url: "https://hpnx.co.il",
      description: "חברת ביטוח מובילה",
      services: ["פנסיה", "ביטוח חיים", "בריאות"],
    },
    {
      name: "מגדל",
      url: "https://migdal.co.il",
      description: "קבוצת מגדל - ביטוח ופיננסים",
      services: ["פנסיה", "ביטוח", "חיסכון"],
    },
    {
      name: "מנורה מבטחים",
      url: "https://menora.co.il",
      description: "חברת ביטוח וחיסכון",
      services: ["ביטוח חיים", "פנסיה", "בריאות"],
    },
    {
      name: "הראל",
      url: "https://harel.co.il",
      description: "קבוצת הראל - ביטוח והשקעות",
      services: ["ביטוח", "פנסיה", "השקעות"],
    },
    {
      name: "איילון",
      url: "https://ayalon.co.il",
      description: "חברת ביטוח איילון",
      services: ["רכב", "דירה", "עסקים"],
    },
  ]

const insuranceTypes = [
    { name: "ביטוח חיים", icon: "❤️", description: "הגנה פיננסית למשפחה", avgPrice: "₪150/חודש" },
    { name: "ביטוח בריאות", icon: "🏥", description: "כיסוי רפואי משלים", avgPrice: "₪200/חודש" },
    { name: "ביטוח רכב", icon: "🚗", description: "ביטוח חובה ומקיף", avgPrice: "₪120/חודש" },
    { name: "ביטוח דירה", icon: "🏠", description: "הגנה על הרכוש", avgPrice: "₪80/חודש" },
    { name: "ביטוח נסיעות", icon: "✈️", description: 'כיסוי בחו"ל', avgPrice: "₪50/נסיעה" },
    { name: "ביטוח עסקים", icon: "🏢", description: "הגנה על העסק", avgPrice: "₪300/חודש" },
  ]

const pensionFunds = [
    { name: "מקפת", assets: "₪45B", members: "180K", returns: "4.2%" },
    { name: "אלטשולר שחם גמל", assets: "₪38B", members: "150K", returns: "3.8%" },
    { name: "הראל פנסיה", assets: "₪42B", members: "170K", returns: "4.1%" },
    { name: "מגדל מקפת", assets: "₪35B", members: "140K", returns: "3.9%" },
  ]

const insuranceNews = [
    { title: "עליה בפרמיות ביטוח הרכב", time: "לפני 40 דקות", important: true },
    { title: "רפורמה בביטוח הבריאות אושרה", time: "לפני שעה", important: true },
    { title: "תשואות קרנות הפנסיה עולות", time: "לפני שעתיים", important: false },
    { title: "השקת מוצר ביטוח דיגיטלי חדש", time: "לפני 3 שעות", important: false },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-cyan-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/economy" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לכלכלה</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Shield className="h-8 w-8 text-blue-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">ביטוח</h1>
                <p className="text-sm text-gray-600">חברות ביטוח ופנסיה</p>
              </div>
            </div>
          </div>
        </div>
      </header>

<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
          {/* Main Content */}
          <div className="lg:col-span-3 space-y-8">
            {/* Pension Funds */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Building className="h-5 w-5" />
                  קרנות פנסיה מובילות
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {pensionFunds.map((fund, index) => (
                    <div key={index} className="p-4 bg-blue-50 rounded-lg">
                      <h3 className="font-bold text-lg text-gray-900 mb-2">{fund.name}</h3>
                      <div className="space-y-1 text-sm">
                        <div className="flex justify-between">
                          <span className="text-gray-600">נכסים מנוהלים:</span>
                          <span className="font-medium">{fund.assets}</span>
                        </div>
                        <div className="flex justify-between">
                          <span className="text-gray-600">חברים:</span>
                          <span className="font-medium">{fund.members}</span>
                        </div>
                        <div className="flex justify-between">
                          <span className="text-gray-600">תשואה שנתית:</span>
                          <span className="font-medium text-green-600">{fund.returns}</span>
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Insurance Types */}
            <Card>
              <CardHeader>
                <CardTitle>סוגי ביטוח</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                  {insuranceTypes.map((type, index) => (
                    <div
                      key={index}
                      className="p-4 bg-white border rounded-lg hover:shadow-md transition-all cursor-pointer"
                    >
                      <div className="text-center">
                        <div className="text-3xl mb-2">{type.icon}</div>
                        <h3 className="font-bold text-gray-900 mb-1">{type.name}</h3>
                        <p className="text-sm text-gray-600 mb-2">{type.description}</p>
                        <div className="font-medium text-blue-600">{type.avgPrice}</div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Insurance Companies */}
            <Card>
              <CardHeader>
                <CardTitle>חברות ביטוח מובילות</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {insuranceCompanies.map((company, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{company.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{company.description}</p>
                          <div className="flex flex-wrap gap-1">
                            {company.services.map((service, idx) => (
                              <Badge key={idx} variant="outline" className="text-xs">
                                {service}
                              </Badge>
                            ))}
                          </div>
                        </div>
                        <Link href={company.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-blue-600 hover:bg-blue-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Insurance News */}
            <Card>
              <CardHeader>
                <CardTitle className="text-blue-600">חדשות ביטוח</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {insuranceNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.important ? "bg-blue-50 p-2 rounded" : ""}`}
                  >
                    {item.important && <Badge className="bg-blue-600 text-white text-xs mb-1">חשוב</Badge>}
                    <h4 className="font-medium text-sm leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Quick Tools */}
            <Card>
              <CardHeader>
                <CardTitle>כלים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  השוואת ביטוח רכב
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מחשבון פנסיה
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  בדיקת זכאות
                </Button>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/economy/banking" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בנקאות
                  </Button>
                </Link>
                <Link href="/economy/real-estate" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    נדל"ן
                  </Button>
                </Link>
                <Link href="/economy/stock-market" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בורסה
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/news/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Newspaper, Clock, ExternalLink, Home, ArrowRight } from "lucide-react"
import Link from "next/link"

export default function NewsPage() {
  const newsCategories = [
    { name: "חדשות כלליות", count: 15, color: "bg-red-100 text-red-800" },
    { name: "פוליטיקה", count: 8, color: "bg-blue-100 text-blue-800" },
    { name: "בטחון", count: 12, color: "bg-green-100 text-green-800" },
    { name: "חברה", count: 6, color: "bg-purple-100 text-purple-800" },
    { name: "טכנולוגיה", count: 9, color: "bg-orange-100 text-orange-800" },
    { name: "בריאות", count: 7, color: "bg-pink-100 text-pink-800" },
  ]

const newsSites = [
    {
      name: "Ynet",
      url: "https://ynet.co.il",
      description: "אתר החדשות הגדול בישראל",
      category: "חדשות כלליות",
    },
    {
      name: "Walla! חדשות",
      url: "https://news.walla.co.il",
      description: "חדשות, כלכלה ופוליטיקה",
      category: "חדשות כלליות",
    },
    {
      name: "הארץ",
      url: "https://haaretz.co.il",
      description: "עיתון הארץ - חדשות ופוליטיקה",
      category: "פוליטיקה",
    },
    {
      name: "ישראל היום",
      url: "https://israelhayom.co.il",
      description: "העיתון הנפוץ בישראל",
      category: "חדשות כלליות",
    },
    {
      name: "מעריב",
      url: "https://maariv.co.il",
      description: "חדשות ופוליטיקה",
      category: "חדשות כלליות",
    },
    {
      name: "כלכליסט",
      url: "https://calcalist.co.il",
      description: "חדשות כלכלה וטכנולוגיה",
      category: "טכנולוגיה",
    },
    {
      name: "גלובס",
      url: "https://globes.co.il",
      description: "כלכלה ועסקים",
      category: "חדשות כלליות",
    },
    {
      name: "N12",
      url: "https://n12.co.il",
      description: "חדשות כשר 12",
      category: "חדשות כלליות",
    },
  ]

const breakingNews = [
    { title: "עדכון: פגישת הממשלה בנושא התקציב החדש", time: "לפני 5 דקות", urgent: true },
    { title: "מזג האוויר: גשמים צפויים בצפון הארץ", time: "לפני 15 דקות", urgent: false },
    { title: "בורסה: עליות במניות הטכנולוגיה", time: "לפני 30 דקות", urgent: false },
    { title: "ספורט: ניצחון נבחרת ישראל במשחק הידידות", time: "לפני שעה", urgent: false },
    { title: "תחבורה: עיכובים בקו הרכבת תל אביב-ירושלים", time: "לפני שעתיים", urgent: false },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-red-50 to-orange-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לעמוד הראשי</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Newspaper className="h-8 w-8 text-red-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">חדשות</h1>
                <p className="text-sm text-gray-600">עדכונים שוטפים</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Breaking News Banner */}
      <div className="bg-red-600 text-white py-2">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex items-center gap-2">
            <Badge className="bg-white text-red-600 font-bold">חדש</Badge>
            <span className="text-sm font-medium">עדכון: פגישת הממשלה בנושא התקציב החדש</span>
            <ArrowRight className="h-4 w-4 animate-pulse" />
          </div>
        </div>
      </div>

<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
          {/* Main Content */}
          <div className="lg:col-span-3 space-y-8">
            {/* News Categories */}
            <Card>
              <CardHeader>
                <CardTitle>קטגוריות חדשות</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
                  {newsCategories.map((category, index) => {
                    const categoryLinks = {
                      "חדשות כלליות": "/news/general",
                      פוליטיקה: "/news/politics",
                      בטחון: "/news/security",
                      חברה: "/news/society",
                      טכנולוגיה: "/news/technology",
                      בריאות: "/news/health",
                    }

return (
                      <Link key={index} href={categoryLinks[category.name] || "#"} className="group">
                        <div className="p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer">
                          <div className="flex items-center justify-between">
                            <span className="font-medium">{category.name}</span>
                            <Badge className={category.color}>{category.count}</Badge>
                          </div>
                        </div>
                      </Link>
                    )
                  })}
                </div>
              </CardContent>
            </Card>

{/* News Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי חדשות מובילים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {newsSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-red-600 hover:bg-red-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Breaking News */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2 text-red-600">
                  <Clock className="h-5 w-5" />
                  חדשות אחרונות
                </CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {breakingNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.urgent ? "bg-red-50 p-2 rounded" : ""}`}
                  >
                    <div className="flex items-start gap-2">
                      {item.urgent && <Badge className="bg-red-600 text-white text-xs">דחוף</Badge>}
                    </div>
                    <h4 className="font-medium text-sm leading-tight mb-1 mt-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/economy" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    כלכלה ועסקים
                  </Button>
                </Link>
                <Link href="/sports" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות ספורט
                  </Button>
                </Link>
                <Link href="/entertainment" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בידור ותרבות
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/news/general/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Newspaper, Home, ExternalLink, Clock } from "lucide-react"
import Link from "next/link"

export default function GeneralNewsPage() {
  const generalNewsSites = [
    {
      name: "Ynet",
      url: "https://ynet.co.il",
      description: "אתר החדשות הגדול בישראל",
      category: "חדשות כלליות",
    },
    {
      name: "Walla! חדשות",
      url: "https://news.walla.co.il",
      description: "חדשות, כלכלה ופוליטיקה",
      category: "חדשות כלליות",
    },
    {
      name: "ישראל היום",
      url: "https://israelhayom.co.il",
      description: "העיתון הנפוץ בישראל",
      category: "חדשות כלליות",
    },
    {
      name: "מעריב",
      url: "https://maariv.co.il",
      description: "חדשות ופוליטיקה",
      category: "חדשות כלליות",
    },
    {
      name: "גלובס",
      url: "https://globes.co.il",
      description: "כלכלה ועסקים",
      category: "חדשות כלליות",
    },
    {
      name: "N12",
      url: "https://n12.co.il",
      description: "חדשות כשר 12",
      category: "חדשות כלליות",
    },
  ]

const latestNews = [
    { title: "ישיבת הממשלה: החלטות חשובות בנושא התקציב", time: "לפני 5 דקות", urgent: true },
    { title: "מזג האוויר: גשמים צפויים בכל הארץ", time: "לפני 15 דקות", urgent: false },
    { title: "תחבורה ציבורית: שיפורים בשירות", time: "לפני 30 דקות", urgent: false },
    { title: "חינוך: תוכנית חדשה לשיפור הישגים", time: "לפני שעה", urgent: false },
    { title: "בריאות: קמפיין חיסונים חדש", time: "לפני שעתיים", urgent: true },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/news" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לחדשות</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Newspaper className="h-8 w-8 text-blue-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">חדשות כלליות</h1>
                <p className="text-sm text-gray-600">עדכונים שוטפים</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* News Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי חדשות כלליות</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {generalNewsSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-blue-600 hover:bg-blue-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קטגוריות חדשות</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/news/politics" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    פוליטיקה
                  </Button>
                </Link>
                <Link href="/news/security" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בטחון
                  </Button>
                </Link>
                <Link href="/news/society" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חברה
                  </Button>
                </Link>
                <Link href="/news/technology" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    טכנולוגיה
                  </Button>
                </Link>
                <Link href="/news/health" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בריאות
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/news/politics/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Vote, Home, ExternalLink, Users } from "lucide-react"
import Link from "next/link"

export default function PoliticsPage() {
  const politicalNews = [
    { title: "ישיבת הכנסת: הצבעה על חוק חשוב", time: "לפני 10 דקות", hot: true },
    { title: "ראש הממשלה נפגש עם שרי הממשלה", time: "לפני 30 דקות", hot: false },
    { title: "דיון בוועדת החוץ והביטחון", time: "לפני שעה", hot: true },
    { title: "מפלגת האופוזיציה מגישה הצעת חוק", time: "לפני שעתיים", hot: false },
  ]

const politicalSites = [
    {
      name: "הארץ",
      url: "https://haaretz.co.il",
      description: "עיתון הארץ - חדשות ופוליטיקה",
      category: "פוליטיקה",
    },
    {
      name: "ישראל היום",
      url: "https://israelhayom.co.il",
      description: "העיתון הנפוץ בישראל",
      category: "פוליטיקה",
    },
    {
      name: "מעריב",
      url: "https://maariv.co.il",
      description: "חדשות ופוליטיקה",
      category: "פוליטיקה",
    },
    {
      name: "כאן חדשות",
      url: "https://kan.org.il/news",
      description: "חדשות מהתאגיד הישראלי",
      category: "פוליטיקה",
    },
  ]

const parties = [
    { name: "ליכוד", seats: 32, leader: "בנימין נתניהו" },
    { name: "יש עתיד", seats: 24, leader: "יאיר לפיד" },
    { name: "מחנה הממלכתי", seats: 12, leader: "בני גנץ" },
    { name: "שס", seats: 11, leader: "אריה דרעי" },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-red-50 to-blue-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/news" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לחדשות</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Vote className="h-8 w-8 text-red-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">פוליטיקה</h1>
                <p className="text-sm text-gray-600">חדשות פוליטיות</p>
              </div>
            </div>
          </div>
        </div>
      </header>

<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
          {/* Main Content */}
          <div className="lg:col-span-3 space-y-8">
            {/* Political News */}
            <Card>
              <CardHeader>
                <CardTitle>חדשות פוליטיות אחרונות</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {politicalNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.hot ? "bg-red-50 p-3 rounded" : "p-3"}`}
                  >
                    {item.hot && <Badge className="bg-red-600 text-white text-xs mb-1">חם</Badge>}
                    <h4 className="font-medium leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Political Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי חדשות פוליטיות</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {politicalSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-red-600 hover:bg-red-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Knesset Parties */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Users className="h-5 w-5" />
                  מפלגות בכנסת
                </CardTitle>
              </CardHeader>
              <CardContent className="space-y-3">
                {parties.map((party, index) => (
                  <div key={index} className="flex items-center justify-between p-2 bg-gray-50 rounded">
                    <div>
                      <div className="font-medium">{party.name}</div>
                      <div className="text-xs text-gray-600">{party.leader}</div>
                    </div>
                    <Badge className="bg-red-600">{party.seats} מנדטים</Badge>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/news/general" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות כלליות
                  </Button>
                </Link>
                <Link href="/news/security" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בטחון
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/news/security/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Shield, Home, ExternalLink, AlertTriangle } from "lucide-react"
import Link from "next/link"

export default function SecurityPage() {
  const securityNews = [
    { title: "כוחות הביטחון בכוננות מוגברת", time: "לפני 5 דקות", urgent: true },
    { title: "תרגיל צבאי בצפון הארץ", time: "לפני 20 דקות", urgent: false },
    { title: 'שר הביטחון נפגש עם הרמטכ"ל', time: "לפני 45 דקות", urgent: false },
    { title: "עדכון מצב הביטחון באזור", time: "לפני שעה", urgent: true },
  ]

const securitySites = [
    {
      name: 'אתר צה"ל',
      url: "https://idf.il",
      description: "האתר הרשמי של צבא הגנה לישראל",
      category: "צבא",
    },
    {
      name: "משרד הביטחון",
      url: "https://mod.gov.il",
      description: "האתר הרשמי של משרד הביטחון",
      category: "ממשלתי",
    },
    {
      name: "Ynet ביטחון",
      url: "https://ynet.co.il/defense",
      description: "מדור הביטחון של Ynet",
      category: "חדשות",
    },
    {
      name: "ישראל דיפנס",
      url: "https://israeldefense.co.il",
      description: "אתר מקצועי לענייני ביטחון",
      category: "מקצועי",
    },
  ]

const securityForces = [
    { name: 'צה"ל', description: "צבא הגנה לישראל", personnel: "170,000" },
    { name: "משטרת ישראל", description: "כוחות הביטחון הפנימי", personnel: "30,000" },
    { name: 'שב"כ', description: "שירות הביטחון הכללי", personnel: "סווג" },
    { name: "המוסד", description: "המוסד למודיעין ולתפקידים מיוחדים", personnel: "סווג" },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-green-50 to-blue-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/news" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לחדשות</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Shield className="h-8 w-8 text-green-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">בטחון</h1>
                <p className="text-sm text-gray-600">חדשות ביטחון</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Security Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי ביטחון</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {securitySites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-green-600 hover:bg-green-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Security Forces */}
            <Card>
              <CardHeader>
                <CardTitle>כוחות הביטחון</CardTitle>
              </CardHeader>
              <CardContent className="space-y-3">
                {securityForces.map((force, index) => (
                  <div key={index} className="p-3 bg-green-50 rounded">
                    <div className="font-medium text-gray-900">{force.name}</div>
                    <div className="text-sm text-gray-600 mb-1">{force.description}</div>
                    <div className="text-xs text-gray-500">כוח אדם: {force.personnel}</div>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/news/politics" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    פוליטיקה
                  </Button>
                </Link>
                <Link href="/news/general" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות כלליות
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/news/society/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Users, Home, ExternalLink, Heart } from "lucide-react"
import Link from "next/link"

export default function SocietyPage() {
  const societyNews = [
    { title: "קמפיין חדש לעזרה לקשישים", time: "לפני 15 דקות", important: true },
    { title: "פתיחת מרכז קהילתי חדש בירושלים", time: "לפני 30 דקות", important: false },
    { title: "יוזמה חברתית לסיוע לנזקקים", time: "לפני שעה", important: true },
    { title: "תוכנית חדשה לשילוב בחברה", time: "לפני שעתיים", important: false },
  ]

const societySites = [
    {
      name: "ידיעות אחרונות - חברה",
      url: "https://ynet.co.il/category/3082",
      description: "חדשות חברה מ-Ynet",
      category: "חברה",
    },
    {
      name: "הארץ - חברה",
      url: "https://haaretz.co.il/news/education",
      description: "מדור החברה של הארץ",
      category: "חברה",
    },
    {
      name: "כלכליסט - חברה",
      url: "https://calcalist.co.il/consumer",
      description: "נושאים חברתיים וצרכנות",
      category: "חברה",
    },
    {
      name: "גלובס - חברה",
      url: "https://globes.co.il/news/category/1",
      description: "חדשות חברה וקהילה",
      category: "חברה",
    },
  ]

const socialIssues = [
    { name: "דיור ציבורי", description: "פתרונות דיור לאוכלוסיות חלשות", priority: "גבוה" },
    { name: "חינוך", description: "שיפור מערכת החינוך", priority: "גבוה" },
    { name: "בריאות נפש", description: "טיפול בבעיות נפשיות", priority: "בינוני" },
    { name: "קשישים", description: "טיפול באוכלוסיית הקשישים", priority: "גבוה" },
    { name: "נכויות", description: "שילוב אנשים עם מוגבלויות", priority: "בינוני" },
    { name: "עוני", description: "מאבק בעוני ובאי-שוויון", priority: "גבוה" },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-pink-50 to-purple-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/news" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לחדשות</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Users className="h-8 w-8 text-pink-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">חברה</h1>
                <p className="text-sm text-gray-600">נושאים חברתיים</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Society News */}
            <Card>
              <CardHeader>
                <CardTitle>חדשות חברה אחרונות</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {societyNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.important ? "bg-pink-50 p-3 rounded" : "p-3"}`}
                  >
                    {item.important && <Badge className="bg-pink-600 text-white text-xs mb-1">חשוב</Badge>}
                    <h4 className="font-medium leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Society Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי חדשות חברה</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {societySites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-pink-600 hover:bg-pink-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/news/health" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בריאות
                  </Button>
                </Link>
                <Link href="/news/technology" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    טכנולוגיה
                  </Button>
                </Link>
                <Link href="/news/general" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות כלליות
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/news/technology/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Cpu, Home, ExternalLink, Smartphone } from "lucide-react"
import Link from "next/link"

export default function TechnologyPage() {
  const techNews = [
    { title: "חברת הייטק ישראלית מפתחת טכנולוגיה חדשנית", time: "לפני 10 דקות", hot: true },
    { title: "השקעה של 100 מיליון דולר בסטארט-אפ ישראלי", time: "לפני 25 דקות", hot: true },
    { title: "פיתוח חדש בתחום הבינה המלאכותית", time: "לפני 45 דקות", hot: false },
    { title: "שיתוף פעולה טכנולוגי בין ישראל לחברות בינלאומיות", time: "לפני שעה", hot: false },
  ]

const techSites = [
    {
      name: "Geektime",
      url: "https://geektime.co.il",
      description: "אתר החדשות המוביל לטכנולוגיה",
      category: "טכנולוגיה",
    },
    {
      name: "כלכליסט טק",
      url: "https://calcalist.co.il/tech",
      description: "מדור הטכנולוגיה של כלכליסט",
      category: "טכנולוגיה",
    },
    {
      name: "TheMarker Tech",
      url: "https://themarker.com/tech",
      description: "חדשות טכנולוגיה מדה מרקר",
      category: "טכנולוגיה",
    },
    {
      name: "Ynet טכנולוגיה",
      url: "https://ynet.co.il/digital",
      description: "מדור הטכנולוגיה של Ynet",
      category: "טכנולוגיה",
    },
  ]

const techSectors = [
    { name: "בינה מלאכותית", companies: 198, funding: "$1.9B", icon: "🤖" },
    { name: "סייבר", companies: 180, funding: "$1.8B", icon: "🔒" },
    { name: "פינטק", companies: 245, funding: "$2.1B", icon: "💳" },
    { name: "בריאות דיגיטלית", companies: 156, funding: "$1.5B", icon: "🏥" },
    { name: "מובילטק", companies: 134, funding: "$980M", icon: "📱" },
    { name: "אגריטק", companies: 89, funding: "$650M", icon: "🌱" },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-cyan-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/news" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לחדשות</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Cpu className="h-8 w-8 text-blue-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">טכנולוגיה</h1>
                <p className="text-sm text-gray-600">חדשות הייטק וחדשנות</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Tech News */}
            <Card>
              <CardHeader>
                <CardTitle>חדשות טכנולוגיה אחרונות</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {techNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.hot ? "bg-blue-50 p-3 rounded" : "p-3"}`}
                  >
                    {item.hot && <Badge className="bg-blue-600 text-white text-xs mb-1">חם</Badge>}
                    <h4 className="font-medium leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Tech Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי חדשות טכנולוגיה</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {techSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-blue-600 hover:bg-blue-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/economy/startups" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    סטארט-אפ
                  </Button>
                </Link>
                <Link href="/news/general" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות כלליות
                  </Button>
                </Link>
                <Link href="/economy" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    כלכלה
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/news/health/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Heart, Home, ExternalLink, Activity } from "lucide-react"
import Link from "next/link"

export default function HealthPage() {
  const healthNews = [
    { title: "מחקר חדש על טיפול בסרטן בישראל", time: "לפני 15 דקות", important: true },
    { title: "קמפיין חיסונים נגד שפעת החל", time: "לפני 30 דקות", important: true },
    { title: "פתיחת מרכז רפואי חדש בצפון", time: "לפני שעה", important: false },
    { title: "מחקר על השפעת התזונה על הבריאות", time: "לפני שעתיים", important: false },
  ]

const healthSites = [
    {
      name: "משרד הבריאות",
      url: "https://gov.il/he/departments/ministry_of_health",
      description: "האתר הרשמי של משרד הבריאות",
      category: "ממשלתי",
    },
    {
      name: "Ynet בריאות",
      url: "https://ynet.co.il/health",
      description: "מדור הבריאות של Ynet",
      category: "חדשות",
    },
    {
      name: "הארץ בריאות",
      url: "https://haaretz.co.il/health",
      description: "מדור הבריאות של הארץ",
      category: "חדשות",
    },
    {
      name: "מכבי שירותי בריאות",
      url: "https://maccabi4u.co.il",
      description: "קופת חולים מכבי",
      category: "קופת חולים",
    },
  ]

const healthTopics = [
    { name: "מניעה", description: "חיסונים ובדיקות מניעה", priority: "גבוה", icon: "🛡️" },
    { name: "תזונה", description: "הרגלי תזונה בריאים", priority: "בינוני", icon: "🥗" },
    { name: "פעילות גופנית", description: "חשיבות הספורט לבריאות", priority: "בינוני", icon: "🏃" },
    { name: "בריאות נפש", description: "טיפול פסיכולוגי ופסיכיאטרי", priority: "גבוה", icon: "🧠" },
    { name: "מחלות כרוניות", description: "סוכרת, לחץ דם ועוד", priority: "גבוה", icon: "💊" },
    { name: "בריאות ילדים", description: "בריאות התינוקות והילדים", priority: "גבוה", icon: "👶" },
  ]

const healthOrganizations = [
    { name: "כללית", members: "4.7M", description: "קופת החולים הגדולה בישראל" },
    { name: "מכבי", members: "2.5M", description: "קופת חולים מכבי" },
    { name: "מאוחדת", members: "1.2M", description: "שירותי בריאות מאוחדת" },
    { name: "לאומית", members: "700K", description: "שירותי בריאות לאומית" },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-green-50 to-teal-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/news" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לחדשות</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Heart className="h-8 w-8 text-green-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">בריאות</h1>
                <p className="text-sm text-gray-600">חדשות בריאות ורפואה</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Health News */}
            <Card>
              <CardHeader>
                <CardTitle>חדשות בריאות אחרונות</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {healthNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.important ? "bg-green-50 p-3 rounded" : "p-3"}`}
                  >
                    {item.important && <Badge className="bg-green-600 text-white text-xs mb-1">חשוב</Badge>}
                    <h4 className="font-medium leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Health Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי בריאות</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {healthSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-green-600 hover:bg-green-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Health Organizations */}
            <Card>
              <CardHeader>
                <CardTitle>קופות חולים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-3">
                {healthOrganizations.map((org, index) => (
                  <div key={index} className="p-3 bg-green-50 rounded">
                    <div className="flex items-center justify-between mb-1">
                      <div className="font-medium text-gray-900">{org.name}</div>
                      <Badge className="bg-green-600">{org.members}</Badge>
                    </div>
                    <div className="text-sm text-gray-600">{org.description}</div>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/news/society" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חברה
                  </Button>
                </Link>
                <Link href="/news/general" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות כלליות
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/radio/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState, useRef, useEffect } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Radio, Home, Play, Volume2, Music, Square, AlertCircle, ExternalLink, Pause } from "lucide-react"
import Link from "next/link"

export default function RadioPage() {
  const [currentStation, setCurrentStation] = useState<string | null>(null)
  const [isPlaying, setIsPlaying] = useState(false)
  const [volume, setVolume] = useState(50)
  const [error, setError] = useState<string | null>(null)
  const [loading, setLoading] = useState(false)
  const audioRef = useRef<HTMLAudioElement | null>(null)

const playStation = async (station: any) => {
    setError(null)
    setLoading(true)

try {
      // Stop current station if playing
      if (audioRef.current) {
        audioRef.current.pause()
        audioRef.current.src = ""
      }

if (station.streamUrl === "demo") {
        // Demo mode - simulate playing with actual feedback
        setCurrentStation(station.name)
        setIsPlaying(true)
        setLoading(false)

// Create a simple audio context for demo feedback
        try {
          const audioContext = new (window.AudioContext || (window as any).webkitAudioContext)()
          const oscillator = audioContext.createOscillator()
          const gainNode = audioContext.createGain()

oscillator.connect(gainNode)
          gainNode.connect(audioContext.destination)

// Different frequencies for different demo stations
          const frequency = station.name.includes("1") ? 440 : 523.25 // A4 or C5
          oscillator.frequency.setValueAtTime(frequency, audioContext.currentTime)
          oscillator.type = "sine"

gainNode.gain.setValueAtTime(0.1, audioContext.currentTime)
          oscillator.start()

// Stop after 3 seconds for demo
          setTimeout(() => {
            oscillator.stop()
            audioContext.close()
            if (currentStation === station.name) {
              stopStation()
            }
          }, 3000)
        } catch (audioError) {
          console.log("Web Audio API not supported, using silent demo")
          // Silent demo mode
          setTimeout(() => {
            if (currentStation === station.name) {
              stopStation()
            }
          }, 3000)
        }
        return
      }

// For real streams, show message that they require external access
      setError(`${station.name} דורש גישה חיצונית. אנא בקר באתר הרשמי של התחנה.`)
      setLoading(false)
    } catch (err) {
      console.error("Station play error:", err)
      setError(`לא ניתן להשמיע את ${station.name}`)
      setLoading(false)
    }
  }

const stopStation = () => {
    if (audioRef.current) {
      audioRef.current.pause()
      audioRef.current.src = ""
    }
    setIsPlaying(false)
    setCurrentStation(null)
    setError(null)
    setLoading(false)
  }

const togglePlayPause = () => {
    if (audioRef.current && currentStation) {
      if (isPlaying) {
        audioRef.current.pause()
        setIsPlaying(false)
      } else {
        audioRef.current.play().catch((err) => {
          console.error("Resume play error:", err)
          setError("שגיאה בהמשך ההשמעה")
        })
        setIsPlaying(true)
      }
    }
  }

const handleVolumeChange = (newVolume: number) => {
    setVolume(newVolume)
    if (audioRef.current) {
      audioRef.current.volume = newVolume / 100
    }
  }

useEffect(() => {
    return () => {
      if (audioRef.current) {
        audioRef.current.pause()
        audioRef.current.src = ""
      }
    }
  }, [])

const radioStations = [
    {
      name: "רדיו דמו - מוזיקה רגועה",
      frequency: "DEMO 1",
      description: "נגן דמו עם צליל רגוע (3 שניות)",
      genre: " демо",
      listeners: "Demo",
      website: "#",
      streamUrl: "demo",
      available: true,
      reason: "זמין לבדיקה - 3 שניות",
    },
    {
      name: "רדיו דמו - מוזיקה אנרגטית",
      frequency: "DEMO 2",
      description: "נגן דמו עם צליל גבוה יותר (3 שניות)",
      genre: " демо",
      listeners: "Demo",
      website: "#",
      streamUrl: "demo",
      available: true,
      reason: "זמין לבדיקה - 3 שניות",
    },
    {
      name: "גלגלצ",
      frequency: "91.8 FM",
      description: "תחנת הרדיו הפופולרית בישראל",
      genre: "פופ",
      listeners: "500K+",
      website: "https://glz.co.il",
      streamUrl: "external",
      available: false,
      reason: "זמין באתר הרשמי - השמעה חיה",
    },
    {
      name: "רדיו תל אביב",
      frequency: "102 FM",
      description: "מוזיקה ישראלית ועברית",
      genre: "ישראלית",
      listeners: "300K+",
      website: "https://102fm.co.il",
      streamUrl: "external",
      available: false,
      reason: "זמין באתר הרשמי - השמעה חיה",
    },
    {
      name: "88FM",
      frequency: "88 FM",
      description: "מוזיקה אלטרנטיבית ועכשווית",
      genre: "אלטרנטיבי",
      listeners: "200K+",
      website: "https://88fm.co.il",
      streamUrl: "external",
      available: false,
      reason: "זמין באתר הרשמי - השמעה חיה",
    },
    {
      name: "רדיו חיפה",
      frequency: "107.5 FM",
      description: "תחנת הצפון",
      genre: "מגוון",
      listeners: "180K+",
      website: "https://radiohaifa.co.il",
      streamUrl: "external",
      available: false,
      reason: "זמין באתר הרשמי - השמעה חיה",
    },
    {
      name: "רדיו ירושלים",
      frequency: "101.3 FM",
      description: "קול ירושלים",
      genre: "מגוון",
      listeners: "120K+",
      website: "https://radiojerusalem.co.il",
      streamUrl: "external",
      available: false,
      reason: "זמין באתר הרשמי - השמעה חיה",
    },
    {
      name: "רדיו קול חי",
      frequency: "96.2 FM",
      description: "מוזיקה דתית ומזרחית",
      genre: "דתי",
      listeners: "250K+",
      website: "https://kolhai.co.il",
      streamUrl: "external",
      available: false,
      reason: "זמין באתר הרשמי - השמעה חיה",
    },
    {
      name: "רדיו אקו 99",
      frequency: "99 FM",
      description: "מוזיקה רוק ואלטרנטיבית",
      genre: "רוק",
      listeners: "100K+",
      website: "https://eco99.co.il",
      streamUrl: "external",
      available: false,
      reason: "זמין באתר הרשמי - השמעה חיה",
    },
    {
      name: "רדיו דרום",
      frequency: "93.6 FM",
      description: "תחנת הדרום",
      genre: "מגוון",
      listeners: "90K+",
      website: "https://radiodrom.co.il",
      streamUrl: "external",
      available: false,
      reason: "זמין באתר הרשמי - השמעה חיה",
    },
    {
      name: "רדיו קסם",
      frequency: "106 FM",
      description: "מוזיקה מזרחית",
      genre: "מזרחית",
      listeners: "150K+",
      website: "https://radiokesem.co.il",
      streamUrl: "external",
      available: false,
      reason: "זמין באתר הרשמי - השמעה חיה",
    },
  ]

const genres = [
    { name: "פופ", count: 12, color: "bg-pink-100 text-pink-800" },
    { name: "רוק", count: 8, color: "bg-red-100 text-red-800" },
    { name: "ישראלית", count: 15, color: "bg-blue-100 text-blue-800" },
    { name: "מזרחית", count: 10, color: "bg-orange-100 text-orange-800" },
    { name: "קלאסית", count: 6, color: "bg-purple-100 text-purple-800" },
    { name: "ג'אז", count: 4, color: "bg-green-100 text-green-800" },
  ]

const nowPlaying = [
    { station: "גלגלצ", song: "שיר חדש - זמר ישראלי", time: "3:45" },
    { station: "רדיו תל אביב", song: "קלאסיקה עברית", time: "2:30" },
    { station: "88FM", song: "Alternative Rock", time: "4:12" },
    { station: "רדיו חיפה", song: "מוזיקה צפונית", time: "3:20" },
  ]

const popularRadioSites = [
    {
      name: "גלגלצ",
      url: "https://glz.co.il",
      description: "האתר הרשמי של גלגלצ - השמעה חיה",
    },
    {
      name: "רדיו תל אביב 102FM",
      url: "https://102fm.co.il",
      description: "האתר הרשמי - מוזיקה ישראלית",
    },
    {
      name: "88FM",
      url: "https://88fm.co.il",
      description: "מוזיקה אלטרנטיבית - השמעה חיה",
    },
    {
      name: "רדיו קול חי",
      url: "https://kolhai.co.il",
      description: "מוזיקה דתית ומזרחית",
    },
    {
      name: "רדיו חיפה",
      url: "https://radiohaifa.co.il",
      description: "תחנת הצפון - השמעה חיה",
    },
    {
      name: "רדיו קסם",
      url: "https://radiokesem.co.il",
      description: "מוזיקה מזרחית - השמעה חיה",
    },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-green-50 to-blue-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לעמוד הראשי</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Radio className="h-8 w-8 text-green-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">רדיו</h1>
                <p className="text-sm text-gray-600">תחנות רדיו ישראליות</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Error Message */}
      {error && (
        <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3">
          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div className="flex items-center gap-2">
              <AlertCircle className="h-5 w-5" />
              <span>{error}</span>
              <Button variant="ghost" size="sm" onClick={() => setError(null)} className="mr-auto">
                ✕
              </Button>
            </div>
          </div>
        </div>
      )}

{/* Player Controls */}
      {(currentStation || loading) && (
        <div className="bg-green-600 text-white py-4">
          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div className="flex items-center justify-between">
              <div className="flex items-center gap-4">
                <Button
                  variant="ghost"
                  size="sm"
                  className="text-white hover:bg-green-700"
                  onClick={togglePlayPause}
                  disabled={loading}
                >
                  {loading ? (
                    <div className="animate-spin rounded-full h-5 w-5 border-b-2 border-white"></div>
                  ) : isPlaying ? (
                    <Pause className="h-5 w-5" />
                  ) : (
                    <Play className="h-5 w-5" />
                  )}
                </Button>
                <div>
                  <div className="font-bold">{loading ? "טוען..." : `מתנגן עכשיו: ${currentStation}`}</div>
                  <div className="text-sm opacity-75">{loading ? "מתחבר לתחנה..." : "רדיו חי"}</div>
                </div>
              </div>
              <div className="flex items-center gap-2">
                <Volume2 className="h-4 w-4" />
                <input
                  type="range"
                  min="0"
                  max="100"
                  value={volume}
                  onChange={(e) => handleVolumeChange(Number.parseInt(e.target.value))}
                  className="w-20"
                />
                <span className="text-sm w-8">{volume}</span>
                <Button variant="ghost" size="sm" className="text-white hover:bg-green-700" onClick={stopStation}>
                  <Square className="h-4 w-4" />
                </Button>
              </div>
            </div>
          </div>
        </div>
      )}

<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
          {/* Main Content */}
          <div className="lg:col-span-3 space-y-8">
            {/* Info Banner */}
            <Card className="bg-blue-50 border-blue-200">
              <CardContent className="p-4">
                <div className="flex items-start gap-3">
                  <AlertCircle className="h-5 w-5 text-blue-600 mt-0.5" />
                  <div>
                    <h3 className="font-medium text-blue-900 mb-1">מידע על השמעת רדיו</h3>
                    <p className="text-sm text-blue-800">
                      • תחנות הדמו מנגנות צליל קצר לבדיקת הפונקציונליות
                      <br />• תחנות רדיו אמיתיות דורשות הרשאות CORS מיוחדות
                      <br />• לחוויית השמעה מלאה, בקרו באתרים הרשמיים של התחנות
                      <br />• חלק מהתחנות זמינות רק באפליקציות מיוחדות
                    </p>
                  </div>
                </div>
              </CardContent>
            </Card>

{/* Now Playing */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Volume2 className="h-5 w-5" />
                  מתנגן עכשיו בתחנות
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {nowPlaying.map((item, index) => (
                    <div key={index} className="flex items-center justify-between p-4 bg-green-50 rounded-lg">
                      <div className="flex items-center gap-3">
                        <Play className="h-5 w-5 text-green-600" />
                        <div>
                          <h3 className="font-medium">{item.station}</h3>
                          <p className="text-sm text-gray-600">{item.song}</p>
                        </div>
                      </div>
                      <Badge variant="outline">{item.time}</Badge>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Radio Stations */}
            <Card>
              <CardHeader>
                <CardTitle>תחנות רדיו ישראליות</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {radioStations.map((station, index) => (
                    <div key={index} className={`p-4 bg-white border rounded-lg hover:shadow-md transition-all`}>
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <div className="flex items-center gap-2 mb-2">
                            <h3 className="font-bold text-lg text-gray-900">{station.name}</h3>
                            <Badge className={station.available ? "bg-green-600" : "bg-gray-500"}>
                              {station.frequency}
                            </Badge>
                          </div>
                          <p className="text-gray-600 text-sm mb-2">{station.description}</p>
                          <div className="flex items-center gap-2 mb-2">
                            <Badge variant="outline" className="text-xs">
                              {station.genre}
                            </Badge>
                            <span className="text-xs text-gray-500">{station.listeners} מאזינים</span>
                          </div>
                          <p className="text-xs text-blue-600">{station.reason}</p>
                        </div>
                        <div className="ml-4 flex flex-col gap-2">
                          {station.available ? (
                            <Button
                              size="sm"
                              className={`${
                                currentStation === station.name
                                  ? "bg-red-600 hover:bg-red-700"
                                  : "bg-green-600 hover:bg-green-700"
                              }`}
                              onClick={() => {
                                if (currentStation === station.name) {
                                  stopStation()
                                } else {
                                  playStation(station)
                                }
                              }}
                              disabled={loading}
                            >
                              {loading && currentStation === station.name ? (
                                <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-white"></div>
                              ) : currentStation === station.name ? (
                                <>
                                  <Square className="h-4 w-4 ml-1" />
                                  עצור
                                </>
                              ) : (
                                <>
                                  <Play className="h-4 w-4 ml-1" />
                                  {station.streamUrl === "demo" ? " демо" : "השמע"}
                                </>
                              )}
                            </Button>
                          ) : (
                            <Link href={station.website} target="_blank">
                              <Button size="sm" variant="outline" className="bg-transparent">
                                <ExternalLink className="h-4 w-4 ml-1" />
                                אתר
                              </Button>
                            </Link>
                          )}
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Popular Radio Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי רדיו מובילים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {popularRadioSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm">{site.description}</p>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-green-600 hover:bg-green-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Player Status */}
            {currentStation && (
              <Card className="bg-green-50 border-green-200">
                <CardHeader>
                  <CardTitle className="text-green-800">נגן פעיל</CardTitle>
                </CardHeader>
                <CardContent>
                  <div className="text-center">
                    <div className="text-2xl mb-2">📻</div>
                    <div className="font-bold text-green-900">{currentStation}</div>
                    <div className="text-sm text-green-700 mt-1">{isPlaying ? "מתנגן" : "מושהה"}</div>
                    <div className="text-xs text-green-600 mt-2">עוצמת קול: {volume}%</div>
                  </div>
                </CardContent>
              </Card>
            )}

{/* Genres */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Music className="h-5 w-5" />
                  ז'אנרים
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="space-y-2">
                  {genres.map((genre, index) => (
                    <div
                      key={index}
                      className="flex items-center justify-between p-2 bg-gray-50 rounded hover:bg-gray-100 cursor-pointer"
                    >
                      <span className="font-medium">{genre.name}</span>
                      <Badge className={genre.color}>{genre.count}</Badge>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Popular This Week */}
            <Card>
              <CardHeader>
                <CardTitle>פופולריים השבוע</CardTitle>
              </CardHeader>
              <CardContent className="space-y-3">
                <div className="text-center p-3 bg-green-50 rounded-lg">
                  <h3 className="font-bold">גלגלצ</h3>
                  <p className="text-sm text-gray-600">התחנה הכי פופולרית</p>
                </div>
                <div className="text-center p-3 bg-blue-50 rounded-lg">
                  <h3 className="font-bold">רדיו תל אביב</h3>
                  <p className="text-sm text-gray-600">מוזיקה ישראלית</p>
                </div>
              </CardContent>
            </Card>

{/* How to Listen */}
            <Card>
              <CardHeader>
                <CardTitle>איך להאזין?</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2 text-sm text-gray-600">
                <p>• לחץ על "השמע" או " демо" בתחנות הזמינות</p>
                <p>• בקר באתרים הרשמיים של התחנות</p>
                <p>• הורד אפליקציות מיוחדות</p>
                <p>• השתמש ברדיו רגיל</p>
                <p>• נסה שירותי סטרימינג</p>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/entertainment" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בידור
                  </Button>
                </Link>
                <Link href="/news" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="app/actions/weather.ts" isMerged="true"
"use server"

import { getWeatherData } from "@/lib/weather-api"

export async function fetchWeatherData() {
  return await getWeatherData()
}
[V0_FILE]markdown:file="README.md" isMerged="true"
# LINK4U.CO.IL - פורטל ישראלי

פורטל ישראלי מקיף המרכז את כל האתרים הפופולאריים והשימושיים במקום אחד.

## ✨ תכונות

- 📰 **חדשות** - חדשות מהארץ והעולם
- 💰 **כלכלה** - בורסה, בנקאות, נדל"ן, סטארט-אפ
- ⚽ **ספורט** - תוצאות ומשחקים
- 🎵 **בידור** - טלוויזיה, קולנוע, מוזיקה
- 📻 **רדיו** - תחנות רדיו ישראליות
- ⭐ **הורוסקופ** - תחזיות יומיות
- 🌤️ **מזג אוויר** - תחזית מזג אוויר
- 💱 **מטבעות** - שערי חליפין

## 🛠️ טכנולוגיות

- **Next.js 15** - React Framework
- **TypeScript** - Type Safety
- **Tailwind CSS** - Styling
- **Shadcn/UI** - UI Components
- **Lucide React** - Icons

## 🚀 התקנה מהירה

### דרך 1: הורדה ישירה
1. לחץ על "Download Code" בחלק העליון
2. פתח terminal ורוץ:
\`\`\`bash
npm install
npm run dev
\`\`\`

### דרך 2: GitHub
1. לחץ על כפתור GitHub בחלק העליון
2. Fork את הפרויקט
3. Clone לקומפיוטר שלך:
\`\`\`bash
git clone https://github.com/[USERNAME]/link4u-portal.git
cd link4u-portal
npm install
npm run dev
\`\`\`

### דרך 3: Vercel (פריסה מיידית)
1. לחץ על "Deploy" בחלק העליון
2. התחבר ל-Vercel
3. הפרויקט יפרס אוטומטית!

## ⚙️ הגדרות (אופציונלי)

צור קובץ `.env.local`:
\`\`\`
WEATHER_API_KEY=your_openweather_api_key
\`\`\`

## 📱 תכונות נוספות

- **Responsive Design** - מותאם לכל המכשירים
- **RTL Support** - תמיכה מלאה בעברית
- **Dark Mode Ready** - מוכן למצב לילה
- **SEO Optimized** - אופטימיזציה למנועי חיפוש

## 🤝 תרומה לפרויקט

1. Fork את הפרויקט
2. צור branch חדש (`git checkout -b feature/amazing-feature`)
3. Commit השינויים (`git commit -m 'Add amazing feature'`)
4. Push ל-branch (`git push origin feature/amazing-feature`)
5. פתח Pull Request

## 📞 יצירת קשר

- **אתר**: link4u.co.il
- **אימייל**: contact@link4u.co.il
- **GitHub**: [פרויקט זה]

## 📄 רישיון

MIT License - ראה קובץ LICENSE לפרטים

---

**נוצר עם ❤️ בישראל**
[V0_FILE]typescript:file="lib/news-api.ts" isMerged="true"
export interface NewsItem {
  title: string
  description: string
  url: string
  publishedAt: string
  source: string
  category: string
  urgent?: boolean
}

export async function getLatestNews(): Promise<NewsItem[]> {
  try {
    // Try multiple Hebrew news sources
    const sources = [
      "https://rss.cnn.com/rss/edition.rss",
      "https://feeds.bbci.co.uk/news/rss.xml",
      "https://rss.cnn.com/rss/edition_world.rss",
    ]

// For Israeli news, we'll use RSS feeds which are more reliable
    const israeliNews = await getIsraeliNews()

if (israeliNews.length > 0) {
      return israeliNews
    }

// Fallback to international news
    const response = await fetch("https://newsapi.org/v2/top-headlines?country=il&apiKey=" + process.env.NEWS_API_KEY, {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
      },
      signal: AbortSignal.timeout(8000),
    })

if (!response.ok) {
      console.log(`News API responded with status: ${response.status}`)
      return getFallbackNews()
    }

const data = await response.json()

return (
      data.articles?.slice(0, 10).map((article: any) => ({
        title: article.title,
        description: article.description || "",
        url: article.url,
        publishedAt: new Date(article.publishedAt).toLocaleString("he-IL"),
        source: article.source.name,
        category: "כללי",
        urgent: isUrgentNews(article.title),
      })) || getFallbackNews()
    )
  } catch (error) {
    console.log("News API error, using fallback:", error instanceof Error ? error.message : "Unknown error")
    return getFallbackNews()
  }
}

async function getIsraeliNews(): Promise<NewsItem[]> {
  try {
    // RSS feeds from Israeli news sites
    const rssFeeds = [
      { url: "https://www.ynet.co.il/Integration/StoryRss2.xml", source: "Ynet" },
      { url: "https://rss.walla.co.il/feed/1?type=main", source: "Walla" },
    ]

const allNews: NewsItem[] = []

for (const feed of rssFeeds) {
      try {
        // Use RSS2JSON service to convert RSS to JSON
        const response = await fetch(`https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(feed.url)}`, {
          signal: AbortSignal.timeout(5000),
        })

if (response.ok) {
          const data = await response.json()
          const items =
            data.items?.slice(0, 5).map((item: any) => ({
              title: item.title,
              description: item.description?.replace(/<[^>]*>/g, "").substring(0, 150) + "...",
              url: item.link,
              publishedAt: new Date(item.pubDate).toLocaleString("he-IL"),
              source: feed.source,
              category: "כללי",
              urgent: isUrgentNews(item.title),
            })) || []

allNews.push(...items)
        }
      } catch (feedError) {
        console.log(`RSS feed error for ${feed.source}:`, feedError)
      }
    }

return allNews.slice(0, 10)
  } catch (error) {
    console.log("Israeli news RSS error:", error)
    return []
  }
}

function isUrgentNews(title: string): boolean {
  const urgentKeywords = ["דחוף", "חדש", "עכשיו", "פיגוע", "רעידת אדמה", "שריפה", "תאונה"]
  return urgentKeywords.some((keyword) => title.includes(keyword))
}

function getFallbackNews(): NewsItem[] {
  const currentTime = new Date().toLocaleString("he-IL")

return [
    {
      title: "עדכוני חדשות אחרונות מהארץ והעולם",
      description: "מעקב שוטף אחר האירועים החשובים",
      url: "https://ynet.co.il",
      publishedAt: currentTime,
      source: "מערכת",
      category: "כללי",
      urgent: false,
    },
    {
      title: "מצב הכלכלה הישראלית - דוח שבועי",
      description: "ניתוח מצב השווקים והמדדים הכלכליים",
      url: "https://calcalist.co.il",
      publishedAt: currentTime,
      source: "מערכת",
      category: "כלכלה",
      urgent: false,
    },
    {
      title: "תוצאות ספורט מהליגות המובילות",
      description: "עדכונים מהמשחקים האחרונים",
      url: "https://sport5.co.il",
      publishedAt: currentTime,
      source: "מערכת",
      category: "ספורט",
      urgent: false,
    },
    {
      title: "חדשות טכנולוגיה והיי-טק הישראלי",
      description: "פיתוחים חדשים בעולם הטכנולוגיה",
      url: "https://geektime.co.il",
      publishedAt: currentTime,
      source: "מערכת",
      category: "טכנולוגיה",
      urgent: false,
    },
  ]
}
[V0_FILE]typescript:file="app/actions/news.ts" isMerged="true"
"use server"

import { getLatestNews } from "@/lib/news-api"

export async function fetchLatestNews() {
  return await getLatestNews()
}
[V0_FILE]typescriptreact:file="lib/weather-api.ts" isEdit="true" isQuickEdit="true" isMerged="true"
export interface WeatherData {
  temperature: number
  description: string
  city: string
  icon: string
  lastUpdated: string
  humidity?: number
  windSpeed?: number
  feelsLike?: number
}

export async function getWeatherData(): Promise<WeatherData> {
  try {
    const API_KEY = process.env.WEATHER_API_KEY

if (!API_KEY || API_KEY === "demo") {
      console.log("No weather API key provided, using fallback data")
      return getFallbackWeatherData()
    }

// Get weather for multiple Israeli cities
    const cities = ["Tel Aviv", "Jerusalem", "Haifa", "Beer Sheva"]
    const mainCity = "Tel Aviv"

const response = await fetch(
      `https://api.openweathermap.org/data/2.5/weather?q=${mainCity},IL&appid=${API_KEY}&units=metric&lang=he`,
      {
        method: "GET",
        headers: {
          "Content-Type": "application/json",
        },
        signal: AbortSignal.timeout(8000),
      },
    )

if (!response.ok) {
      console.log(`Weather API responded with status: ${response.status}`)
      return getFallbackWeatherData()
    }

const data = await response.json()

return {
      temperature: Math.round(data.main.temp),
      description: translateWeatherDescription(data.weather[0].description),
      city: data.name,
      icon: getWeatherIcon(data.weather[0].main),
      lastUpdated: new Date().toLocaleTimeString("he-IL", {
        hour: "2-digit",
        minute: "2-digit",
      }),
      humidity: data.main.humidity,
      windSpeed: Math.round(data.wind?.speed * 3.6), // Convert m/s to km/h
      feelsLike: Math.round(data.main.feels_like),
    }
  } catch (error) {
    console.log("Weather API error, using fallback data:", error instanceof Error ? error.message : "Unknown error")
    return getFallbackWeatherData()
  }
}

function translateWeatherDescription(description: string): string {
  const translations: { [key: string]: string } = {
    "clear sky": "שמיים בהירים",
    "few clouds": "מעונן חלקית",
    "scattered clouds": "עננים מפוזרים",
    "broken clouds": "מעונן",
    "shower rain": "ממטרים",
    rain: "גשם",
    thunderstorm: "סופת רעמים",
    snow: "שלג",
    mist: "ערפל",
    "overcast clouds": "מעונן כבד",
  }

return translations[description.toLowerCase()] || description
}

function getFallbackWeatherData(): WeatherData {
  // Generate realistic weather data with some variation
  const temperatures = [22, 24, 26, 28, 25, 23]
  const conditions = [
    { desc: "שמשי", icon: "☀️" },
    { desc: "מעונן חלקית", icon: "⛅" },
    { desc: "בהיר", icon: "🌤️" },
    { desc: "נאה", icon: "☀️" },
  ]

const randomTemp = temperatures[Math.floor(Math.random() * temperatures.length)]
  const randomCondition = conditions[Math.floor(Math.random() * conditions.length)]

return {
    temperature: randomTemp,
    description: randomCondition.desc,
    city: "תל אביב",
    icon: randomCondition.icon,
    lastUpdated: new Date().toLocaleTimeString("he-IL", {
      hour: "2-digit",
      minute: "2-digit",
    }),
  }
}

function getWeatherIcon(condition: string): string {
  const iconMap: { [key: string]: string } = {
    Clear: "☀️",
    Clouds: "☁️",
    Rain: "🌧️",
    Drizzle: "🌦️",
    Thunderstorm: "⛈️",
    Snow: "❄️",
    Mist: "🌫️",
    Fog: "🌫️",
  }

return iconMap[condition] || "🌤️"
}
[V0_FILE]typescript:file="lib/currency-api.ts" isMerged="true"
export interface CurrencyRate {
  currency: string
  code: string
  rate: string
  change: string
  positive: boolean
  flag: string
}

export async function getCurrencyRates(): Promise<CurrencyRate[]> {
  try {
    // Use multiple API sources for better reliability
    const APIs = [
      {
        url: "https://api.exchangerate-api.com/v4/latest/USD",
        parser: parseExchangeRateAPI,
      },
      // Fixer API requires server-side only
      // Use server action to fetch it instead
    ]

for (const api of APIs) {
      try {
        const controller = new AbortController()
        const id = setTimeout(() => controller.abort(), 6000)

const response = await fetch(api.url, {
          method: "GET",
          headers: {
            "Content-Type": "application/json",
          },
          signal: controller.signal,
        })

clearTimeout(id)

if (response.ok) {
          const data = await response.json()
          const rates = api.parser(data)
          if (rates.length > 0) {
            return rates
          }
        }
      } catch (apiError) {
        console.log(`API error:`, apiError)
        continue
      }
    }

// If all APIs fail, use Bank of Israel rates
    return await getBankOfIsraelRates()
  } catch (error) {
    console.log("All currency APIs failed, using fallback:", error)
    return getMockCurrencyData()
  }
}

async function getBankOfIsraelRates(): Promise<CurrencyRate[]> {
  try {
    // Bank of Israel XML feed (more reliable for Israeli rates)
    const response = await fetch("https://www.boi.org.il/currency.xml", {
      signal: AbortSignal.timeout(5000),
    })

if (response.ok) {
      const xmlText = await response.text()
      return parseBankOfIsraelXML(xmlText)
    }
  } catch (error) {
    console.log("Bank of Israel API error:", error)
  }

return getMockCurrencyData()
}

function parseExchangeRateAPI(data: any): CurrencyRate[] {
  if (!data.rates) return []

const currencies = [
    { code: "ILS", name: "שקל ישראלי", flag: "🇮🇱" },
    { code: "EUR", name: "יורו", flag: "🇪🇺" },
    { code: "GBP", name: "פאונד בריטי", flag: "🇬🇧" },
    { code: "JPY", name: "ין יפני", flag: "🇯🇵" },
  ]

return currencies.map((curr) => {
    const rate = data.rates[curr.code] || 1
    const change = (Math.random() - 0.5) * 2 // Simulate change

return {
      currency: curr.name,
      code: curr.code,
      rate: curr.code === "ILS" ? rate.toFixed(2) : (1 / rate).toFixed(2),
      change: `${change >= 0 ? "+" : ""}${change.toFixed(1)}%`,
      positive: change >= 0,
      flag: curr.flag,
    }
  })
}

function parseFixerAPI(data: any): CurrencyRate[] {
  // Similar parsing for Fixer.io API
  return parseExchangeRateAPI(data)
}

function parseBankOfIsraelXML(xmlText: string): CurrencyRate[] {
  try {
    // Simple XML parsing for Bank of Israel rates
    const parser = new DOMParser()
    const xmlDoc = parser.parseFromString(xmlText, "text/xml")

// This is a simplified parser - in production you'd want a proper XML parser
    return getMockCurrencyData() // Fallback for now
  } catch (error) {
    return getMockCurrencyData()
  }
}

function calculateChange(current: number, previous: number): string {
  const change = ((current - previous) / previous) * 100
  return `${change >= 0 ? "+" : ""}${change.toFixed(1)}%`
}

function getMockCurrencyData(): CurrencyRate[] {
  // Generate realistic mock data with small fluctuations
  const baseRates = { USD: 3.65, EUR: 3.98, GBP: 4.52 }

return Object.entries(baseRates).map(([code, baseRate]) => {
    const fluctuation = (Math.random() - 0.5) * 0.1 // ±5% fluctuation
    const currentRate = baseRate + fluctuation
    const change = (fluctuation / baseRate) * 100

const currencyNames = {
      USD: "דולר אמריקאי",
      EUR: "יורו",
      GBP: "פאונד בריטי",
    }

const flags = {
      USD: "🇺🇸",
      EUR: "🇪🇺",
      GBP: "🇬🇧",
    }

return {
      currency: currencyNames[code as keyof typeof currencyNames],
      code,
      rate: currentRate.toFixed(2),
      change: `${change >= 0 ? "+" : ""}${change.toFixed(1)}%`,
      positive: change >= 0,
      flag: flags[code as keyof typeof flags],
    }
  })
}
[V0_FILE]typescript:file="lib/rss-parser.ts" isMerged="true"
export interface RSSItem {
  title: string
  description: string
  link: string
  pubDate: string
  source: string
}

export async function parseRSSFeed(url: string, source: string): Promise<RSSItem[]> {
  try {
    // Use RSS2JSON service to convert RSS to JSON
    const response = await fetch(
      `https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(url)}&api_key=${process.env.RSS2JSON_API_KEY || "demo"}&count=10`,
      {
        signal: AbortSignal.timeout(8000),
      },
    )

if (!response.ok) {
      throw new Error(`RSS parsing failed: ${response.status}`)
    }

const data = await response.json()

if (data.status !== "ok") {
      throw new Error("RSS parsing service error")
    }

return (
      data.items?.map((item: any) => ({
        title: cleanHtmlTags(item.title),
        description: cleanHtmlTags(item.description || "").substring(0, 200) + "...",
        link: item.link,
        pubDate: new Date(item.pubDate).toLocaleString("he-IL"),
        source: source,
      })) || []
    )
  } catch (error) {
    console.log(`RSS parsing error for ${source}:`, error)
    return []
  }
}

function cleanHtmlTags(text: string): string {
  return text.replace(/<[^>]*>/g, "").trim()
}

export async function getIsraeliRSSNews(): Promise<RSSItem[]> {
  const feeds = [
    { url: "https://www.ynet.co.il/Integration/StoryRss2.xml", source: "Ynet" },
    { url: "https://rss.walla.co.il/feed/1?type=main", source: "Walla" },
    { url: "https://www.calcalist.co.il/GeneralRSS/0,16335,,00.xml", source: "Calcalist" },
    { url: "https://www.globes.co.il/webservice/rss/rssfeeder.asmx/FeederNode?iID=1725", source: "Globes" },
  ]

const allNews: RSSItem[] = []

// Process feeds in parallel but with timeout
  const feedPromises = feeds.map(async (feed) => {
    try {
      const items = await parseRSSFeed(feed.url, feed.source)
      return items
    } catch (error) {
      console.log(`Failed to fetch ${feed.source}:`, error)
      return []
    }
  })

const results = await Promise.allSettled(feedPromises)

results.forEach((result) => {
    if (result.status === "fulfilled") {
      allNews.push(...result.value)
    }
  })

// Sort by publication date (newest first)
  return allNews.sort((a, b) => new Date(b.pubDate).getTime() - new Date(a.pubDate).getTime()).slice(0, 15)
}
[V0_FILE]typescriptreact:file="components/weather-widget.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { CloudOff, RefreshCw } from "lucide-react"
import { fetchWeatherData } from "@/app/actions/weather"
import type { WeatherData } from "@/lib/weather-api"

export function WeatherWidget() {
  const [weather, setWeather] = useState<WeatherData | null>(null)
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState<string | null>(null)
  const [isDemo, setIsDemo] = useState(false)

useEffect(() => {
    async function fetchWeather() {
      try {
        setError(null)
        setLoading(true)
        const data = await fetchWeatherData()
        setWeather(data)
        // Check if this is demo data (no real API key)
        setIsDemo(!process.env.WEATHER_API_KEY)
      } catch (error) {
        console.error("Failed to fetch weather:", error)
        setError("לא ניתן לטעון מידע מזג אוויר")
      } finally {
        setLoading(false)
      }
    }

fetchWeather()

// Update every 5 minutes for real-time data
    const interval = setInterval(fetchWeather, 5 * 60 * 1000)

return () => clearInterval(interval)
  }, [])

if (loading) {
    return (
      <Card>
        <CardHeader>
          <CardTitle className="flex items-center gap-2">
            <RefreshCw className="h-4 w-4 animate-spin" />
            מזג האוויר
          </CardTitle>
        </CardHeader>
        <CardContent>
          <div className="text-center">
            <div className="animate-pulse">
              <div className="text-3xl mb-2">🌤️</div>
              <div className="text-2xl font-bold">טוען...</div>
            </div>
          </div>
        </CardContent>
      </Card>
    )
  }

if (error && !weather) {
    return (
      <Card>
        <CardHeader>
          <CardTitle className="flex items-center gap-2">
            <CloudOff className="h-4 w-4" />
            מזג האוויר
          </CardTitle>
        </CardHeader>
        <CardContent>
          <div className="text-center text-gray-500">
            <div className="text-2xl mb-2">🌤️</div>
            <div className="text-sm">{error}</div>
            <Badge variant="outline" className="mt-2 text-xs">
              מצב לא מקוון
            </Badge>
          </div>
        </CardContent>
      </Card>
    )
  }

if (!weather) {
    return (
      <Card>
        <CardHeader>
          <CardTitle>מזג האוויר</CardTitle>
        </CardHeader>
        <CardContent>
          <div className="text-center text-gray-500">לא ניתן לטעון מידע</div>
        </CardContent>
      </Card>
    )
  }

return (
    <Card>
      <CardHeader>
        <CardTitle className="flex items-center justify-between">
          <span>מזג האוויר</span>
          {!isDemo && (
            <Badge variant="outline" className="text-xs">
              חי
            </Badge>
          )}
        </CardTitle>
      </CardHeader>
      <CardContent>
        <div className="text-center">
          <div className="text-4xl mb-2">{weather.icon}</div>
          <div className="text-3xl font-bold mb-1">{weather.temperature}°</div>
          <div className="text-sm font-medium text-gray-900">{weather.city}</div>
          <div className="text-xs text-gray-600 mb-3">{weather.description}</div>

{/* Additional weather info */}
          {weather.humidity && (
            <div className="grid grid-cols-2 gap-2 text-xs text-gray-600 mb-2">
              <div>לחות: {weather.humidity}%</div>
              {weather.feelsLike && <div>מרגיש כמו: {weather.feelsLike}°</div>}
            </div>
          )}

<div className="text-xs text-gray-400">עודכן: {weather.lastUpdated}</div>
          {isDemo && (
            <Badge variant="outline" className="mt-2 text-xs">
              מצב דמו
            </Badge>
          )}
        </div>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescript:file="components/live-news-widget.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { Newspaper, ExternalLink, RefreshCw, Clock } from "lucide-react"
import { fetchLatestNews } from "@/app/actions/news"
import type { NewsItem } from "@/lib/news-api"
import Link from "next/link"

export function LiveNewsWidget() {
  const [news, setNews] = useState<NewsItem[]>([])
  const [loading, setLoading] = useState(true)
  const [lastUpdate, setLastUpdate] = useState<Date | null>(null)

useEffect(() => {
    async function fetchNews() {
      try {
        setLoading(true)
        const data = await fetchLatestNews()
        setNews(data)
        setLastUpdate(new Date())
      } catch (error) {
        console.error("Failed to fetch news:", error)
      } finally {
        setLoading(false)
      }
    }

fetchNews()

// Update every 2 minutes for real-time news
    const interval = setInterval(fetchNews, 2 * 60 * 1000)

return () => clearInterval(interval)
  }, [])

const refreshNews = async () => {
    try {
      setLoading(true)
      const data = await fetchLatestNews()
      setNews(data)
      setLastUpdate(new Date())
    } catch (error) {
      console.error("Failed to refresh news:", error)
    } finally {
      setLoading(false)
    }
  }

return (
    <Card>
      <CardHeader>
        <CardTitle className="flex items-center justify-between">
          <div className="flex items-center gap-2">
            <Newspaper className="h-5 w-5" />
            חדשות בזמן אמת
          </div>
          <div className="flex items-center gap-2">
            <Badge variant="outline" className="text-xs bg-red-50 text-red-600 border-red-200">
              חי
            </Badge>
            <Button variant="ghost" size="sm" onClick={refreshNews} disabled={loading}>
              <RefreshCw className={`h-4 w-4 ${loading ? "animate-spin" : ""}`} />
            </Button>
          </div>
        </CardTitle>
      </CardHeader>
      <CardContent>
        <div className="space-y-4">
          {loading && news.length === 0 ? (
            <div className="space-y-3">
              {[1, 2, 3].map((i) => (
                <div key={i} className="animate-pulse">
                  <div className="h-4 bg-gray-200 rounded mb-2"></div>
                  <div className="h-3 bg-gray-100 rounded w-3/4"></div>
                </div>
              ))}
            </div>
          ) : (
            news.slice(0, 6).map((item, index) => (
              <div
                key={index}
                className={`border-b border-gray-100 pb-3 last:border-b-0 ${
                  item.urgent ? "bg-red-50 p-2 rounded" : ""
                }`}
              >
                <div className="flex items-start gap-2 mb-1">
                  {item.urgent && <Badge className="bg-red-600 text-white text-xs">דחוף</Badge>}
                  <Badge variant="outline" className="text-xs">
                    {item.source}
                  </Badge>
                </div>
                <Link href={item.url} target="_blank" className="block hover:text-blue-600">
                  <h4 className="font-medium text-sm leading-tight mb-1">{item.title}</h4>
                  {item.description && <p className="text-xs text-gray-600 mb-1">{item.description}</p>}
                  <div className="flex items-center justify-between">
                    <p className="text-xs text-gray-500">{item.publishedAt}</p>
                    <ExternalLink className="h-3 w-3 text-gray-400" />
                  </div>
                </Link>
              </div>
            ))
          )}

{lastUpdate && (
            <div className="text-xs text-gray-400 text-center pt-2 border-t">
              <Clock className="h-3 w-3 inline ml-1" />
              עודכן:{" "}
              {lastUpdate.toLocaleTimeString("he-IL", {
                hour: "2-digit",
                minute: "2-digit",
              })}
            </div>
          )}
        </div>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescript:file="app/news/live/page.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Input } from "@/components/ui/input"
import { Newspaper, Home, RefreshCw, Search, Filter, ExternalLink, Clock } from "lucide-react"
import Link from "next/link"
import { fetchLatestNews } from "@/app/actions/news"
import type { NewsItem } from "@/lib/news-api"

export default function LiveNewsPage() {
  const [news, setNews] = useState<NewsItem[]>([])
  const [loading, setLoading] = useState(true)
  const [searchTerm, setSearchTerm] = useState("")
  const [selectedCategory, setSelectedCategory] = useState("הכל")
  const [lastUpdate, setLastUpdate] = useState<Date | null>(null)

const categories = ["הכל", "כללי", "כלכלה", "ספורט", "טכנולוגיה", "בריאות", "פוליטיקה"]

fetchNews()

// Auto-refresh every 1 minute for live updates
    const interval = setInterval(fetchNews, 60 * 1000)

return () => clearInterval(interval)
  }, [])

const filteredNews = news.filter((item) => {
    const matchesSearch =
      item.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
      item.description.toLowerCase().includes(searchTerm.toLowerCase())
    const matchesCategory = selectedCategory === "הכל" || item.category === selectedCategory
    return matchesSearch && matchesCategory
  })

return (
    <div className="min-h-screen bg-gradient-to-br from-red-50 to-orange-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/news" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לחדשות</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Newspaper className="h-8 w-8 text-red-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">חדשות בזמן אמת</h1>
                <p className="text-sm text-gray-600">עדכונים שוטפים מכל המקורות</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Live Status Bar */}
      <div className="bg-red-600 text-white py-2">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex items-center justify-between">
            <div className="flex items-center gap-2">
              <div className="w-2 h-2 bg-white rounded-full animate-pulse"></div>
              <span className="text-sm font-medium">חדשות בזמן אמת</span>
              {lastUpdate && (
                <span className="text-sm opacity-75">
                  • עודכן: {lastUpdate.toLocaleTimeString("he-IL", { hour: "2-digit", minute: "2-digit" })}
                </span>
              )}
            </div>
            <Button
              variant="ghost"
              size="sm"
              onClick={refreshNews}
              disabled={loading}
              className="text-white hover:bg-red-700"
            >
              <RefreshCw className={`h-4 w-4 ${loading ? "animate-spin" : ""}`} />
              רענן
            </Button>
          </div>
        </div>
      </div>

<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        {/* Search and Filter */}
        <Card className="mb-8">
          <CardContent className="p-4">
            <div className="flex flex-col md:flex-row gap-4">
              <div className="flex-1">
                <div className="relative">
                  <Search className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" />
                  <Input
                    placeholder="חפש חדשות..."
                    value={searchTerm}
                    onChange={(e) => setSearchTerm(e.target.value)}
                    className="pr-10"
                  />
                </div>
              </div>
              <div className="flex items-center gap-2">
                <Filter className="h-4 w-4 text-gray-500" />
                <select
                  value={selectedCategory}
                  onChange={(e) => setSelectedCategory(e.target.value)}
                  className="px-3 py-2 border border-gray-300 rounded-md text-sm"
                >
                  {categories.map((category) => (
                    <option key={category} value={category}>
                      {category}
                    </option>
                  ))}
                </select>
              </div>
            </div>
          </CardContent>
        </Card>

{/* News Grid */}
        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
          {loading && news.length === 0
            ? // Loading skeleton
              Array.from({ length: 6 }).map((_, index) => (
                <Card key={index} className="animate-pulse">
                  <CardContent className="p-4">
                    <div className="h-4 bg-gray-200 rounded mb-2"></div>
                    <div className="h-3 bg-gray-100 rounded mb-2"></div>
                    <div className="h-3 bg-gray-100 rounded w-3/4"></div>
                  </CardContent>
                </Card>
              ))
            : filteredNews.map((item, index) => (
                <Card
                  key={index}
                  className={`hover:shadow-lg transition-all ${item.urgent ? "border-red-200 bg-red-50" : ""}`}
                >
                  <CardContent className="p-4">
                    <div className="flex items-start gap-2 mb-2">
                      {item.urgent && <Badge className="bg-red-600 text-white text-xs">דחוף</Badge>}
                      <Badge variant="outline" className="text-xs">
                        {item.source}
                      </Badge>
                      <Badge variant="outline" className="text-xs">
                        {item.category}
                      </Badge>
                    </div>

<Link href={item.url} target="_blank" className="block group">
                      <h3 className="font-bold text-lg leading-tight mb-2 group-hover:text-blue-600">{item.title}</h3>
                      {item.description && (
                        <p className="text-sm text-gray-600 mb-3 line-clamp-3">{item.description}</p>
                      )}
                      <div className="flex items-center justify-between">
                        <div className="flex items-center gap-1 text-xs text-gray-500">
                          <Clock className="h-3 w-3" />
                          {item.publishedAt}
                        </div>
                        <ExternalLink className="h-4 w-4 text-gray-400 group-hover:text-blue-600" />
                      </div>
                    </Link>
                  </CardContent>
                </Card>
              ))}
        </div>

{filteredNews.length === 0 && !loading && (
          <Card>
            <CardContent className="p-8 text-center">
              <Newspaper className="h-12 w-12 text-gray-400 mx-auto mb-4" />
              <h3 className="text-lg font-medium text-gray-900 mb-2">לא נמצאו חדשות</h3>
              <p className="text-gray-600">נסה לשנות את מונחי החיפוש או הקטגוריה</p>
            </CardContent>
          </Card>
        )}
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/news/live/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescript:file="lib/config.ts" isMerged="true"
export const config = {
  // Weather API
  weather: {
    apiKey: process.env.WEATHER_API_KEY,
    updateInterval: 5 * 60 * 1000, // 5 minutes
  },

// News API
  news: {
    apiKey: process.env.NEWS_API_KEY,
    rss2jsonKey: process.env.RSS2JSON_API_KEY,
    updateInterval: 2 * 60 * 1000, // 2 minutes
  },

// Currency API
  currency: {
    fixerApiKey: process.env.FIXER_API_KEY,
    updateInterval: 5 * 60 * 1000, // 5 minutes
  },

// Feature flags
  features: {
    liveNews: true,
    realTimeWeather: true,
    liveCurrency: true,
  },
}
[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Badge } from "@/components/ui/badge"
import {
  Home,
  Newspaper,
  TrendingUp,
  Trophy,
  Music,
  Star,
  Radio,
  Calendar,
  Search,
  Facebook,
  Youtube,
  Mail,
  Globe,
  Smartphone,
  Monitor,
  RefreshCw,
} from "lucide-react"
import Link from "next/link"
import { WeatherWidget } from "@/components/weather-widget"
import { CurrencyWidget } from "@/components/currency-widget"
import { LiveNewsWidget } from "@/components/live-news-widget"

export default function HomePage() {
  const popularSites = [
    { name: "Google", url: "https://google.com", icon: "🔍", category: "חיפוש" },
    { name: "Facebook", url: "https://facebook.com", icon: "📘", category: "רשתות חברתיות" },
    { name: "YouTube", url: "https://youtube.com", icon: "📺", category: "וידאו" },
    { name: "Gmail", url: "https://gmail.com", icon: "📧", category: "דואר" },
    { name: "Walla!", url: "https://walla.co.il", icon: "📰", category: "חדשות" },
    { name: "Ynet", url: "https://ynet.co.il", icon: "📰", category: "חדשות" },
    { name: "Mako", url: "https://mako.co.il", icon: "📺", category: "בידור" },
    { name: "TheMarker", url: "https://themarker.com", icon: "💰", category: "כלכלה" },
    { name: "Sport5", url: "https://sport5.co.il", icon: "⚽", category: "ספורט" },
    { name: "Instagram", url: "https://instagram.com", icon: "📷", category: "רשתות חברתיות" },
    { name: "WhatsApp Web", url: "https://web.whatsapp.com", icon: "💬", category: "תקשורת" },
    { name: "Netflix", url: "https://netflix.com", icon: "🎬", category: "בידור" },
  ]

const categories = [
    { name: "חדשות", icon: <Newspaper className="h-5 w-5" />, count: 45, href: "/news" },
    { name: "חדשות חיות", icon: <RefreshCw className="h-5 w-5" />, count: "LIVE", href: "/news/live" },
    { name: "כלכלה", icon: <TrendingUp className="h-5 w-5" />, count: 23, href: "/economy" },
    { name: "ספורט", icon: <Trophy className="h-5 w-5" />, count: 31, href: "/sports" },
    { name: "בידור", icon: <Music className="h-5 w-5" />, count: 28, href: "/entertainment" },
    { name: "הורוסקופ", icon: <Star className="h-5 w-5" />, count: 12, href: "/horoscope" },
    { name: "רדיו", icon: <Radio className="h-5 w-5" />, count: 18, href: "/radio" },
  ]

<nav className="hidden md:flex space-x-8 space-x-reverse">
              <Link href="/" className="text-gray-700 hover:text-blue-600 font-medium">
                בית
              </Link>
              <Link href="/news" className="text-gray-700 hover:text-blue-600 font-medium">
                חדשות
              </Link>
              <Link href="/economy" className="text-gray-700 hover:text-blue-600 font-medium">
                כלכלה
              </Link>
              <Link href="/sports" className="text-gray-700 hover:text-blue-600 font-medium">
                ספורט
              </Link>
              <Link href="/entertainment" className="text-gray-700 hover:text-blue-600 font-medium">
                בידור
              </Link>
              <Link href="/contact" className="text-gray-700 hover:text-blue-600 font-medium">
                יצירת קשר
              </Link>
            </nav>

<div className="flex items-center space-x-2 space-x-reverse">
              <Button variant="outline" size="sm">
                <Monitor className="h-4 w-4 ml-2" />
                גרסת מחשב
              </Button>
              <Button variant="outline" size="sm">
                <Smartphone className="h-4 w-4 ml-2" />
                מובייל
              </Button>
            </div>
          </div>
        </div>
      </header>

{/* Hero Section */}
      <section className="bg-gradient-to-r from-blue-600 to-indigo-700 text-white py-12">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
          <h2 className="text-4xl font-bold mb-4">ברוכים הבאים ל-EASY LINK </h2>
          <p className="text-xl mb-8">הכנס והפוך לדף הבית החדש שלך!</p>
          <p className="text-lg opacity-90 mb-8">פורטל ישראלי המרכז את כל האתרים הפופולאריים והשימושיים במקום אחד</p>

{/* Search Bar */}
          <div className="max-w-2xl mx-auto">
            <div className="flex gap-2">
              <Input placeholder="חפש אתרים, חדשות או תוכן..." className="text-right bg-white text-gray-900" />
              <Button className="bg-white text-blue-600 hover:bg-gray-100">
                <Search className="h-4 w-4" />
              </Button>
            </div>
          </div>
        </div>
      </section>

{/* Popular Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרים פופולאריים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
                  {popularSites.map((site, index) => (
                    <Link key={index} href={site.url} target="_blank" className="group">
                      <div className="p-4 bg-white border rounded-lg hover:shadow-md transition-all hover:scale-105">
                        <div className="text-center">
                          <div className="text-2xl mb-2">{site.icon}</div>
                          <h3 className="font-medium text-gray-900 group-hover:text-blue-600">{site.name}</h3>
                          <p className="text-xs text-gray-500 mt-1">{site.category}</p>
                        </div>
                      </div>
                    </Link>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Quick Tools */}
            <Card>
              <CardHeader>
                <CardTitle>כלים מהירים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
                  <Link href="/calendar" className="block">
                    <Button variant="outline" className="h-16 flex-col gap-2 bg-transparent">
                      <Calendar className="h-5 w-5" />
                      לוח שנה
                    </Button>
                  </Link>
                  <Link href="/radio" className="block">
                    <Button variant="outline" className="h-16 flex-col gap-2 bg-transparent">
                      <Radio className="h-5 w-5" />
                      רדיו
                    </Button>
                  </Link>
                  <Link href="/horoscope" className="block">
                    <Button variant="outline" className="h-16 flex-col gap-2 bg-transparent">
                      <Star className="h-5 w-5" />
                      הורוסקופ
                    </Button>
                  </Link>
                  <Link href="/currency" className="block">
                    <Button variant="outline" className="h-16 flex-col gap-2 bg-transparent">
                      <TrendingUp className="h-5 w-5" />
                      מטבעות
                    </Button>
                  </Link>
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Live News Widget */}
            <LiveNewsWidget />

{/* Weather Widget */}
            <WeatherWidget />

{/* Currency Widget */}
            <CurrencyWidget />

{/* Horoscope */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Star className="h-5 w-5" />
                  הורוסקופ יומי
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="space-y-3">
                  <div className="text-center">
                    <div className="text-lg font-medium">♌ אריה</div>
                    <p className="text-sm text-gray-600 mt-2">יום מלא בהזדמנויות חדשות. הקשיבו לאינטואיציה שלכם.</p>
                  </div>
                  <Link href="/horoscope" className="block">
                    <Button variant="outline" size="sm" className="w-full bg-transparent">
                      כל המזלות
                    </Button>
                  </Link>
                </div>
              </CardContent>
            </Card>

{/* Contact Info */}
            <Card>
              <CardHeader>
                <CardTitle>יצירת קשר</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <p className="text-sm text-gray-600">יש לכם הערות או הצעות לשיפור?</p>
                <Link href="/contact" className="block">
                  <Button variant="outline" size="sm" className="w-full bg-transparent">
                    צרו קשר
                  </Button>
                </Link>
                <p className="text-xs text-gray-500">דווחו על קישורים שבורים</p>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>

{/* Footer */}
      <footer className="bg-gray-800 text-white py-8 mt-12">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
            <div>
              <h3 className="font-bold text-lg mb-4">LINK4U.CO.IL</h3>
              <p className="text-gray-300 text-sm">הפורטל הישראלי המוביל - דף הבית שלך באינטרנט</p>
            </div>

<div>
              <h4 className="font-medium mb-3">קישורים מהירים</h4>
              <ul className="space-y-2 text-sm text-gray-300">
                <li>
                  <Link href="/news" className="hover:text-white">
                    חדשות
                  </Link>
                </li>
                <li>
                  <Link href="/economy" className="hover:text-white">
                    כלכלה
                  </Link>
                </li>
                <li>
                  <Link href="/sports" className="hover:text-white">
                    ספורט
                  </Link>
                </li>
                <li>
                  <Link href="/entertainment" className="hover:text-white">
                    בידור
                  </Link>
                </li>
              </ul>
            </div>

<div>
              <h4 className="font-medium mb-3">כתובות משנה</h4>
              <ul className="space-y-2 text-sm text-gray-300">
                <li>
                  <Link href="#" className="hover:text-white">
                    s.DOTANTECH.com
                  </Link>
                </li>
                <li></li>
                <li>
                  <Link href="#" className="hover:text-white">
                    contact.link4u.co.il
                  </Link>
                </li>
              </ul>
            </div>

<div>
              <h4 className="font-medium mb-3">עקבו אחרינו</h4>
              <div className="flex gap-3">
                <Button variant="ghost" size="sm" className="text-gray-300 hover:text-white p-2">
                  <Facebook className="h-4 w-4" />
                </Button>
                <Button variant="ghost" size="sm" className="text-gray-300 hover:text-white p-2">
                  <Youtube className="h-4 w-4" />
                </Button>
                <Button variant="ghost" size="sm" className="text-gray-300 hover:text-white p-2">
                  <Mail className="h-4 w-4" />
                </Button>
              </div>
            </div>
          </div>

<div className="border-t border-gray-700 mt-8 pt-6 text-center text-sm text-gray-400">
            <p>© {new Date().getFullYear()} LINK4U.CO.IL - כל הזכויות שמורות</p>
            <p className="mt-2">חוויית גלישה מהנה, ידידותית ויעילה</p>
          </div>
        </div>
      </footer>
    </div>
  )
}
[V0_FILE]markdown:file="SETUP.md" isMerged="true"
# הגדרת APIs לנתונים בזמן אמת

## 🔑 Environment Variables נדרשים

צור קובץ `.env.local` בשורש הפרויקט:

\`\`\`env
# Weather API (OpenWeatherMap)
WEATHER_API_KEY=your_openweather_api_key

# News API (NewsAPI.org)
NEWS_API_KEY=your_news_api_key

# RSS to JSON API (RSS2JSON.com)
RSS2JSON_API_KEY=your_rss2json_api_key

# Currency API (Fixer.io)
FIXER_API_KEY=your_fixer_api_key
\`\`\`

## 📋 הוראות הגדרה

### 1. 🌤️ Weather API
1. הירשם ב-[OpenWeatherMap](https://openweathermap.org/api)
2. קבל API key חינמי
3. הוסף ל-`.env.local`: `WEATHER_API_KEY=your_key`

### 2. 📰 News API  
1. הירשם ב-[NewsAPI.org](https://newsapi.org)
2. קבל API key חינמי (500 בקשות ליום)
3. הוסף ל-`.env.local`: `NEWS_API_KEY=your_key`

### 3. 📡 RSS to JSON
1. הירשם ב-[RSS2JSON.com](https://rss2json.com)
2. קבל API key (אופציונלי - יש גרסה חינמית)
3. הוסף ל-`.env.local`: `RSS2JSON_API_KEY=your_key`

### 4. 💱 Currency API
1. הירשם ב-[Fixer.io](https://fixer.io)
2. קבל API key חינמי (100 בקשות ליום)
3. הוסף ל-`.env.local`: `FIXER_API_KEY=your_key`

## 🚀 הפעלה

\`\`\`bash
npm install
npm run dev
\`\`\`

## 📊 מצב Demo

הפרויקט עובד גם בלי API keys עם נתונים סימולטיביים.

## 🔄 תדירות עדכונים

- **חדשות**: כל 2 דקות
- **מזג אוויר**: כל 5 דקות  
- **מטבעות**: כל 5 דקות

## 🛡️ אבטחה

כל ה-API keys נשמרים בצד השרת ולא נחשפים לקליינט.
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint ."
  },
  "dependencies": {
    "@hookform/resolvers": "^3.10.0",
    "@radix-ui/react-accordion": "1.2.2",
    "@radix-ui/react-alert-dialog": "1.1.4",
    "@radix-ui/react-aspect-ratio": "1.1.1",
    "@radix-ui/react-avatar": "1.1.2",
    "@radix-ui/react-checkbox": "1.1.3",
    "@radix-ui/react-collapsible": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.4",
    "@radix-ui/react-dialog": "1.1.4",
    "@radix-ui/react-dropdown-menu": "2.1.4",
    "@radix-ui/react-hover-card": "1.1.4",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-menubar": "1.1.4",
    "@radix-ui/react-navigation-menu": "1.2.3",
    "@radix-ui/react-popover": "1.1.4",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-radio-group": "1.2.2",
    "@radix-ui/react-scroll-area": "1.2.2",
    "@radix-ui/react-select": "2.1.4",
    "@radix-ui/react-separator": "1.1.1",
    "@radix-ui/react-slider": "1.2.2",
    "@radix-ui/react-slot": "1.1.1",
    "@radix-ui/react-switch": "1.1.2",
    "@radix-ui/react-tabs": "1.1.2",
    "@radix-ui/react-toast": "1.2.4",
    "@radix-ui/react-toggle": "1.1.1",
    "@radix-ui/react-toggle-group": "1.1.1",
    "@radix-ui/react-tooltip": "1.1.6",
    "@vercel/analytics": "1.3.1",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.5.1",
    "input-otp": "1.4.1",
    "lucide-react": "^0.454.0",
    "next": "15.5.9",
    "next-themes": "^0.4.6",
    "react": "19.2.0",
    "react-day-picker": "9.8.0",
    "react-dom": "19.2.0",
    "react-hook-form": "^7.60.0",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.4",
    "sonner": "^1.7.4",
    "tailwind-merge": "^3.3.1",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^1.1.2",
    "zod": "3.25.76"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.9",
    "@types/node": "^22",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "postcss": "^8.5",
    "tailwindcss": "^4.1.9",
    "tw-animate-css": "1.3.3",
    "typescript": "^5"
  }
}
[V0_FILE]typescript:file="app/actions/currency.ts" isMerged="true"
"use server"

import { getCurrencyRates } from "@/lib/currency-api"

export async function fetchCurrencyRates() {
  return await getCurrencyRates()
}
[V0_FILE]typescriptreact:file="components/currency-widget.tsx"
"use client"

import { useState, useEffect } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { TrendingUp, TrendingDown, RefreshCw } from "lucide-react"
import { fetchCurrencyRates } from "@/app/actions/currency"
import type { CurrencyRate } from "@/lib/currency-api"

export function CurrencyWidget() {
  const [rates, setRates] = useState<CurrencyRate[]>([])
  const [loading, setLoading] = useState(true)
  const [lastUpdate, setLastUpdate] = useState<Date | null>(null)

useEffect(() => {
    async function fetchRates() {
      try {
        setLoading(true)
        const data = await fetchCurrencyRates()
        setRates(data)
        setLastUpdate(new Date())
      } catch (error) {
        console.error("Failed to fetch currency rates:", error)
      } finally {
        setLoading(false)
      }
    }

fetchRates()

// Update every 5 minutes
    const interval = setInterval(fetchRates, 5 * 60 * 1000)

return () => clearInterval(interval)
  }, [])

if (loading && rates.length === 0) {
    return (
      <Card>
        <CardHeader>
          <CardTitle className="flex items-center gap-2">
            <RefreshCw className="h-4 w-4 animate-spin" />
            שערי מטבע
          </CardTitle>
        </CardHeader>
        <CardContent>
          <div className="space-y-2">
            {[1, 2, 3].map((i) => (
              <div key={i} className="animate-pulse">
                <div className="flex items-center justify-between p-2 bg-gray-100 rounded">
                  <div className="h-4 bg-gray-300 rounded w-16"></div>
                  <div className="h-4 bg-gray-300 rounded w-12"></div>
                </div>
              </div>
            ))}
          </div>
        </CardContent>
      </Card>
    )
  }

export default function SportsPage() {
  const sportsCategories = [
    { name: "כדורגל", count: 25, color: "bg-green-100 text-green-800", icon: "⚽" },
    { name: "כדורסל", count: 12, color: "bg-orange-100 text-orange-800", icon: "🏀" },
    { name: "טניס", count: 8, color: "bg-yellow-100 text-yellow-800", icon: "🎾" },
    { name: "שחייה", count: 6, color: "bg-blue-100 text-blue-800", icon: "🏊" },
    { name: "אתלטיקה", count: 10, color: "bg-red-100 text-red-800", icon: "🏃" },
    { name: "ספורט מוטורי", count: 7, color: "bg-gray-100 text-gray-800", icon: "🏎️" },
  ]

const sportsSites = [
    {
      name: "Sport5",
      url: "https://sport5.co.il",
      description: "אתר הספורט המוביל בישראל",
      category: "ספורט כללי",
    },
    {
      name: "ONE",
      url: "https://one.co.il",
      description: "חדשות ספורט ובידור",
      category: "ספורט כללי",
    },
    {
      name: "ספורט Ynet",
      url: "https://ynet.co.il/sport",
      description: "מדור הספורט של Ynet",
      category: "ספורט כללי",
    },
    {
      name: "ספורט Walla",
      url: "https://sports.walla.co.il",
      description: "חדשות ספורט מ-Walla",
      category: "ספורט כללי",
    },
    {
      name: "התאחדות הכדורגל",
      url: "https://ifa.co.il",
      description: "האתר הרשמי של ההתאחדות",
      category: "כדורגל",
    },
    {
      name: "מכבי תל אביב",
      url: "https://maccabi-tlv.co.il",
      description: 'האתר הרשמי של מכבי ת"א',
      category: "כדורגל",
    },
    {
      name: "הפועל תל אביב",
      url: "https://hapoelta.co.il",
      description: 'האתר הרשמי של הפועל ת"א',
      category: "כדורגל",
    },
    {
      name: "ערוץ הספורט",
      url: "https://sport.co.il",
      description: "ערוץ הספורט הישראלי",
      category: "ספורט כללי",
    },
  ]

const liveScores = [
    { team1: "מכבי תל אביב", team2: "הפועל חיפה", score1: "2", score2: "1", status: "מסתיים", league: "ליגת העל" },
    { team1: 'בית"ר ירושלים', team2: "מכבי חיפה", score1: "1", score2: "1", status: "דקה 75", league: "ליגת העל" },
    { team1: 'הפועל ת"א', team2: "מכבי נתניה", score1: "-", score2: "-", status: "20:00", league: "ליגת העל" },
    { team1: "נבחרת ישראל", team2: "נבחרת איטליה", score1: "0", score2: "2", status: "מסתיים", league: "ליגת האומות" },
  ]

const sportsNews = [
    { title: "מכבי תל אביב מנצחת 2-1 את הפועל חיפה", time: "לפני 5 דקות", urgent: true },
    { title: "נבחרת ישראל בכדורסל עולה לשמינית הגמר", time: "לפני 20 דקות", urgent: false },
    { title: "שיא ישראלי חדש בשחייה ל-יעל כהן", time: "לפני שעה", urgent: true },
    { title: "הארכת חוזה למאמן נבחרת הכדורגל", time: "לפני שעתיים", urgent: false },
    { title: "פציעה לכוכב מכבי תל אביב", time: "לפני 3 שעות", urgent: false },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-green-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לעמוד הראשי</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Trophy className="h-8 w-8 text-blue-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">ספורט</h1>
                <p className="text-sm text-gray-600">חדשות ותוצאות ספורט</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Live Scores Banner */}
      <div className="bg-blue-600 text-white py-3">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex items-center gap-4 overflow-x-auto">
            <Badge className="bg-white text-blue-600 font-bold whitespace-nowrap">תוצאות חיות</Badge>
            {liveScores.slice(0, 2).map((match, index) => (
              <div key={index} className="flex items-center gap-2 whitespace-nowrap">
                <span className="text-sm">
                  {match.team1} {match.score1}-{match.score2} {match.team2}
                </span>
                <Badge variant="outline" className="text-white border-white text-xs">
                  {match.status}
                </Badge>
              </div>
            ))}
          </div>
        </div>
      </div>

{/* Sports Categories */}
            <Card>
              <CardHeader>
                <CardTitle>ענפי ספורט</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
                  {sportsCategories.map((category, index) => (
                    <div
                      key={index}
                      className="p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
                    >
                      <div className="flex items-center justify-between mb-2">
                        <span className="text-2xl">{category.icon}</span>
                        <Badge className={category.color}>{category.count}</Badge>
                      </div>
                      <span className="font-medium">{category.name}</span>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Sports Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי ספורט מובילים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {sportsSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-blue-600 hover:bg-blue-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Sports News */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2 text-blue-600">
                  <Clock className="h-5 w-5" />
                  חדשות ספורט
                </CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {sportsNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.urgent ? "bg-blue-50 p-2 rounded" : ""}`}
                  >
                    {item.urgent && <Badge className="bg-blue-600 text-white text-xs mb-1">חדש</Badge>}
                    <h4 className="font-medium text-sm leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Teams */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Users className="h-5 w-5" />
                  קבוצות פופולאריות
                </CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מכבי תל אביב
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  הפועל תל אביב
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  בית\"ר ירושלים
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  מכבי חיפה
                </Button>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/news" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות כלליות
                  </Button>
                </Link>
                <Link href="/economy" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    כלכלה
                  </Button>
                </Link>
                <Link href="/entertainment" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    בידור
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/entertainment/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Music, Clock, ExternalLink, Home, Film, Tv, Headphones } from "lucide-react"
import Link from "next/link"

export default function EntertainmentPage() {
  const entertainmentCategories = [
    { name: "טלוויזיה", count: 18, color: "bg-purple-100 text-purple-800", icon: "📺" },
    { name: "קולנוע", count: 15, color: "bg-red-100 text-red-800", icon: "🎬" },
    { name: "מוזיקה", count: 22, color: "bg-blue-100 text-blue-800", icon: "🎵" },
    { name: "תיאטרון", count: 8, color: "bg-green-100 text-green-800", icon: "🎭" },
    { name: "סלבריטיז", count: 12, color: "bg-pink-100 text-pink-800", icon: "⭐" },
    { name: "משחקים", count: 10, color: "bg-orange-100 text-orange-800", icon: "🎮" },
  ]

const entertainmentSites = [
    {
      name: "Mako",
      url: "https://mako.co.il",
      description: "בידור, טלוויזיה וסלבריטיז",
      category: "בידור כללי",
    },
    {
      name: "Ynet בידור",
      url: "https://ynet.co.il/entertainment",
      description: "מדור הבידור של Ynet",
      category: "בידור כללי",
    },
    {
      name: "Walla! בידור",
      url: "https://entertainment.walla.co.il",
      description: "חדשות בידור וסלבריטיז",
      category: "בידור כללי",
    },
    {
      name: "HOT",
      url: "https://hot.co.il",
      description: "חברת הטלוויזיה הישראלית",
      category: "טלוויזיה",
    },
    {
      name: "YES",
      url: "https://yes.co.il",
      description: "טלוויזיה בלוויין",
      category: "טלוויזיה",
    },
    {
      name: "רשת 13",
      url: "https://13tv.co.il",
      description: "ערוץ 13 - חדשות ובידור",
      category: "טלוויזיה",
    },
    {
      name: "כאן",
      url: "https://kan.org.il",
      description: "התאגיד הישראלי לשידור",
      category: "טלוויזיה",
    },
    {
      name: "זאפה",
      url: "https://zappa-club.co.il",
      description: "מועדוני מוזיקה וקונצרטים",
      category: "מוזיקה",
    },
  ]

const tvShows = [
    { name: "חדשות 13", time: "20:00", channel: "רשת 13", type: "חדשות" },
    { name: "ארץ נהדרת", time: "21:30", channel: "כאן 11", type: "קומדיה" },
    { name: "הכוכב הבא", time: "22:00", channel: "רשת 13", type: "ריאליטי" },
    { name: "פוליטיקה", time: "23:00", channel: "ערוץ 12", type: "פוליטיקה" },
  ]

const entertainmentNews = [
    { title: "זוכה 'הכוכב הבא' נחשף - מי זה?", time: "לפני 10 דקות", hot: true },
    { title: "סרט ישראלי חדש זוכה בפרס בקאן", time: "לפני 30 דקות", hot: false },
    { title: "קונצרט ענק של זמר ישראלי בפארק הירקון", time: "לפני שעה", hot: true },
    { title: "סדרה ישראלית חדשה ב-Netflix", time: "לפני שעתיים", hot: false },
    { title: "חתונה של כוכבת ישראלית מפורסמת", time: "לפני 3 שעות", hot: false },
  ]

const streamingServices = [
    { name: "Netflix", url: "https://netflix.com", icon: "🎬" },
    { name: "Disney+", url: "https://disneyplus.com", icon: "🏰" },
    { name: "Amazon Prime", url: "https://primevideo.com", icon: "📦" },
    { name: "YouTube", url: "https://youtube.com", icon: "📺" },
  ]

return (
    <div className="min-h-screen bg-gradient-to-br from-purple-50 to-pink-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לעמוד הראשי</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Music className="h-8 w-8 text-purple-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">בידור</h1>
                <p className="text-sm text-gray-600">טלוויזיה, קולנוע ומוזיקה</p>
              </div>
            </div>
          </div>
        </div>
      </header>

{/* Hot News Banner */}
      <div className="bg-purple-600 text-white py-2">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex items-center gap-2">
            <Badge className="bg-white text-purple-600 font-bold">חם</Badge>
            <span className="text-sm font-medium">זוכה 'הכוכב הבא' נחשף - מי זה?</span>
            <span className="text-sm opacity-75">• לפני 10 דקות</span>
          </div>
        </div>
      </div>

{/* Entertainment Categories */}
            <Card>
              <CardHeader>
                <CardTitle>קטגוריות בידור</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
                  {entertainmentCategories.map((category, index) => (
                    <div
                      key={index}
                      className="p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
                    >
                      <div className="flex items-center justify-between mb-2">
                        <span className="text-2xl">{category.icon}</span>
                        <Badge className={category.color}>{category.count}</Badge>
                      </div>
                      <span className="font-medium">{category.name}</span>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Streaming Services */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Film className="h-5 w-5" />
                  שירותי סטרימינג
                </CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
                  {streamingServices.map((service, index) => (
                    <Link key={index} href={service.url} target="_blank" className="group">
                      <div className="p-4 bg-white border rounded-lg hover:shadow-md transition-all hover:scale-105 text-center">
                        <div className="text-3xl mb-2">{service.icon}</div>
                        <h3 className="font-medium group-hover:text-purple-600">{service.name}</h3>
                      </div>
                    </Link>
                  ))}
                </div>
              </CardContent>
            </Card>

{/* Entertainment Sites */}
            <Card>
              <CardHeader>
                <CardTitle>אתרי בידור מובילים</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {entertainmentSites.map((site, index) => (
                    <div key={index} className="p-4 bg-white border rounded-lg hover:shadow-md transition-all">
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <h3 className="font-bold text-lg text-gray-900 mb-1">{site.name}</h3>
                          <p className="text-gray-600 text-sm mb-2">{site.description}</p>
                          <Badge variant="outline" className="text-xs">
                            {site.category}
                          </Badge>
                        </div>
                        <Link href={site.url} target="_blank" className="ml-4">
                          <Button size="sm" className="bg-purple-600 hover:bg-purple-700">
                            <ExternalLink className="h-4 w-4 ml-1" />
                            כניסה
                          </Button>
                        </Link>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>

{/* Sidebar */}
          <div className="space-y-6">
            {/* Entertainment News */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2 text-purple-600">
                  <Clock className="h-5 w-5" />
                  חדשות בידור
                </CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                {entertainmentNews.map((item, index) => (
                  <div
                    key={index}
                    className={`border-b border-gray-100 pb-3 last:border-b-0 ${item.hot ? "bg-purple-50 p-2 rounded" : ""}`}
                  >
                    {item.hot && <Badge className="bg-purple-600 text-white text-xs mb-1">חם</Badge>}
                    <h4 className="font-medium text-sm leading-tight mb-1">{item.title}</h4>
                    <p className="text-xs text-gray-500">{item.time}</p>
                  </div>
                ))}
              </CardContent>
            </Card>

{/* Music & Radio */}
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Headphones className="h-5 w-5" />
                  מוזיקה ורדיו
                </CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  גלגלצ
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  רדיו תל אביב
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  88FM
                </Button>
                <Button variant="outline" className="w-full justify-start bg-transparent">
                  רדיו דרום
                </Button>
              </CardContent>
            </Card>

{/* Quick Links */}
            <Card>
              <CardHeader>
                <CardTitle>קישורים מהירים</CardTitle>
              </CardHeader>
              <CardContent className="space-y-2">
                <Link href="/news" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    חדשות כלליות
                  </Button>
                </Link>
                <Link href="/sports" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    ספורט
                  </Button>
                </Link>
                <Link href="/economy" className="block">
                  <Button variant="outline" className="w-full justify-start bg-transparent">
                    כלכלה
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/contact/page.tsx" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"
import { Mail, Phone, MapPin, Home, Send } from "lucide-react"
import Link from "next/link"

export default function ContactPage() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100" dir="rtl">
      {/* Header */}
      <header className="bg-white shadow-sm border-b">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <div className="flex items-center space-x-4 space-x-reverse">
              <Link href="/" className="flex items-center space-x-2 space-x-reverse">
                <Home className="h-6 w-6 text-blue-600" />
                <span className="text-sm text-gray-600">חזרה לעמוד הראשי</span>
              </Link>
            </div>
            <div className="flex items-center space-x-4 space-x-reverse">
              <Mail className="h-8 w-8 text-blue-600" />
              <div>
                <h1 className="text-2xl font-bold text-gray-900">יצירת קשר</h1>
                <p className="text-sm text-gray-600">נשמח לשמוע מכם</p>
              </div>
            </div>
          </div>
        </div>
      </header>

<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
          {/* Contact Form */}
          <Card>
            <CardHeader>
              <CardTitle>שלחו לנו הודעה</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4">
              <div>
                <label htmlFor="name" className="block text-sm font-medium text-gray-700 mb-1">
                  שם מלא
                </label>
                <Input id="name" placeholder="הכניסו את שמכם המלא" />
              </div>

<div>
                <label htmlFor="email" className="block text-sm font-medium text-gray-700 mb-1">
                  כתובת אימייל
                </label>
                <Input id="email" type="email" placeholder="example@email.com" />
              </div>

<div>
                <label htmlFor="message" className="block text-sm font-medium text-gray-700 mb-1">
                  הודעה
                </label>
                <Textarea
                  id="message"
                  placeholder="כתבו כאן את הודעתכם, הערותיכם או דיווח על קישורים שבורים..."
                  rows={6}
                />
              </div>