Home Hero

1import { ArrowRight, ArrowUpRight, Lock } from "lucide-react"
2import Link from "next/link"
3 
4import { getBrand } from "@/lib/brand"
5 
6/**
7 * Edit CONTENT to match your product. Layout mirrors the AtroUI docs Hero.
8 * After install this file lives in your repo.
9 */
10const CONTENT = {
11  stamp: "One-person studio · May sprints open",
12  headlineBefore: "Stop losing weeks to",
13  headlineAccent: "boilerplate",
14  headlineAfter: ".",
15  subhead:
16    "We ship the product you were going to build next month - this week. Fixed scope. Fixed price. No PMs. No handoffs.",
17  primaryCta: { label: "Start a 7-day MVP sprint", href: "/contact" },
18  secondaryCta: { label: "Try the free OG tool", href: "/og" },
19  founderName: "Koustav",
20  founderRole: "Founder · every line of code",
21  founderInitials: "KG",
22  sprintTitle: "7-day sprint",
23  sprintDay: "Day 4 / 7",
24  sprintDays: [
25    { day: "01", label: "Scope + stack", done: true },
26    { day: "02", label: "Auth + data", done: true },
27    { day: "03", label: "Core flow", done: true },
28    { day: "04", label: "AI feature", done: false, active: true },
29    { day: "05", label: "Polish UI", done: false },
30    { day: "06", label: "Deploy", done: false },
31    { day: "07", label: "Handoff", done: false },
32  ],
33  sprintCta: { label: "Book this sprint", href: "/contact?service=mvp-sprint" },
34  ogTitle: "Ship in days,\nnot quarters.",
35  ogSubtitle: "studio + free AI tools",
36  ogHref: "/og",
37}
38 
39export function HomeHero() {
40  const brand = getBrand()
41 
42  return (
43    <section className="relative flex flex-col overflow-hidden bg-background text-foreground">
44      <div className="relative z-10">
45        <article className="w-full border-y border-border-subtle">
46          <div className="mx-auto flex max-w-7xl flex-col items-center space-y-5 border-x border-border-subtle px-6 py-10 text-center sm:px-10 sm:py-14">
47            <p className="inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-1 text-[11px] font-semibold tracking-[0.12em] text-muted-foreground uppercase">
48              <span
49                className="size-1.5 rounded-full bg-[var(--color-brand,#0b7bff)]"
50                aria-hidden
51              />
52              {CONTENT.stamp}
53            </p>
54 
55            <h1 className="max-w-4xl text-[2.125rem] leading-[1.05] font-medium tracking-tight text-foreground sm:text-6xl md:text-7xl">
56              {CONTENT.headlineBefore}{" "}
57              <span className="italic text-[var(--color-brand,#0b7bff)]">
58// … truncated