EU Data Act: Informational Landing Page

This repository contains the source code for a responsive landing page dedicated to Regulation (EU) 2023/2854, commonly known as the EU Data Act.

The website serves as a comprehensive, easy-to-digest guide for businesses, legal professionals, and consumers, explaining how the new European data rules impact the digital economy, connected products, and cloud services.

📖 Overview of Content

The site breaks down the complex legal text of the Data Act into accessible sections:

• The Problem: An analysis of why the EU intervened, highlighting issues like the "80% wasted industrial data," data monopolies, unfair contract clauses, and cloud vendor lock-in.
• The 5 Pillars: A detailed explanation of the core principles of the regulation:
  1. User Access: Rights to access and share data generated by connected products.
  2. Fair B2B Sharing: Protection for SMEs against abusive contractual clauses.
  3. Cloud Freedom: A roadmap to eliminate switching fees and vendor lock-in by 2027.
  4. Public Access: Data sharing mandates during public emergencies.
  5. Trade Secrets: Balancing open data with the protection of proprietary business information.
• Practical Examples: Real-world "Before vs. After" scenarios across industries like connected cars, smart homes, industrial factories, medical devices, and precision agriculture.
• Regulatory Context: A comparison between the Data Act and the GDPR, along with a breakdown of where the Data Act fits within the broader EU digital ecosystem (alongside the AI Act, DORA, and the Data Governance Act).
• Timeline: A chronological roadmap from the European Commission’s proposal (2022) to full applicability (2025) and cloud fee elimination (2027).

🚀 Key Takeaways

The website emphasizes that the Data Act is not just a regulatory hurdle, but a catalyst for the European data economy. Key highlights include:

• Empowerment: Users and businesses gain ownership over the data their devices generate.
• Interoperability: Mandatory standards to ensure data can be moved and used across different services.
• Market Fairness: Ending abusive practices by dominant cloud providers and industrial giants.

🛠 Technical Structure

• HTML/CSS: The project is built with clean, semantic HTML5 and modern CSS.
• Responsiveness: The layout uses CSS Grid and Flexbox to ensure the content is readable on mobile, tablet, and desktop devices.
• Interactive Elements: The page includes smooth-scroll navigation and hover-based content transitions for an engaging user experience.

🔗 Official Reference

The site is built around the official regulation: Regulation (EU) 2023/2854.