ASMX

import Button from "@/components/Button";
import { Sparkles } from "lucide-react";

export default function Page() {
  return (
    <section className="hero-grid">
      <Sparkles className="text-signal" />
      <h1>Launch smarter products</h1>
      <p>Design, code, automate, and ship with one team.</p>
      <Button variant="primary">Start Project</Button>
    </section>
  );
}

type ButtonProps = {
  children: React.ReactNode;
  variant?: "primary" | "ghost";
  loading?: boolean;
};

export default function Button({ children, variant = "primary", loading }: ButtonProps) {
  return (
    <button className={`btn btn-${variant}`} disabled={loading}>
      {loading ? "Building..." : children}
    </button>
  );
}

import type { Config } from "tailwindcss";

const config: Config = {
  theme: {
    extend: {
      colors: {
        ink: "#101114",
        signal: "#18b7ff",
        bloom: "#ff5d8f",
      },
    },
  },
};

export default config;