Init

src/pages/index.astro

@@ -0,0 +1,114 @@
+---
+import Layout from "../layouts/Layout.astro";
+
+const pageMetaInfo = {
+    title: "Atash Consulting",
+    description:
+        "Welcome to Atash Consulting - Technical Excellence with a Human Touch",
+};
+
+const layoutProps = {
+    ...(pageMetaInfo.title?.trim() && { title: pageMetaInfo.title }),
+    ...(pageMetaInfo.description?.trim() && {
+        description: pageMetaInfo.description,
+    }),
+};
+---
+
+<Layout {...layoutProps}>
+    <div class="max-w-4xl mx-auto">
+        <section
+            class="card bg-base-100 shadow-xl"
+            aria-labelledby="welcome-heading"
+        >
+            <div class="card-body">
+                <h1 id="welcome-heading" class="card-title text-3xl">
+                    {pageMetaInfo.title || "Atash Consulting"}
+                </h1>
+                <p class="text-base-content/70">
+                    {
+                        pageMetaInfo.description ||
+                            "Technical Excellence with a Human Touch"
+                    }
+                </p>
+
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
+                    <article class="card bg-primary text-primary-content">
+                        <div class="card-body">
+                            <h2 class="card-title">Our Mission</h2>
+                            <p>
+                                To deliver exceptional value through innovative
+                                solutions.
+                            </p>
+                        </div>
+                    </article>
+
+                    <article class="card bg-secondary text-secondary-content">
+                        <div class="card-body">
+                            <h2 class="card-title">Our Vision</h2>
+                            <p>
+                                Leading the industry with cutting-edge
+                                technology.
+                            </p>
+                        </div>
+                    </article>
+                </div>
+            </div>
+        </section>
+
+        <section
+            class="stats shadow mt-8 w-full"
+            aria-label="Company Statistics"
+        >
+            <div class="stat">
+                <div class="stat-title" id="clients-stat">Total Clients</div>
+                <div class="stat-value" aria-labelledby="clients-stat">
+                    500+
+                </div>
+                <div class="stat-desc" aria-label="Increase of 40 clients (2%)">
+                    ↗︎ 40 (2%)
+                </div>
+            </div>
+
+            <div class="stat">
+                <div class="stat-title" id="projects-stat">
+                    Projects Completed
+                </div>
+                <div class="stat-value" aria-labelledby="projects-stat">
+                    1,200
+                </div>
+                <div
+                    class="stat-desc"
+                    aria-label="Increase of 90 projects (14%)"
+                >
+                    ↗︎ 90 (14%)
+                </div>
+            </div>
+
+            <div class="stat">
+                <div class="stat-title" id="success-stat">Success Rate</div>
+                <div class="stat-value" aria-labelledby="success-stat">98%</div>
+                <div class="stat-desc" aria-label="Increase of 2%">↗︎ 2%</div>
+            </div>
+        </section>
+
+        <section
+            class="card bg-base-100 shadow-xl mt-8"
+            aria-labelledby="contact-heading"
+        >
+            <div class="card-body">
+                <h2 id="contact-heading" class="card-title">Contact Us</h2>
+                <p>Ready to get started? Reach out to us for a consultation.</p>
+                <div class="card-actions justify-end">
+                    <button
+                        class="btn btn-primary"
+                        onclick="window.location.href='/contact'"
+                        aria-label="Contact us for consultation"
+                    >
+                        Get in Touch
+                    </button>
+                </div>
+            </div>
+        </section>
+    </div>
+</Layout>