diff --git a/public/fonts/Copia de Poppins-Bold.ttf b/public/fonts/Copia de Poppins-Bold.ttf
new file mode 100644
index 0000000..1170ea9
Binary files /dev/null and b/public/fonts/Copia de Poppins-Bold.ttf differ
diff --git a/public/fonts/Poppins-Light_2.ttf b/public/fonts/Poppins-Light_2.ttf
new file mode 100644
index 0000000..2ab0221
Binary files /dev/null and b/public/fonts/Poppins-Light_2.ttf differ
diff --git a/public/fonts/Poppins-Regular.ttf b/public/fonts/Poppins-Regular.ttf
new file mode 100644
index 0000000..be06e7f
Binary files /dev/null and b/public/fonts/Poppins-Regular.ttf differ
diff --git a/public/fonts/Poppins-SemiBold.ttf b/public/fonts/Poppins-SemiBold.ttf
new file mode 100644
index 0000000..dabf7c2
Binary files /dev/null and b/public/fonts/Poppins-SemiBold.ttf differ
diff --git a/public/fonts/Rockwell.ttc b/public/fonts/Rockwell.ttc
new file mode 100644
index 0000000..ae96386
Binary files /dev/null and b/public/fonts/Rockwell.ttc differ
diff --git a/public/img/hero-image.webp b/public/img/hero-image.webp
new file mode 100644
index 0000000..fe492ea
Binary files /dev/null and b/public/img/hero-image.webp differ
diff --git a/src/assets/hero-image.webp b/src/assets/hero-image.webp
new file mode 100644
index 0000000..fe492ea
Binary files /dev/null and b/src/assets/hero-image.webp differ
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
new file mode 100644
index 0000000..9652882
--- /dev/null
+++ b/src/components/BaseHead.astro
@@ -0,0 +1,18 @@
+---
+const {
+ title = "Centro del Reino de Paz y Justicia",
+ description =""
+} = Astro.props;
+---
+
+
+
+
+
+
+
+
+ {title}
+
+
+
\ No newline at end of file
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
new file mode 100644
index 0000000..7aa104c
--- /dev/null
+++ b/src/components/Footer.astro
@@ -0,0 +1,7 @@
+---
+
+---
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Header.astro b/src/components/Header.astro
new file mode 100644
index 0000000..4c36cf0
--- /dev/null
+++ b/src/components/Header.astro
@@ -0,0 +1,28 @@
+---
+import Button from "./ui/Button.astro";
+---
+
+
+
+
+
+ Centro del Reino
De Paz y Justicia
+
+
+
+
+
diff --git a/src/components/HeroHome.astro b/src/components/HeroHome.astro
new file mode 100644
index 0000000..9503b61
--- /dev/null
+++ b/src/components/HeroHome.astro
@@ -0,0 +1,9 @@
+---
+import HeroImage from '../assets/hero-image.webp';
+---
+
+
+
+

+
+
\ No newline at end of file
diff --git a/src/components/ui/Button.astro b/src/components/ui/Button.astro
new file mode 100644
index 0000000..034c206
--- /dev/null
+++ b/src/components/ui/Button.astro
@@ -0,0 +1,23 @@
+---
+const { variant = "primary", title = "Botón", url = "#" } = Astro.props as {
+ variant?: Variant;
+ title?: string;
+ url?: string;
+};
+const variants = {
+ primary: "bg-[#EBE6D2] text-[#22523F] hover:bg-[#EBE6D2]/90 rounded-none w-full",
+ secondary: "bg-blue-700",
+ light: "bg-green-100",
+} as const;
+
+type Variant = keyof typeof variants;
+
+const styles = variants[variant];
+---
+
+
+ {title}
+
diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
new file mode 100644
index 0000000..7670bbe
--- /dev/null
+++ b/src/layouts/MainLayout.astro
@@ -0,0 +1,18 @@
+---
+import Header from "../components/Header.astro";
+import BaseHead from "../components/BaseHead.astro";
+import Footer from "../components/Footer.astro";
+import "../styles/global.css";
+const { title } = Astro.props;
+---
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 523502a..7b6a54f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,25 +1,19 @@
---
import "../styles/global.css";
-import { getCollection, getEntry } from 'astro:content';
+import { getCollection, getEntry } from "astro:content";
+import MainLayout from "../layouts/MainLayout.astro";
+import HeroHome from "../components/HeroHome.astro";
-const newsItems = await getCollection('news');
+const newsItems = await getCollection("news");
---
-
-
-
-
-
-
-
- Astro
-
-
- Astro
- {
- newsItems.map(item => (
- {item.data.title}
- ))
- }
-
-
+
+
+ {
+ newsItems.map((item) => (
+
+ {item.data.title}
+
+ ))
+ }
+
diff --git a/src/styles/global.css b/src/styles/global.css
index 5b46619..a07e504 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,2 +1,23 @@
@import "tailwindcss";
@plugin '@tailwindcss/typography';
+
+@theme {
+ --font-primary: "Poppins", sans-serif;
+ --font-secondary: "Rockwell", sans-serif;
+
+ --color-primary: #EBE6D2;
+ --color-secondary: #CBA16A;
+ --color-thirdary: #003421;
+ --color-link: #CBA16A;
+}
+
+:root {
+ --background: #22523F;
+
+}
+
+body {
+ font-family: var(--font-primary);
+ background-color: var(--background);
+ min-height: 1080px;
+}
\ No newline at end of file