Added core files

.gitignore

@@ -0,0 +1,20 @@
+# build output
+dist/
+.output/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store

README.md

@@ -1,2 +1,38 @@
-# dragonschildhosting.net
+# Dragons child hosting
 
+Dark themed website template built on AstroJS, designed for saas/startup business.
+
+## Tech stack:
+
+Astro, React, Tailwind, Framer Motion
+
+## Live link
+https://dragonschildhosting.net/
+
+##  Project Structure
+
+```
+├── public/
+│   └── favicon.svg
+├── src/
+│   ├── assets
+│   │   ├── icons
+│   │   ├── images
+│   │   └── logos
+│   ├── components
+│   ├── layouts
+│   ├──  pages
+│   └── styles
+└── package.json
+```
+
+##  How to run
+
+All commands are run from the root of the project, from a terminal:
+
+| Command                | Action                                             |
+| :--------------------- | :------------------------------------------------- |
+| `npm install`          | Installs dependencies                              |
+| `npm run dev`          | Starts local dev server at `localhost:3000`        |
+| `npm run build`        | Build your production site to `./dist/`            |
+| `npm run preview`      | Preview your build locally, before deploying       |

astro.config.mjs

@@ -0,0 +1,7 @@
+import { defineConfig } from 'astro/config';
+import react from '@astrojs/react';
+import tailwind from '@astrojs/tailwind';
+
+export default defineConfig({
+  integrations: [react(), tailwind()]
+});

package.json

@@ -0,0 +1,25 @@
+{
+  "name": "dragonschildhosting",
+  "type": "module",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@astrojs/tailwind": "^2.0.2",
+    "@fontsource/inter": "^4.5.14",
+    "astro": "^1.4.4",
+    "framer-motion": "^7.6.1",
+    "tailwindcss": "^3.1.8"
+  },
+  "devDependencies": {
+    "@astrojs/react": "^1.1.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

tailwind.config.cjs

@@ -0,0 +1,34 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+  theme: {
+    extend: {
+      colors: {
+        customPrimary: "rgb(97, 77, 226)",
+        customSecondary: "rgb(158, 145, 237)",
+        customDarkBg1: "rgb(31, 32, 35)",
+        customDarkBg2: "rgb(38, 39, 43)",
+        customDarkBg3: "rgb(48, 49, 54)",
+        customDarkBg3Hover: "rgb(55, 56, 62)",
+        customContentSubtitle: "rgb(178, 184, 205)",
+        customGrayBorder: "rgb(255,255,255,0.1)",
+        customGrayText: "rgb(174, 178, 183)",
+        customDarkBgTransparent: "rgb(31, 32, 35, 0.7)",
+        customDarkBgTransparentDarker: "rgb(0,0,0,0.5)",
+        customDarkBgTransparentLighter: "rgb(48, 49, 54, 0.7)"  
+      },
+      fontFamily: {
+        Inter: "Inter",
+      },
+      screens: {
+        xs: "530px",
+        sm: "640px",
+        md: "768px",
+        lg: "1024px",
+        xl: "1280px",
+        xll: "1400px",
+        "2xl": "1536px",
+      },
+    },
+  },
+};

tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "astro/tsconfigs/base"
+}