From 5936aedd3d853514a31ebece23175255fb2415c3 Mon Sep 17 00:00:00 2001
From: Arslaan Pathan <arslaan@arslaancodes.com>
Date: Mon, 31 Aug 2026 17:00:12 +1200
Subject: Initial commit

---
 components/section.tsx | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 components/section.tsx

(limited to 'components/section.tsx')

diff --git a/components/section.tsx b/components/section.tsx
new file mode 100644
index 0000000..59120bf
--- /dev/null
+++ b/components/section.tsx
@@ -0,0 +1,40 @@
+import { cn } from "@/lib/utils";
+
+export function Section({
+  children,
+  className,
+  innerClassName,
+  id,
+}: {
+  children: React.ReactNode;
+  className?: string;
+  innerClassName?: string;
+  id?: string;
+}) {
+  return (
+    <section id={id} className={cn("px-5 py-20 sm:px-8 md:py-28", className)}>
+      <div className={cn("mx-auto w-full max-w-6xl", innerClassName)}>
+        {children}
+      </div>
+    </section>
+  );
+}
+
+export function Eyebrow({
+  children,
+  className,
+}: {
+  children: React.ReactNode;
+  className?: string;
+}) {
+  return (
+    <p
+      className={cn(
+        "inline-flex items-center rounded-full border border-violet-400/25 bg-violet-500/10 px-3 py-1 font-mono text-[11px] font-medium uppercase tracking-[0.22em] text-violet-200",
+        className
+      )}
+    >
+      {children}
+    </p>
+  );
+}
-- 
cgit v1.2.3