diff --git a/src/components/Card.astro b/src/components/Card.astro new file mode 100644 index 0000000..6b1ddc0 --- /dev/null +++ b/src/components/Card.astro @@ -0,0 +1,13 @@ +
+
+
Movie
+
+

New movie is released!

+

Click the button to watch on Jetflix app.

+
+
Fashion
+
Products
+
+
+
+
diff --git a/src/components/Header.astro b/src/components/Header.astro index 75577e6..7180d4c 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -1,25 +1,24 @@ --- -import HeaderLink from './HeaderLink.astro'; -import { SITE_TITLE } from '../config'; +import HeaderLink from "./HeaderLink.astro"; +import { SITE_TITLE } from "../config"; --- -
-

+ +
+
+
+ Manuel Ernesto ⚡️ +
+
+ +
+
+
diff --git a/src/components/SideBar.astro b/src/components/SideBar.astro new file mode 100644 index 0000000..8d16df8 --- /dev/null +++ b/src/components/SideBar.astro @@ -0,0 +1,83 @@ +
+ +
+
+
+
+ +
+
+
+ +
+ +
+
diff --git a/src/layouts/Main.astro b/src/layouts/Main.astro new file mode 100644 index 0000000..c7957f4 --- /dev/null +++ b/src/layouts/Main.astro @@ -0,0 +1,28 @@ +--- +import BaseHead from "../components/BaseHead.astro"; +import Header from "../components/Header.astro"; +import Footer from "../components/Footer.astro"; +import SideBar from "../components/SideBar.astro"; + +import { SITE_TITLE, SITE_DESCRIPTION } from "../config"; +--- + + + + + + + +
+ +
+
+
+ +
+
+
+ +
+ + diff --git a/src/pages/index.astro b/src/pages/index.astro index 61d3ec2..80b4c37 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,151 +1,11 @@ --- -import BaseHead from "../components/BaseHead.astro"; -import Header from "../components/Header.astro"; -import Footer from "../components/Footer.astro"; +import MainLayout from "../layouts/Main.astro"; +import Card from "../components/Card.astro"; + import { SITE_TITLE, SITE_DESCRIPTION } from "../config"; --- - - - - - - -
- -
-
-
-
-
-
Movie
-
-

New movie is released!

-

Click the button to watch on Jetflix app.

-
-
Fashion
-
Products
-
-
-
-
- + + -

🧑‍🚀 Hello, Astronaut!

-

- Welcome to the official Astro blog starter template. This template serves as a - lightweight, minimally-styled starting point for anyone looking to build a personal website, blog, or portfolio with - Astro. -

-

- This template comes with a few integrations already configured in your - astro.config.mjs file. You can customize your setup with - Astro Integrations to add tools like Tailwind, React, or Vue to your - project. -

-

Here are a few ideas on how to get started with the template:

-
    -
  • Edit this page in src/pages/index.astro
    • -
  • Edit the site header items in src/components/Header.astro
    • -
  • Add your name to the footer in src/components/Footer.astro
    • -
  • Check out the included blog posts in src/pages/blog/
    • -
  • Customize the blog post page layout in src/layouts/BlogPost.astro
    • -
-

- Have fun! If you get stuck, remember to read the docs or join us on Discord to ask questions. -

-

- Looking for a blog template with a bit more personality? Check out astro-blog-template - by Maxi Ferreira. -

-
-
-
-
-
-
-
-
- -
-
-
- -
- -
-
-
- - + diff --git a/src/pages/projects.astro b/src/pages/projects.astro new file mode 100644 index 0000000..e69de29