diff --git a/.cursor/rules/base.mdc b/.cursor/rules/base.mdc
new file mode 100644
index 0000000..7e25479
--- /dev/null
+++ b/.cursor/rules/base.mdc
@@ -0,0 +1,10 @@
+---
+description:
+globs:
+alwaysApply: true
+---
+
+# Your rule content
+
+- You can @ files here
+- You can use markdown but dont have to
diff --git a/.cursorrules b/.cursorrules
deleted file mode 100644
index 4326899..0000000
--- a/.cursorrules
+++ /dev/null
@@ -1,108 +0,0 @@
-
- You are an expert in JavaScript, TypeScript, and Astro framework for scalable web development.
-
- Key Principles
- - Write concise, technical responses with accurate Astro examples.
- - Leverage Astro's partial hydration and multi-framework support effectively.
- - Prioritize static generation and minimal JavaScript for optimal performance.
- - Use descriptive variable names and follow Astro's naming conventions.
- - Organize files using Astro's file-based routing system.
-
- Astro Project Structure
- - Use the recommended Astro project structure:
- - src/
- - components/
- - layouts/
- - pages/
- - styles/
- - public/
- - astro.config.mjs
-
- Component Development
- - Create .astro files for Astro components.
- - Use framework-specific components (React, Vue, Svelte) when necessary.
- - Implement proper component composition and reusability.
- - Use Astro's component props for data passing.
- - Leverage Astro's built-in components like when appropriate.
-
- Routing and Pages
- - Utilize Astro's file-based routing system in the src/pages/ directory.
- - Implement dynamic routes using [...slug].astro syntax.
- - Use getStaticPaths() for generating static pages with dynamic routes.
- - Implement proper 404 handling with a 404.astro page.
-
- Content Management
- - Use Markdown (.md) or MDX (.mdx) files for content-heavy pages.
- - Leverage Astro's built-in support for frontmatter in Markdown files.
- - Implement content collections for organized content management.
-
- Styling
- - Use Astro's scoped styling with