More text changes

src/components/sections/HeroSection.astro

@@ -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
+const statusColorConfig = (
+    process.env.STATUS_COLOR
         ? process.env.STATUS_COLOR
-    : import.meta.env.STATUS_COLOR || "green") as "green" | "yellow" | "red";
+        : import.meta.env.STATUS_COLOR || "green"
+) as "green" | "yellow" | "red";
 
-const statusColor = {
+const statusColor =
+    {
         green: "bg-success",
         yellow: "bg-warning",
         red: "bg-error",
-}[statusColorConfig] || "bg-success";
+    }[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
-                    <span class={`relative inline-flex rounded-full h-2 w-2 ${statusColor}`}></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
-            </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">
+            <p
-                {siteConfig.hero.description}. {siteConfig.hero.subDescription}
+                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
+                    <Icon name="heroicons:chevron-down" class="w-5 h-5" />
-                        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>
+                <p
-                <div class="flex flex-wrap justify-center items-center gap-8 lg:gap-12">
+                    class="text-white text-sm mb-6 uppercase tracking-wider font-medium"
-                    {siteConfig.hero.features.map((feature) => (
+                >
+                    {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>

src/config/site.ts

@@ -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",