folio/index.html at main · stomashevsky/folio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Favicons -->
    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
    <link rel="alternate icon" href="favicon.svg" />
    <link rel="apple-touch-icon" sizes="180x180" href="favicon.svg" />
    <meta name="theme-color" content="#0A0A0A" />
    <meta name="msapplication-TileColor" content="#0A0A0A" />

    <!-- Preload critical resources for LCP optimization -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Primary Meta Tags -->
    <title>Folio app | Folio Wallet</title>
    <meta name="title" content="Folio app | Folio Wallet" />
    <meta name="description" content="Folio keeps your passports, IDs, tickets and cards in one secure place, beautifully structured and instantly accessible. It imports any document from email, PDF or photo, cleans it up, extracts key details and keeps everything easy to find." />
    <meta name="author" content="Folio" />
    <link rel="canonical" href="https://folio.id/" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://folio.id/" />
    <meta property="og:title" content="Folio app | Folio Wallet" />
    <meta property="og:description" content="Folio keeps your passports, IDs, tickets and cards in one secure place, beautifully structured and instantly accessible. It imports any document from email, PDF or photo, cleans it up, extracts key details and keeps everything easy to find." />
    <meta property="og:image" content="https://stomashevsky.github.io/folio/og-images/folio-app-hero.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:alt" content="Folio Wallet - Digital wallet for passports, IDs, tickets and cards" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://folio.id/" />
    <meta property="twitter:title" content="Folio app | Folio Wallet" />
    <meta property="twitter:description" content="Folio keeps your passports, IDs, tickets and cards in one secure place, beautifully structured and instantly accessible. It imports any document from email, PDF or photo, cleans it up, extracts key details and keeps everything easy to find." />
    <meta property="twitter:image" content="https://stomashevsky.github.io/folio/og-images/folio-app-hero.png" />

    <!-- JSON-LD Structured Data: Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Folio",
      "url": "https://folio.id",
      "logo": "https://folio.id/favicon.svg",
      "description": "Folio provides secure digital identity infrastructure. Document storage for individuals, verification platform for businesses, and digital credentials for governments.",
      "foundingDate": "2023",
      "sameAs": [
        "https://apps.apple.com/app/folio-digital-wallet-app/id1266382717",
        "https://play.google.com/store/apps/details?id=com.folioltd"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "email": "contact@folio.id",
        "contactType": "customer service",
        "availableLanguage": ["English", "Spanish", "Japanese", "Italian", "French"]
      },
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "EU"
      }
    }
    </script>

    <!-- JSON-LD Structured Data: MobileApplication -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "MobileApplication",
      "name": "Folio Wallet",
      "description": "Folio keeps your passports, IDs, tickets and cards in one secure place, beautifully structured and instantly accessible. It imports any document from email, PDF or photo, cleans it up, extracts key details and keeps everything easy to find.",
      "url": "https://folio.id/wallet",
      "applicationCategory": "UtilityApplication",
      "operatingSystem": "iOS, Android",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.7",
        "ratingCount": "500",
        "bestRating": "5",
        "worstRating": "1"
      },
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "creator": {
        "@type": "Organization",
        "name": "Folio",
        "url": "https://folio.id"
      },
      "featureList": [
        "End-to-end encryption",
        "Zero-knowledge architecture",
        "Biometric protection (Face ID, fingerprint)",
        "Document import from email, PDF, or photo",
        "AI-powered data extraction",
        "EUDI Wallet compatible"
      ],
      "screenshot": "https://folio.id/og-images/folio-app-hero.png",
      "downloadUrl": [
        "https://apps.apple.com/app/folio-digital-wallet-app/id1266382717",
        "https://play.google.com/store/apps/details?id=com.folioltd"
      ]
    }
    </script>

    <!-- JSON-LD Structured Data: WebSite with SearchAction -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Folio",
      "url": "https://folio.id",
      "description": "Secure document storage for individuals. Verification platform for businesses. Digital credentials for governments."
    }
    </script>

    <!-- Content Security Policy -->
    <!-- Note: 'unsafe-inline' for style-src is required for Tailwind CSS and dynamic inline styles -->
    <!-- In development, this CSP may need 'unsafe-eval' for Vite HMR - configure via server or Vite plugin -->
    <!-- Consider using nonce-based CSP in production with proper server configuration -->
    <!-- For production, remove 'unsafe-eval' and add 'upgrade-insecure-requests' -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-eval' 'sha256-XeNpbq034w0m3hU2IirnKxaUajbLaMP8wW80j2KdEoE=' 'sha256-CVwTVNhkb5sIYIpuGe3NZv4KPlAnMHencu06RxRIKOE=' https://www.google.com https://www.gstatic.com; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; font-src 'self' data:; connect-src 'self' ws: wss: https://api.staticforms.dev https://www.google.com; base-uri 'self'; form-action 'self'; frame-src https://datawrapper.dwcdn.net https://www.google.com;" />

  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>