This is a comprehensive cybersecurity website with multiple interactive sections. Let me generate design inspiration and then build this out systematically.

I have the design inspiration and project context. Let me start building this cybersecurity website. I'll first install the required dependencies for animations and charts, then update the globals.css with the dark futuristic theme, and begin building the components.

Now let me update the globals.css with the dark cybersecurity theme, then create the components:

Now let me create all the components. I'll start with the animated background and hero section:

Now let me create the main page that combines all components:

I've built the complete "Joni ICT - Internet Safety & Cybersecurity" website with all the requested features. The site includes:

Sections Built:

• Hero Section - Animated background with network particles, stats cards, and CTA buttons
• About Cybersecurity - Interactive cards explaining cybersecurity concepts with statistics
• Common Cyber Attacks - 10 threat cards (Malware, Ransomware, Phishing, DDoS, MITM, Brute Force, Spyware, Keyloggers, SQL Injection, Social Engineering) with threat level indicators and modal details
• Famous Attacks Timeline - Historical attacks (Stuxnet, Mirai, WannaCry, NotPetya, SolarWinds, Pegasus) in an alternating timeline layout
• Safety Tips - 7 interactive cards with actionable security recommendations
• Password Strength Checker - Live analysis with strength meter, checklist, and suggestions
• Cybersecurity Quiz - 8-question interactive quiz with explanations and scoring
• News Section - Filterable/searchable news grid with categories
• Statistics Dashboard - Animated charts showing cybercrime costs, attack types, industry targets, and daily attack trends
• Contact Form - Functional form with success animation

Design Features:

• Dark futuristic theme with neon purple/blue accents
• Glassmorphism cards with gradient borders
• Animated network background with particle connections
• Smooth scroll-triggered animations using Framer Motion
• Fully responsive design for all screen sizes
• Sticky navigation with mobile menu

Now let me read a few more components to understand what text needs translation:

I have a good understanding of the components. Let me create a language context provider with translations for English and Albanian, then update the navigation to include a language toggle button.

Now let me update the navigation to include a language toggle button:

Now I need to update the layout to wrap everything with the LanguageProvider:

Now let me update all the section components to use translations. Let me update them one by one:

Now let me read and update the remaining components:

Let me also read the contact section and footer:

Now I have all the component content. Since the translations file is quite large and these components have complex content (quiz questions, news articles, etc.), I need to add translations for these sections and update the components. Let me update the translations file first with the remaining sections, then update all the components:

I can see the translations file is comprehensive. Now let me update the remaining components to use translations. I'll update them all in parallel:

I've successfully added a language switcher button with English and Albanian translations to the website. The changes include:

1. Created a translations file (lib/translations.ts) with comprehensive English and Albanian translations for all sections of the website
2. Created a language provider (components/language-provider.tsx) that manages the language state and persists the selection to localStorage
3. Updated the navigation to include a globe icon dropdown menu for switching between English (EN) and Albanian (SQ) - available on both desktop and mobile

4. Updated all components to use the translation system:

   • Hero section, About section, Cyber Attacks section
   • Famous Attacks Timeline, Safety Tips
   • Password Checker, Cybersecurity Quiz
   • News Section, Stats Dashboard
   • Contact Section, Footer

The language toggle appears in the navigation bar next to the "Get Protected" button on desktop, and next to the mobile menu button on mobile devices. Users can switch between English and Albanian at any time, and their preference is saved for future visits.