-
- {/* Logo */}
-
+
)
}
-export default Header
+export default Header
\ No newline at end of file
diff --git a/src/components/ui/Badge.jsx b/src/components/ui/Badge.jsx
index 0391f0b..986b188 100644
--- a/src/components/ui/Badge.jsx
+++ b/src/components/ui/Badge.jsx
@@ -1,30 +1,27 @@
import * as React from 'react'
-const Badge = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes & {
- variant?: 'default' | 'secondary' | 'outline' | 'success' | 'warning' | 'error'
- }
->(({ className = '', variant = 'default', ...props }, ref) => {
- const baseStyles = 'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2'
-
- const variants = {
- default: 'border-transparent bg-primary-navy text-white hover:bg-primary-navy-dark',
- secondary: 'border-transparent bg-section-alt text-text hover:bg-opacity-80',
- outline: 'text-foreground',
- success: 'border-transparent bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300',
- warning: 'border-transparent bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300',
- error: 'border-transparent bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300',
- }
+const Badge = React.forwardRef(
+ ({ className = '', variant = 'default', ...props }, ref) => {
+ const baseStyles = 'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2'
+
+ const variants = {
+ default: 'border-transparent bg-primary-navy text-white hover:bg-primary-navy-dark',
+ secondary: 'border-transparent bg-section-alt text-text hover:bg-opacity-80',
+ outline: 'text-foreground',
+ success: 'border-transparent bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300',
+ warning: 'border-transparent bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300',
+ error: 'border-transparent bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300',
+ }
- return (
-
- )
-})
+ return (
+
+ )
+ }
+)
Badge.displayName = 'Badge'
-export { Badge }
+export { Badge }
\ No newline at end of file
diff --git a/src/components/ui/Card.jsx b/src/components/ui/Card.jsx
index b7a0256..346da9b 100644
--- a/src/components/ui/Card.jsx
+++ b/src/components/ui/Card.jsx
@@ -1,6 +1,6 @@
import * as React from 'react'
-const Card = React.forwardRef>(
+const Card = React.forwardRef(
({ className = '', ...props }, ref) => (
- 
- Queue North
-
+
- Queue North
-
+
+
+ {/* Logo */}
+
-
-
+ {/* CTA Button */}
+
-
-
+
+
+ Queue North
+
- {/* Desktop Nav */}
-
-
- {/* CTA Button */}
-
+ Queue North
+
-
- Request Consultation
+ {/* Desktop Nav */}
+
+ ))}
+
- {/* Mobile Menu Toggle */}
-
+
+ Request Consultation
+
+
+
+ {/* Mobile Menu */}
+
+
+
+
+
+
+
+ Navigation Menu
+
+
+
+
+
+
+ Queue North
+
+
+
+
+
+ Queue North
+
+
+ Request Consultation
+
+
+ >(
+const CardHeader = React.forwardRef(
({ className = '', ...props }, ref) => (
>(
+const CardTitle = React.forwardRef(
({ className = '', ...props }, ref) => (
>(
+const CardFooter = React.forwardRef(
({ className = '', ...props }, ref) => (
>( +const CardDescription = React.forwardRef( ({ className = '', ...props }, ref) => (
>( +const CardContent = React.forwardRef( ({ className = '', ...props }, ref) => (
) ) CardContent.displayName = 'CardContent' -const CardFooter = React.forwardRef (
)
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
-const DialogContent = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className = '', children, ...props }, ref) => (
+const DialogContent = React.forwardRef(
+ ({ className = '', children, ...props }, ref) => (
(
)
DialogFooter.displayName = 'DialogFooter'
-const DialogTitle = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className = '', ...props }, ref) => (
+const DialogTitle = React.forwardRef(
+ ({ className = '', ...props }, ref) => (
,
- React.ComponentPropsWithoutRef
->(({ className = '', ...props }, ref) => (
+const DialogDescription = React.forwardRef(
+ ({ className = '', ...props }, ref) => (
>(
+const Input = React.forwardRef(
({ className = '', type, ...props }, ref) => {
return (
(
))
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
+const sideClasses = {
+ top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+ bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+ left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
+ right: 'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
+}
+
const SheetContent = React.forwardRef(({ className, children, side = 'right', ...props }, ref) => (
{children}
diff --git a/src/components/ui/Textarea.jsx b/src/components/ui/Textarea.jsx
index 48a46ec..49b8345 100644
--- a/src/components/ui/Textarea.jsx
+++ b/src/components/ui/Textarea.jsx
@@ -1,6 +1,6 @@
import * as React from 'react'
-const Textarea = React.forwardRef>(
+const Textarea = React.forwardRef(
({ className = '', ...props }, ref) => {
return (