Add landing page for web platform with hero section, featured maps, and teacher-student use case

[Copilot]

• Apply Concert One font to landing page headings
• Add Edit and Learn buttons to featured learning map cards
• Update ShareDialog to show separate Edit and Learn links
• Add file upload option to learn view for students
• Test all changes and verify functionality

Changes Made

File Upload Feature for Learn View

Added the ability for students to upload LearningMap JSON files directly instead of only pasting URLs:

New Functionality:

• Upload Map File button added below the URL input field
• Accepts .json files containing LearningMap data
• Automatically detects and uses the map's storage ID if present
• Handles duplicate map IDs with confirmation dialog
• Preserves existing progress when replacing maps
• Clear error messages for invalid files

UI Improvements:

• Added "or" divider between URL input and file upload options
• Styled upload button to match the existing design (secondary style with teal border)
• Proper keyboard navigation and focus states

Implementation Details:

• File reading uses FileReader API for client-side processing
• Validates JSON format before adding to store
• Generates unique upload ID if no storage ID is present
• Navigates to the uploaded map automatically after successful upload

Screenshot

All tests pass successfully.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Landing Page</issue_title>
<issue_description># Add a landing page for the web platform that introduces LearningMaps, showcases featured maps, and emphasizes teacher‑student sharing

Description

We need a dedicated landing page for the web platform that:

1. Explains what LearningMaps are – a brief, friendly tagline.
2. Guides users to two primary actions
   • Create a LearningMap
   • Explore existing LearningMaps (all maps are both editable and learnable).
3. Highlights the teacher‑to‑student use‑case – teachers can build maps and share them instantly with their class.
4. Clarifies that all data is stored locally in the browser, ensuring privacy and offline access.

Requirements

Header / Hero Section

• Short tagline (e.g., “Interactive visual maps for teaching, learning, and collaborating—all stored locally in your browser.”)
• Two prominent CTA buttons: “Create a LearningMap” and “Explore LearningMaps.”

Teacher‑Student Use‑Case Highlight

• A brief paragraph or graphic stating:
  “Teachers can build custom LearningMaps and share them instantly with their class. Students can edit or study the same map, with every change kept locally in their own browser.”

Featured LearningMaps Section

• Curated carousel or grid of highlighted maps.
• Since all maps are both editable and learnable, label each card simply as “Featured LearningMap.”
• Include thumbnail, short description, and link to the map’s detail page.

Local‑Storage Note

• Clearly indicate somewhere on the page (footer, tooltip, or banner) that “All maps are saved locally in your browser, ensuring privacy and offline access.”

Responsive Design

• Layout adapts gracefully to desktop, tablet, and mobile viewports.

Accessibility

• Proper ARIA labels, sufficient colour contrast, and full keyboard navigation for all interactive elements.

Acceptance Criteria

• Landing page is reachable at / (or the designated root URL) and passes basic SEO checks (title tag, meta description).
• Hero section succinctly explains LearningMaps and mentions local‑browser storage.
• Teacher‑student sharing use‑case is clearly presented.
• Both “Create” and “Explore” buttons navigate to the correct routes.
• At least three featured LearningMaps are displayed, each marked as Featured LearningMap (implicitly both editable & learnable).
• Page is fully responsive and complies with WCAG AA accessibility standards.
• Local‑storage disclaimer is visible and understandable to users.</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes #30

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
learningmap	Ready	Preview	Comment	Oct 23, 2025 7:11am

[mikebarkmin]

@copilot use the same font conecpt one. add buttons for learn and edit to the featured learning maps. update the sharing dialog to show two links. one for edit and one for learn.

[Copilot]

@copilot use the same font conecpt one. add buttons for learn and edit to the featured learning maps. update the sharing dialog to show two links. one for edit and one for learn.

Done in e11a094.

Changes made:

1. Applied Concert One font to all headings on the landing page (logo, hero title, section headings)
2. Added Edit and Learn buttons to each featured learning map card
3. Updated the Share dialog to display two separate links - one for editing and one for learning

[mikebarkmin]

@copilot in the learn view students should also have the option to upload a learningmap instead of pasting a link.

[Copilot]

@copilot in the learn view students should also have the option to upload a learningmap instead of pasting a link.

Done in 1c88575.

Added file upload functionality to the learn view. Students can now:

• Upload LearningMap JSON files directly using the "Upload Map File" button
• The upload option appears below the URL input with an "or" divider
• Files are validated and automatically imported with proper ID handling
• Existing progress is preserved when replacing duplicate maps