// File: src/App.js
import React from 'react';
import { ThemeProvider } from 'styled-components';
import GlobalStyle from './styles/GlobalStyle';
import theme from './styles/theme';
import HomePage from './pages/HomePage';

const App = () => (
  <ThemeProvider theme={theme}>
    <GlobalStyle />
    <HomePage />
  </ThemeProvider>
);

export default App;

// File: src/styles/theme.js
const theme = {
  breakpoints: {
    sm: '375px',
    md: '768px',
    lg: '1024px',
    xl: '1440px',
  },
  colors: {
    primary: '#FF3D00',
    secondary: '#263238',
    contrastText: '#FFFFFF',
  },
  spacing: (factor) => `${factor * 8}px`,
};

export default theme;

// File: src/styles/GlobalStyle.js
import { createGlobalStyle } from 'styled-components';

const GlobalStyle = createGlobalStyle`
  *, *::before, *::after {
    box-sizing: border-box;
  }

  html {
    font-size: 16px;
    scroll-behavior: smooth;
  }

  body {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fff;
    color: #000;
  }

  img {
    max-width: 100%;
    height: auto;
    loading: lazy;
  }
`;

export default GlobalStyle;

// File: src/pages/HomePage.js
import React, { Suspense, lazy } from 'react';
import HeroSection from '../components/sections/HeroSection';
const FeaturesSection = lazy(() => import('../components/sections/FeaturesSection'));
const TestimonialsSection = lazy(() => import('../components/sections/TestimonialsSection'));
const ContactForm = lazy(() => import('../components/forms/ContactForm'));

const HomePage = () => (
  <>
    <HeroSection />
    <Suspense fallback={<div>Loading...</div>}>
      <FeaturesSection />
      <TestimonialsSection />
      <ContactForm />
    </Suspense>
  </>
);

export default HomePage;

// File: public/robots.txt
User-agent: *
Disallow:

Sitemap: https://www.swiftfortress.com/sitemap.xml

// File: public/sitemap.xml
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://www.swiftfortress.com/</loc>
    <lastmod>2025-05-15</lastmod>
    <changefreq>monthly</changefreq>
    <priority>1.0</priority>
  </url>
</urlset>

// README.md
# Swift Fortress Website

## Overview
Component-based architecture using React.js following atomic design principles. Mobile-first, optimized for performance, accessibility, and conversion.

## Setup
```bash
yarn install
yarn start
```

## Deployment
Set environment variables in `.env` file. Use Vercel, Netlify, or a custom CI/CD pipeline with linting and testing before deployment.

## Performance Targets
- Lighthouse score: 90+
- LCP: <2.5s
- FID: <100ms
- CLS: <0.1

## Security
- CSP headers via server config
- Input sanitization
- CSRF protection on forms

## SEO
- JSON-LD structured data
- Canonical URLs
- robots.txt and sitemap.xml

## Analytics
Google Analytics 4 with event-based tracking and UTM parameter handling.

---

**Note**: Component files (`HeroSection`, `FeaturesSection`, etc.) and animations using `IntersectionObserver` should be implemented in the `components/` directory with semantic HTML and ARIA attributes. Let me know if you want those coded next.