115742 lines
6.5 MiB
115742 lines
6.5 MiB
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
;"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
C"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
@"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
;"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
H"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
@"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
;"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
S"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
@"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
;"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
B"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
@"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
;"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
;"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
H"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
("use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
)"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
("use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
j"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
*"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
B"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
k"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
I"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
O"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
*"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
z"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
k"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
I"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
'"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
("use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
5"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
3"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
4"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
3"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
5"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
6"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
5"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
8"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
4"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
9"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
9"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
7"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
6"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
?"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
q"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
8"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
&"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
&"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
&"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
)"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
'"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
,"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
k"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
S"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
z"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
'"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
'"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
,"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
k"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
P"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
'"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
'"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
,"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
k"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
6"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
k"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
["use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
]"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
C"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
z"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
3"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
,"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
,"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
5"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
H"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
5"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
7"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
k"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
A"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
D"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
H"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
S"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
6"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
P"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
A"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
D"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
&"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
C"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
C"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
C"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
R"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
W"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
k"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
S"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
4"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
j"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
B"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
z"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
6"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
7"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
8"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
C"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
#"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
B"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
k"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
A"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
B"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
B"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
z"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
8"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
C"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
#"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
V"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
S"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
B"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
C"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
*"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
S"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
I"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
*"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
,"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
5"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
6"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
3"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
x"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
j"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
["use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
,"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
,"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
]"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
{"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
p"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
I"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
y"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
,"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
:"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
5"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
N"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
a"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
="use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
1"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
2"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
b"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
g"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
w"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
h"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
5"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
0"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
r"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
-"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
f"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
u"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
l"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
""use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
m"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
."use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
d"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
v"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
<"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
/"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
s"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
e"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
c"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
t"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
i"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
o"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
n"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
>"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
)"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
;"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
}"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
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" />
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|
|
|