fitflow-marketing2/index.html at main · parisvega/fitflow-marketing2 · 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
<!--
  index.html

  Purpose:
  Serves as the primary HTML entry point for the FitFlow application, providing
  the foundational document structure where the React application is mounted.
  This file establishes the initial page configuration, metadata, and loading context
  that browsers encounter before the JavaScript bundle executes.

  Key Features:
  - Sets document metadata including character encoding and viewport settings
  - Defines the application title and SEO description for search engines
  - Specifies the favicon for browser tabs and bookmarks
  - Provides the root DOM node (#root) where React mounts the application
  - Links to the JavaScript entry point (main.tsx) for application bootstrapping

  Technical Details:
  - Uses modern HTML5 doctype and structure
  - Implements responsive design with appropriate viewport settings
  - Includes descriptive metadata for SEO optimization
  - Provides semantic document structure for accessibility
  - Follows standards-compliant HTML for cross-browser compatibility

  Integration:
  - Entry point referenced by Vite during development and production builds
  - The div#root element is targeted by React's createRoot in main.tsx
  - Linked to main.tsx which bootstraps the React application
  - Delivers initial SEO metadata before client-side rendering

  Recent Changes:
  - 2025-03-01: Added comprehensive documentation following project standards
  - 2025-02-15: Enhanced SEO metadata with descriptive content
-->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>FitFlow – Streamlined Scheduling & Performance Tracking for Elite HIIT Trainers</title>
    <meta name="description" content="FitFlow is the ultimate business tool for elite HIIT trainers working with busy tech professionals. Automate scheduling, payments, and performance tracking with seamless Google Calendar and Apple Watch integration. Focus on training—let FitFlow handle the rest." />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>