Blog 1

Blog 2

Blog 3

Blog 4

Contact 1

Cta 10

Cta 3

Cta 9

Faq 1

Faq 2

Faq 3

Faq 4

Faq 5

Faq 6

Faq 7

Faq 8

Faq 9

Feature 1

Feature 10

Feature 13

Feature 15

Feature 16

Feature 17

Feature 2

Feature 21

Feature 22

Feature 23

Feature 27

Feature 28

Feature 29

Feature 30

Feature 31

Feature 34

Feature 6

Feature 7

Feature 9

Footer 1

Footer 10

Footer 11

Footer 13

Footer 14

Footer 2

Footer 3

Footer 4

Footer 5

Footer 6

Footer 7

Footer 8

Gallery 2

Gallery 3

Gallery 6

Gallery 7

Hero 10

Hero 100

Hero 102

Hero 103

Hero 104

Hero 105

Hero 106

Hero 107

Hero 108

Hero 109

Hero 110

Hero 112

Hero 114

Hero 116

Hero 118

Hero 12

Hero 127

Hero 15

Hero 16

Hero 216

Hero 221

Hero 24

Hero 25

Hero 26

Hero 27

Hero 29

Hero 3

Hero 31

Hero 33

Hero 4

Hero 49

Hero 53

Hero 57

Hero 6

Hero 7

Hero 75

Hero 79

Hero 8

Hero 80

Hero 84

Navbar 1

Navbar 2

Navbar 3

Navbar 4

Pricing 12

Pricing 13

Pricing 2

Pricing 7

import * as React from "react"
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
import { Check, ChevronRight, Circle } from "lucide-react"

import { cn } from "@/lib/utils"

const ContextMenu = ContextMenuPrimitive.Root

const ContextMenuTrigger = ContextMenuPrimitive.Trigger

const ContextMenuGroup = ContextMenuPrimitive.Group

const ContextMenuPortal = ContextMenuPrimitive.Portal

const ContextMenuSub = ContextMenuPrimitive.Sub

const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup

const ContextMenuSubTrigger = React.forwardRef<
 React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
 React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
 inset?: boolean
 }
>(({ className, inset, children, ...props }, ref) => (
 <ContextMenuPrimitive.SubTrigger
 ref={ref}
 className={cn(
 "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
 inset && "pl-8",
 className
 )}
 {...props}
 >
 {children}
 <ChevronRight className="ml-auto h-4 w-4" />
 </ContextMenuPrimitive.SubTrigger>
))
ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName

const ContextMenuSubContent = React.forwardRef<
 React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
 React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
>(({ className, ...props }, ref) => (
 <ContextMenuPrimitive.SubContent
 ref={ref}
 className={cn(
 "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
 className
 )}
 {...props}
 />
))
ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName

const ContextMenuContent = React.forwardRef<
 React.ElementRef<typeof ContextMenuPrimitive.Content>,
 React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
>(({ className, ...props }, ref) => (
 <ContextMenuPrimitive.Portal>
 <ContextMenuPrimitive.Content
 ref={ref}
 className={cn(
 "z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
 className
 )}
 {...props}
 />
 </ContextMenuPrimitive.Portal>
))
ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName

const ContextMenuItem = React.forwardRef<
 React.ElementRef<typeof ContextMenuPrimitive.Item>,
 React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
 inset?: boolean
 }
>(({ className, inset, ...props }, ref) => (
 <ContextMenuPrimitive.Item
 ref={ref}
 className={cn(
 "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 inset && "pl-8",
 className
 )}
 {...props}
 />
))
ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName

const ContextMenuCheckboxItem = React.forwardRef<
 React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
 React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
>(({ className, children, checked, ...props }, ref) => (
 <ContextMenuPrimitive.CheckboxItem
 ref={ref}
 className={cn(
 "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 className
 )}
 checked={checked}
 {...props}
 >
 
 <ContextMenuPrimitive.ItemIndicator>
 <Check className="h-4 w-4" />
 </ContextMenuPrimitive.ItemIndicator>
 
 {children}
 </ContextMenuPrimitive.CheckboxItem>
))
ContextMenuCheckboxItem.displayName =
 ContextMenuPrimitive.CheckboxItem.displayName

const ContextMenuRadioItem = React.forwardRef<
 React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
 React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
>(({ className, children, ...props }, ref) => (
 <ContextMenuPrimitive.RadioItem
 ref={ref}
 className={cn(
 "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 className
 )}
 {...props}
 >
 
 <ContextMenuPrimitive.ItemIndicator>
 <Circle className="h-4 w-4 fill-current" />
 </ContextMenuPrimitive.ItemIndicator>
 
 {children}
 </ContextMenuPrimitive.RadioItem>
))
ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName

const ContextMenuLabel = React.forwardRef<
 React.ElementRef<typeof ContextMenuPrimitive.Label>,
 React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
 inset?: boolean
 }
>(({ className, inset, ...props }, ref) => (
 <ContextMenuPrimitive.Label
 ref={ref}
 className={cn(
 "px-2 py-1.5 text-sm font-semibold text-foreground",
 inset && "pl-8",
 className
 )}
 {...props}
 />
))
ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName

const ContextMenuSeparator = React.forwardRef<
 React.ElementRef<typeof ContextMenuPrimitive.Separator>,
 React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
>(({ className, ...props }, ref) => (
 <ContextMenuPrimitive.Separator
 ref={ref}
 className={cn("-mx-1 my-1 h-px bg-border", className)}
 {...props}
 />
))
ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName

const ContextMenuShortcut = ({
 className,
 ...props
}: React.HTMLAttributes<HTMLSpanElement>) => {
 return (
 
 )
}
ContextMenuShortcut.displayName = "ContextMenuShortcut"

export {
 ContextMenu,
 ContextMenuTrigger,
 ContextMenuContent,
 ContextMenuItem,
 ContextMenuCheckboxItem,
 ContextMenuRadioItem,
 ContextMenuLabel,
 ContextMenuSeparator,
 ContextMenuShortcut,
 ContextMenuGroup,
 ContextMenuPortal,
 ContextMenuSub,
 ContextMenuSubContent,
 ContextMenuSubTrigger,
 ContextMenuRadioGroup,
}

import * as React from "react"

import { cn } from "@/lib/utils"

const Textarea = React.forwardRef<
 HTMLTextAreaElement,
 React.ComponentProps<"textarea">
>(({ className, ...props }, ref) => {
 return (
 <textarea
 className={cn(
 "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 className
 )}
 ref={ref}
 {...props}
 />
 )
})
Textarea.displayName = "Textarea"

export { Textarea }

Blocks