first version

src/pages/index.astro

@@ -0,0 +1,35 @@
+---
+import About from "@components/About.astro";
+import Experience from "@components/Experience.astro";
+import Footer from "@components/Footer.astro";
+import Hero from "@components/Hero.astro";
+// import Projects from "@components/Projects.astro";
+import Skills from "@components/Skills.astro";
+import {
+	aboutMe,
+	experience,
+	personalInfo,
+	projects,
+	skills,
+} from "@data/index.ts";
+import Layout from "@layouts/Layout.astro";
+
+const { name, title, bio, email, github, linkedin } = personalInfo;
+---
+
+<Layout>
+	<main class="container mx-auto max-w-4xl px-6 py-12 md:py-20">
+		<!-- Header / Hero Section -->
+		<Hero {name} {title} {bio} {email} {github} {linkedin} />
+		<!-- Experience Section -->
+		<Experience {experience} />
+		<!-- Skills Section -->
+		<Skills {skills} />
+		<!-- Projects Section -->
+		<!-- <Projects {projects} /> -->
+		 <!-- About Me Section -->
+		<About {aboutMe} />
+	</main>
+	<!-- Footer Section -->
+	<Footer {name} />
+</Layout>