# Enabling Solutions Premium Corporate Website

Premium Astro + Tailwind starter for the Enabling Solutions corporate website revamp.

## Stack

- Astro 7
- Tailwind CSS 4 via `@tailwindcss/vite`
- TypeScript
- Static-first architecture
- Reusable solution and industry templates
- Responsive premium corporate UI

## Start in VS Code

```bash
npm install
npm run dev
```

Then open the local URL Astro prints in the terminal.

## Production build

```bash
npm run build
npm run preview
```

The production output is generated in `dist/`.

## Main structure

```text
src/
├── components/
│   ├── CTA.astro
│   ├── Footer.astro
│   ├── Header.astro
│   ├── SectionHeading.astro
│   └── SolutionCard.astro
├── data/
│   ├── industries.ts
│   └── solutions.ts
├── layouts/
│   └── BaseLayout.astro
├── pages/
│   ├── index.astro
│   ├── company/
│   ├── solutions/
│   ├── industries/
│   ├── case-studies/
│   ├── insights/
│   ├── contact/
│   └── legal/
└── styles/
    └── global.css
```

## Important next steps

1. Replace the placeholder SVG mark with approved Enabling Solutions brand assets.
2. Replace demo/remote photography with approved project, infrastructure and team imagery.
3. Replace all placeholder corporate, service, case-study and legal copy with approved content.
4. Confirm current partner/OEM relationships before adding partner logos.
5. Connect the contact form to a secure server-side endpoint, CRM or form service.
6. Add GA4 / Microsoft Clarity if required.
7. Add CSP, HSTS and other production security headers at Nginx/Cloudflare level.
8. Add redirects from the existing WordPress URLs to the new Astro paths before migration.
9. Run Lighthouse and accessibility checks before launch.
10. Add real case studies and Insights articles for SEO.

## Content model

Solution pages are generated from `src/data/solutions.ts` through `src/pages/solutions/[slug].astro`.
Industry pages work the same way through `src/data/industries.ts` and `src/pages/industries/[slug].astro`.

This makes the site easy to expand without duplicating templates.

## Design tokens

The main colours, spacing helpers, typography helpers, glass treatment and reveal animation live in:

`src/styles/global.css`

Change the CSS custom properties at the top of that file to quickly retheme the entire site.

## Contact form

The current form is intentionally UI-only. Do not deploy it as a production form until the `action` is connected to a validated, rate-limited and spam-protected server-side endpoint.