From 7dc4a59f1bc78d8d7e860d01384e75618bffb94e Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Fri, 16 Jan 2026 16:31:31 +0000
Subject: [PATCH] Update components/hero.tsx

---
 components/hero.tsx | 42 ++++++++++++++++++------------------------
 1 file changed, 18 insertions(+), 24 deletions(-)

diff --git a/components/hero.tsx b/components/hero.tsx
index 194cbff..3d2a17e 100644
--- a/components/hero.tsx
+++ b/components/hero.tsx
@@ -4,39 +4,33 @@ import { Heading } from "@/components/heading";
 import { Subheading } from "@/components/subheading";
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
+import { Badge } from "@/components/badge";
 
 export function Hero() {
   return (
-    <section className="relative pt-32 pb-32 overflow-hidden">
-      <div className="absolute inset-0 bg-neutral-950 -z-10" />
-      <div className="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1601362840469-51e4d8d59085?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center opacity-40 -z-10" />
-      <div className="absolute inset-0 bg-gradient-to-b from-neutral-950/80 via-neutral-950/40 to-neutral-950 -z-10" />
+    <section className="relative pt-24 pb-20 overflow-hidden bg-white dark:bg-neutral-950">
       <Container>
-        <div className="max-w-4xl mx-auto text-center">
-          <div className="inline-flex items-center rounded-full border border-blue-500/20 bg-blue-500/10 px-3 py-1 text-sm font-medium text-blue-400 mb-8 animate-pulse">
-            AI-Powered Precision Detailing • Cedar Rapids
-          </div>
-          <Heading className="text-white text-5xl md:text-8xl font-bold tracking-tight leading-tight">
-            The Future of <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-cyan-300">Auto Perfection</span>
+        <div className="max-w-3xl mx-auto text-center">
+          <Badge variant="outline" className="mb-6 border-blue-500 text-blue-600 dark:text-blue-400">
+            100% Real Human Effort • No AI, Just Hard Work
+          </Badge>
+          <Heading className="text-4xl md:text-6xl font-black tracking-tight">
+            Cedar Rapids' Most <span className="text-blue-600">Hardworking</span> 13-Year-Old Detailers
           </Heading>
-          <Subheading className="text-neutral-300 mt-8 text-xl md:text-2xl max-w-2xl mx-auto">
-            Apex Detailing leverages AI-driven surface analysis and aerospace-grade coatings to deliver a finish that's scientifically superior.
+          <Subheading className="mt-6 text-lg text-neutral-600 dark:text-neutral-400">
+            We're two 13-year-olds with a passion for cars and a serious work ethic. We don't use fancy AI—just high-quality soaps, real elbow grease, and a commitment to making your car look brand new.
           </Subheading>
-          <div className="flex flex-wrap justify-center gap-4 mt-12">
-            <Button size="lg" className="bg-blue-600 hover:bg-blue-700 text-white px-10 h-14 text-lg shadow-[0_0_20px_rgba(37,99,235,0.4)]" asChild>
-              <Link href="/contact">Claim Your AI Surface Scan</Link>
+          <div className="flex flex-col sm:flex-row justify-center gap-4 mt-10">
+            <Button size="lg" className="bg-blue-600 hover:bg-blue-700 text-white h-14 px-8 text-lg" asChild>
+              <Link href="/contact">Book a Detail</Link>
             </Button>
-            <Button size="lg" variant="outline" className="text-white border-white/20 hover:bg-white/10 px-10 h-14 text-lg backdrop-blur-sm" asChild>
-              <Link href="#services">Explore Technology</Link>
+            <Button size="lg" variant="outline" className="h-14 px-8 text-lg" asChild>
+              <Link href="#services">See Our Work</Link>
             </Button>
           </div>
-          <div className="mt-16 flex items-center justify-center gap-8 text-neutral-500 text-sm font-medium uppercase tracking-widest">
-            <span>Ceramic Pro</span>
-            <span className="w-1 h-1 bg-neutral-700 rounded-full" />
-            <span>Gtechniq</span>
-            <span className="w-1 h-1 bg-neutral-700 rounded-full" />
-            <span>XPEL Certified</span>
-          </div>
+          <p className="mt-6 text-sm text-neutral-500 italic">
+            "We're saving up for our first cars and college. Thanks for supporting local young entrepreneurs!"
+          </p>
         </div>
       </Container>
     </section>