Hero 01

1import type { JSX } from "react"
2import { Volume2Icon } from "lucide-react"
3 
4import { cn } from "@/lib/utils"
5import { Button } from "@/components/ui/button"
6import {
7  LaravelIcon,
8  NextJSIcon,
9  NodeJSIcon,
10  ReactIcon,
11  TailwindCSSIcon,
12} from "@/registry/blocks/hero-01/components/hero-01-icons"
13 
14export function Hero01() {
15  return (
16    <div className="relative w-screen overflow-hidden py-8">
17      <div className="container mx-auto max-sm:px-2">
18        <div className="screen-line-top screen-line-bottom border-x border-line md:hidden">
19          <svg
20            className="pointer-events-none absolute inset-0 overflow-visible text-line"
21            viewBox="0 0 210 340"
22            fill="none"
23            xmlns="http://www.w3.org/2000/svg"
24          >
25            <g className="text-line">
26              <path
27                d="M380.853 105.099L-201.625 464.632"
28                stroke="currentColor"
29                strokeDasharray="4 2"
30                vectorEffect="non-scaling-stroke"
31              />
32              <path
33                d="M-165.247 -267.831L369.777 600.141"
34                stroke="currentColor"
35                strokeDasharray="4 2"
36                vectorEffect="non-scaling-stroke"
37              />
38            </g>
39 
40            <g>
41              <path
42                d="M209.5 260L130 260"
43                stroke="currentColor"
44                vectorEffect="non-scaling-stroke"
45              />
46              <path
47                d="M129.5 339.5L129.5 210"
48                stroke="currentColor"
49                vectorEffect="non-scaling-stroke"
50              />
51              <path
52                d="M159.5 260L159.5 210"
53                stroke="currentColor"
54                vectorEffect="non-scaling-stroke"
55              />
56              <path
57                d="M3.09944e-06 210L209.5 210"
58                stroke="currentColor"
59                vectorEffect="non-scaling-stroke"
60              />
61              <path
62                d="M160 240L130.133 240"
63                stroke="currentColor"
64                vectorEffect="non-scaling-stroke"
65              />
66              <path
67                d="M149.5 240L149.5 260"
68                stroke="currentColor"
69                vectorEffect="non-scaling-stroke"
70              />
71            </g>
72 
73            <g>
74              <rect
75                x="159.5"
76                y="210"
77                width="30"
78                height="30"
79                transform="rotate(90 159.5 210)"
80// … truncated