Breakpoints (반응형 브레이크포인트)

import { Button } from "@vortex/ui-icignal";
 
export default function Hero() {
  return (
    <section className="py-2xl lg:py-3xl px-md lg:px-xl bg-primary-50">
      <div className="max-w-screen-xl mx-auto text-center">
        <h1 className="text-3xl md:text-4xl lg:text-5xl font-bold text-text-primary mb-md">
          iCignal Platform
        </h1>
        <p className="text-base md:text-lg text-text-secondary mb-xl max-w-2xl mx-auto">
          Responsive design with iCignal branding
        </p>
        <div className="flex flex-col sm:flex-row gap-md justify-center">
          <Button variant="primary">Get Started</Button>
          <Button variant="outline">Learn More</Button>
        </div>
      </div>
    </section>
  );
}