More text changes
Some checks are pending
Build and Deploy / build-and-push (push) Has started running
Some checks are pending
Build and Deploy / build-and-push (push) Has started running
This commit is contained in:
@@ -6,38 +6,59 @@ const statusText = process.env.STATUS_TEXT
|
||||
? process.env.STATUS_TEXT
|
||||
: import.meta.env.STATUS_TEXT || "Accepting new clients";
|
||||
|
||||
const statusColorConfig = (process.env.STATUS_COLOR
|
||||
? process.env.STATUS_COLOR
|
||||
: import.meta.env.STATUS_COLOR || "green") as "green" | "yellow" | "red";
|
||||
const statusColorConfig = (
|
||||
process.env.STATUS_COLOR
|
||||
? process.env.STATUS_COLOR
|
||||
: import.meta.env.STATUS_COLOR || "green"
|
||||
) as "green" | "yellow" | "red";
|
||||
|
||||
const statusColor = {
|
||||
green: "bg-success",
|
||||
yellow: "bg-warning",
|
||||
red: "bg-error",
|
||||
}[statusColorConfig] || "bg-success";
|
||||
const statusColor =
|
||||
{
|
||||
green: "bg-success",
|
||||
yellow: "bg-warning",
|
||||
red: "bg-error",
|
||||
}[statusColorConfig] || "bg-success";
|
||||
---
|
||||
|
||||
<section class="relative overflow-hidden bg-neutral">
|
||||
<div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff15_1px,transparent_1px),linear-gradient(to_bottom,#ffffff15_1px,transparent_1px)] bg-[size:4rem_4rem] [mask-image:radial-gradient(ellipse_at_center,black_20%,transparent_70%)]"></div>
|
||||
|
||||
<div
|
||||
class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff15_1px,transparent_1px),linear-gradient(to_bottom,#ffffff15_1px,transparent_1px)] bg-[size:4rem_4rem] [mask-image:radial-gradient(ellipse_at_center,black_20%,transparent_70%)]"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="relative max-w-7xl mx-auto px-6 py-20 lg:py-32">
|
||||
<div class="text-center max-w-4xl mx-auto">
|
||||
<div class="inline-flex items-center gap-2 bg-white/10 text-white px-4 py-2 rounded-full text-sm font-medium mb-8 border border-white/10">
|
||||
<div
|
||||
class="inline-flex items-center gap-2 bg-white/10 text-white px-4 py-2 rounded-full text-sm font-medium mb-8 border border-white/10"
|
||||
>
|
||||
<span class="relative flex h-2 w-2">
|
||||
<span class={`animate-ping absolute inline-flex h-full w-full rounded-full ${statusColor} opacity-75`}></span>
|
||||
<span class={`relative inline-flex rounded-full h-2 w-2 ${statusColor}`}></span>
|
||||
<span
|
||||
class={`animate-ping absolute inline-flex h-full w-full rounded-full ${statusColor} opacity-75`}
|
||||
></span>
|
||||
<span
|
||||
class={`relative inline-flex rounded-full h-2 w-2 ${statusColor}`}
|
||||
></span>
|
||||
</span>
|
||||
{statusText}
|
||||
</div>
|
||||
|
||||
<h1 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-tight tracking-tight mb-6" set:html={siteConfig.hero.mainTitle.replace("Digital Solutions", "Digital Solutions<br class='hidden sm:block' />")}>
|
||||
</h1>
|
||||
|
||||
<p class="text-lg sm:text-xl text-white/70 max-w-2xl mx-auto mb-10 leading-relaxed">
|
||||
{siteConfig.hero.description}. {siteConfig.hero.subDescription}
|
||||
|
||||
<h1
|
||||
class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-tight tracking-tight mb-6"
|
||||
set:html={siteConfig.hero.mainTitle.replace(
|
||||
"Digital Solutions",
|
||||
"Digital Solutions<br class='hidden sm:block' />",
|
||||
)}
|
||||
/>
|
||||
|
||||
<p
|
||||
class="text-lg sm:text-xl text-white/70 max-w-2xl mx-auto mb-10 leading-relaxed"
|
||||
>
|
||||
{siteConfig.hero.description}.
|
||||
</p>
|
||||
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
|
||||
|
||||
<div
|
||||
class="flex flex-col sm:flex-row gap-4 justify-center items-center"
|
||||
>
|
||||
<a
|
||||
href="#contact"
|
||||
class="btn btn-accent btn-lg shadow-lg shadow-accent/25 hover:shadow-xl hover:shadow-accent/30 hover:-translate-y-0.5 transition-all duration-300 group"
|
||||
@@ -52,23 +73,28 @@ const statusColor = {
|
||||
href="#services"
|
||||
class="btn btn-outline btn-lg border-white/30 text-white hover:bg-white hover:text-neutral hover:border-white transition-all duration-300"
|
||||
>
|
||||
<Icon
|
||||
name="heroicons:chevron-down"
|
||||
class="w-5 h-5"
|
||||
/>
|
||||
<Icon name="heroicons:chevron-down" class="w-5 h-5" />
|
||||
{siteConfig.hero.secondaryCta}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-16 pt-10">
|
||||
<p class="text-white text-sm mb-6 uppercase tracking-wider font-medium">{siteConfig.hero.trustedText}</p>
|
||||
<div class="flex flex-wrap justify-center items-center gap-8 lg:gap-12">
|
||||
{siteConfig.hero.features.map((feature) => (
|
||||
<div class="flex items-center gap-2.5 text-white/80">
|
||||
<Icon name={feature.icon} class="w-5 h-5" />
|
||||
<span class="font-medium">{feature.text}</span>
|
||||
</div>
|
||||
))}
|
||||
<p
|
||||
class="text-white text-sm mb-6 uppercase tracking-wider font-medium"
|
||||
>
|
||||
{siteConfig.hero.trustedText}
|
||||
</p>
|
||||
<div
|
||||
class="flex flex-wrap justify-center items-center gap-8 lg:gap-12"
|
||||
>
|
||||
{
|
||||
siteConfig.hero.features.map((feature) => (
|
||||
<div class="flex items-center gap-2.5 text-white/80">
|
||||
<Icon name={feature.icon} class="w-5 h-5" />
|
||||
<span class="font-medium">{feature.text}</span>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -42,7 +42,6 @@ export const siteConfig = {
|
||||
title: "Atash Consulting",
|
||||
mainTitle: "Building Digital Solutions That Drive Growth",
|
||||
description: "Software Consulting based in Edmonton, Alberta",
|
||||
subDescription: "Reliable, scalable solutions tailored to your business needs.",
|
||||
cta: "Discuss Your Project",
|
||||
secondaryCta: "View Services",
|
||||
trustedText: "Trusted expertise in",
|
||||
|
||||
Reference in New Issue
Block a user