Landing page for the CleanUpHack initiative (SCESI). Built with Astro 5, Tailwind CSS 4, and Framer Motion for smooth UI animations.

• Astro 5 (content-focused, island architecture)
• Tailwind CSS 4 (via @tailwindcss/vite)
• Framer Motion (animation)
• TypeScript ready (tsconfig included)
• ESLint + Prettier (consistent code style)

/
├── public/
│   └── clean-up.svg
├── src/
│   ├── assets/
│   │   ├── astro.svg
│   │   └── clean-up-hack.svg
│   ├── components/        (UI components - add your .astro / .tsx files here)
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
│   └── styles/
│       └── global.css
├── astro.config.mjs
├── package.json
└── tsconfig.json

npm install
npm run dev

Open http://localhost:4321

Global styles live in src/styles/global.css. Tailwind utilities are available everywhere; add component-level styles alongside components if needed.

framer-motion is installed. For Astro + Motion, you can import motion components inside framework islands (e.g. React component) or progressively enhance.

Run before committing:

npm run lint && npm run format:check

npm run build
npm run preview   # sanity check

Deploy the contents of dist/ to your static host (Netlify, Vercel, GitHub Pages, etc.).

1. Create a new branch: feat/<short-name>
2. Make changes and ensure lint passes
3. Commit using conventional style if possible (e.g. feat: add hero section)
4. Open a PR into dev

• Add SEO meta tags & Open Graph
• Responsive navigation & mobile menu
• Accessibility audit
• Analytics integration (privacy friendly)

MIT License © 2025 SCESI. See LICENSE for the full text.

• Astro: https://docs.astro.build
• Tailwind CSS: https://tailwindcss.com
• Framer Motion: https://www.framer.com/motion/