Try building
This commit is contained in:
@ -1,111 +1,104 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import { siteConfig } from "../config/site";
|
||||
|
||||
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,
|
||||
}),
|
||||
title: siteConfig.name,
|
||||
description: `Welcome to ${siteConfig.name} - ${siteConfig.description}`,
|
||||
};
|
||||
---
|
||||
|
||||
<Layout {...layoutProps}>
|
||||
<Layout title={pageMetaInfo.title} description={pageMetaInfo.description}>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<section
|
||||
class="card bg-base-100 shadow-xl"
|
||||
class="card bg-neutral text-neutral-content shadow-xl"
|
||||
aria-labelledby="welcome-heading"
|
||||
>
|
||||
<div class="card-body">
|
||||
<h1 id="welcome-heading" class="card-title text-3xl">
|
||||
{pageMetaInfo.title || "Atash Consulting"}
|
||||
{siteConfig.hero.title}
|
||||
</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>
|
||||
<p>{siteConfig.hero.description}</p>
|
||||
</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="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
|
||||
{
|
||||
siteConfig.featureCards.cards.map((card) => (
|
||||
<article
|
||||
class={
|
||||
card.variant === "primary"
|
||||
? "card bg-primary text-primary-content"
|
||||
: "card bg-secondary text-secondary-content"
|
||||
}
|
||||
>
|
||||
<div class="card-body">
|
||||
<h2 class="card-title">{card.title}</h2>
|
||||
</div>
|
||||
</article>
|
||||
))
|
||||
}
|
||||
</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>
|
||||
{
|
||||
siteConfig.statistics.enabled &&
|
||||
siteConfig.statistics.stats.length > 0 && (
|
||||
<section
|
||||
class="stats shadow mt-8 w-full bg-neutral text-neutral-content"
|
||||
aria-label={siteConfig.statistics.title}
|
||||
>
|
||||
{siteConfig.statistics.stats.map((stat) => (
|
||||
<div class="stat">
|
||||
<div
|
||||
class="stat-title"
|
||||
id={`${stat.title.toLowerCase()}-stat`}
|
||||
>
|
||||
{stat.title}
|
||||
</div>
|
||||
<div
|
||||
class="stat-value"
|
||||
aria-labelledby={`${stat.title.toLowerCase()}-stat`}
|
||||
>
|
||||
{stat.value}
|
||||
</div>
|
||||
{stat.change && (
|
||||
<div
|
||||
class="stat-desc"
|
||||
aria-label={`${
|
||||
stat.change.direction === "up"
|
||||
? "Increase"
|
||||
: "Decrease"
|
||||
} of ${stat.change.value} (${stat.change.percentage}%)`}
|
||||
>
|
||||
{stat.change.direction === "up"
|
||||
? "↗︎"
|
||||
: "↘︎"}{" "}
|
||||
{stat.change.value} (
|
||||
{stat.change.percentage}%)
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
<section
|
||||
class="card bg-base-100 shadow-xl mt-8"
|
||||
class="card bg-neutral text-neutral-content shadow-xl mt-8 hidden lg:block"
|
||||
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>
|
||||
<h2 id="contact-heading" class="card-title">
|
||||
{siteConfig.contact.title}
|
||||
</h2>
|
||||
<p>{siteConfig.contact.description}</p>
|
||||
<div class="card-actions justify-end">
|
||||
<button
|
||||
class="btn btn-primary"
|
||||
onclick="window.location.href='/contact'"
|
||||
aria-label="Contact us for consultation"
|
||||
onclick={`window.location.href='${siteConfig.contact.cta.href}'`}
|
||||
aria-label={siteConfig.contact.cta.ariaLabel}
|
||||
>
|
||||
Get in Touch
|
||||
{siteConfig.contact.cta.text}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user