Friendly Svelte + Tailwind 5G demo

This project is a small, friendly and interactive demo built with Svelte and Tailwind CSS. It explains why some phones show different small openings depending on the region (mmWave vs sub-6), using images and short text blocks.

What's included

• Header with site identity and theme toggle (light / dark)
• Hero section with CTA
• Reusable Card component with images and interactive hover states
• Gallery with modal image viewer
• Friendly pages: Home, Europe vs USA, and Design details

How to run (local)

1. Install dependencies:

npm install

2. Start the dev server:

npm run dev

Open http://localhost:5173 (Vite default) and you should see the interactive site.

Notes & tips

• All images used in this demo are stored locally under the img/ folder and committed in the repository (offline-friendly).
• The site uses Tailwind theme extensions for a friendly color palette and subtle animations.
• All image files live in the repository img/ folder. For production they are copied to the build root by Vite (config uses publicDir: 'img'), so reference them in your components as /your-image.ext — for example /telecom.jpg.