Changes

frontend/src/components/data-sources/DataSourcesPage.tsx

@@ -13,7 +13,8 @@ const DATA_SOURCES = [
     id: 'epc',
     name: 'Energy Performance Certificates (EPC)',
     origin: 'Ministry of Housing, Communities & Local Government',
-    use: 'Domestic Energy Performance Certificates providing floor area, number of rooms, construction age, energy ratings, property type, and built form. Fuzzy-joined with Price Paid records by address within postcode buckets.',
+    use: 'Domestic Energy Performance Certificates providing floor area, number of rooms, construction age, energy ratings, property type, and built form. Fuzzy-joined with Price Paid records by address within postcode buckets. Property owners can opt out of public disclosure.',
+    optOutUrl: 'https://www.gov.uk/guidance/energy-performance-certificates-opt-out-of-public-disclosure',
     url: 'https://epc.opendatacommunities.org/downloads/domestic',
     license: 'Open Government Licence v3.0',
   },
@@ -180,6 +181,18 @@ export default function DataSourcesPage() {
                 >
                   {source.url}
                 </a>
+                {'optOutUrl' in source && source.optOutUrl && (
+                  <div className="mt-2">
+                    <a
+                      href={source.optOutUrl}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-sm text-teal-600 dark:text-teal-400 hover:text-teal-800 dark:hover:text-teal-300 hover:underline"
+                    >
+                      Opt out of public disclosure
+                    </a>
+                  </div>
+                )}
               </div>
             ))}
           </div>

frontend/src/components/ui/icons/LogoIcon.tsx

@@ -0,0 +1,22 @@
+interface IconProps {
+  className?: string;
+}
+
+export function LogoIcon({ className = 'w-4 h-4' }: IconProps) {
+  return (
+    <svg
+      className={className}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M12 2L20.7 7v10L12 22l-8.7-5V7z"
+      />
+      <path strokeLinecap="round" strokeLinejoin="round" d="M8.5 12.5l2.5 2.5 4.5-5" />
+    </svg>
+  );
+}

frontend/webpack.config.js

@@ -3,6 +3,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
 
 module.exports = (env, argv) => {
   const isProduction = argv.mode === 'production';
@@ -54,6 +55,20 @@ module.exports = (env, argv) => {
       new CopyWebpackPlugin({
         patterns: [{ from: 'public', noErrorOnMissing: true }],
       }),
+      new FaviconsWebpackPlugin({
+        logo: './public/favicon.svg',
+        favicons: {
+          background: '#0c0a09',
+          icons: {
+            favicons: true,
+            android: false,
+            appleIcon: false,
+            appleStartup: false,
+            yandex: false,
+            windows: false,
+          },
+        },
+      }),
       ...(isProduction
         ? [new MiniCssExtractPlugin()]
         : [new ReactRefreshWebpackPlugin()]),