1c:I[320794,["/_next/static/immutable/chunks/1ehsw69l6w4pf.js","/_next/static/immutable/chunks/2w_t3n48vr9m4.js","/_next/static/immutable/chunks/320_iotr7e1t7.js","/_next/static/immutable/chunks/30ocl4e20dtly.js","/_next/static/immutable/chunks/3uogrpuub6m7a.js","/_next/static/immutable/chunks/1_01q7me9bsmu.js","/_next/static/immutable/chunks/20jfdf5xs1sr8.js"],"CategoryHashScroll"] 1d:I[204774,["/_next/static/immutable/chunks/1ehsw69l6w4pf.js","/_next/static/immutable/chunks/2w_t3n48vr9m4.js","/_next/static/immutable/chunks/320_iotr7e1t7.js","/_next/static/immutable/chunks/30ocl4e20dtly.js","/_next/static/immutable/chunks/3uogrpuub6m7a.js","/_next/static/immutable/chunks/1_01q7me9bsmu.js","/_next/static/immutable/chunks/20jfdf5xs1sr8.js"],"default"] 1e:I[926430,["/_next/static/immutable/chunks/1ehsw69l6w4pf.js","/_next/static/immutable/chunks/2w_t3n48vr9m4.js","/_next/static/immutable/chunks/320_iotr7e1t7.js","/_next/static/immutable/chunks/30ocl4e20dtly.js","/_next/static/immutable/chunks/3uogrpuub6m7a.js","/_next/static/immutable/chunks/1_01q7me9bsmu.js","/_next/static/immutable/chunks/20jfdf5xs1sr8.js"],"BlockPreviewToolbar"] 1f:T772,import Link from "next/link" import { LinkedinIcon } from "@/components/ui/svgs/linkedinIcon" import { LinkedinIconDark } from "@/components/ui/svgs/linkedinIconDark" import { X } from "@/components/ui/svgs/x" import { XDark } from "@/components/ui/svgs/xDark" import { Youtube } from "@/components/ui/svgs/youtube" import ContactForm from "./contact-form" export default function ContactSectionV1() { return (

Let's collaborate

Find us

) } 20:T269f,

import Link from "next/link"

import { LinkedinIcon } from "@/components/ui/svgs/linkedinIcon"
import { LinkedinIconDark } from "@/components/ui/svgs/linkedinIconDark"
import { X } from "@/components/ui/svgs/x"
import { XDark } from "@/components/ui/svgs/xDark"
import { Youtube } from "@/components/ui/svgs/youtube"

import ContactForm from "./contact-form"

export default function ContactSectionV1() {
  return (
    <section className="py-16 md:py-20 lg:py-24">
      <div className="mx-auto grid max-w-6xl gap-16 px-4 md:grid-cols-2 md:gap-12">
        <div className="flex flex-col justify-between gap-16">
          <h2 className="text-5xl font-light tracking-tight text-foreground sm:text-6xl lg:text-7xl">
            Let&apos;s collaborate
          </h2>

          <div className="flex flex-col gap-3 text-sm">
            <p className="font-medium text-foreground">Find us</p>
            <div className="flex items-center gap-4">
              <Link
                href="#"
                aria-label="YouTube"
                className="transition-opacity hover:opacity-70"
              >
                <Youtube className="h-5 w-auto" />
              </Link>
              <Link
                href="#"
                aria-label="LinkedIn"
                className="transition-opacity hover:opacity-70"
              >
                <LinkedinIcon className="size-5 dark:hidden" />
                <LinkedinIconDark className="hidden size-5 dark:block" />
              </Link>
              <Link
                href="#"
                aria-label="X"
                className="transition-opacity hover:opacity-70"
              >
                <X className="size-5 dark:hidden" />
                <XDark className="hidden size-5 dark:block" />
              </Link>
            </div>
          </div>
        </div>

        <ContactForm />
      </div>
    </section>
  )
}

21:T269e,

import Link from "next/link"

import { LinkedinIcon } from "@/components/ui/svgs/linkedinIcon"
import { LinkedinIconDark } from "@/components/ui/svgs/linkedinIconDark"
import { X } from "@/components/ui/svgs/x"
import { XDark } from "@/components/ui/svgs/xDark"
import { Youtube } from "@/components/ui/svgs/youtube"

import ContactForm from "./contact-form"

export default function ContactSectionV1() {
  return (
    <section className="py-16 md:py-20 lg:py-24">
      <div className="mx-auto grid max-w-6xl gap-16 px-4 md:grid-cols-2 md:gap-12">
        <div className="flex flex-col justify-between gap-16">
          <h2 className="text-5xl font-light tracking-tight text-foreground sm:text-6xl lg:text-7xl">
            Let&apos;s collaborate
          </h2>

          <div className="flex flex-col gap-3 text-sm">
            <p className="font-medium text-foreground">Find us</p>
            <div className="flex items-center gap-4">
              <Link
                href="#"
                aria-label="YouTube"
                className="transition-opacity hover:opacity-70"
              >
                <Youtube className="h-5 w-auto" />
              </Link>
              <Link
                href="#"
                aria-label="LinkedIn"
                className="transition-opacity hover:opacity-70"
              >
                <LinkedinIcon className="size-5 dark:hidden" />
                <LinkedinIconDark className="hidden size-5 dark:block" />
              </Link>
              <Link
                href="#"
                aria-label="X"
                className="transition-opacity hover:opacity-70"
              >
                <X className="size-5 dark:hidden" />
                <XDark className="hidden size-5 dark:block" />
              </Link>
            </div>
          </div>
        </div>

        <ContactForm />
      </div>
    </section>
  )
}

22:T817,"use client" import type { FormEvent } from "react" import { ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Field, FieldGroup, FieldLabel } from "@/components/ui/field" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" export default function ContactForm() { function handleSubmit(event: FormEvent) { event.preventDefault() // Wire this up to your own endpoint or form service. } return (

Name Email

Company (optional) Message

</Field>
 <Button type="submit" className="w-full sm:w-fit">
 Send message
 <ArrowRight className="size-4" />
 </Button>
 </FieldGroup>
 </form>
 )
}
23:T2e52,<pre class="shiki vercel-docs-light" style="background-color:#ffffff;color:#171717" tabindex="0"><code>"use client"

import type { FormEvent } from "react"
import { ArrowRight } from "lucide-react"

import { Button } from "@/components/ui/button"
import { Field, FieldGroup, FieldLabel } from "@/components/ui/field"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"

export default function ContactForm() {
 function handleSubmit(event: FormEvent<HTMLFormElement>) {
 event.preventDefault()
 // Wire this up to your own endpoint or form service.
 }

 return (
 <form onSubmit={handleSubmit}>
 <FieldGroup>
 <div className="grid gap-5 sm:grid-cols-2">
 <Field>
 <FieldLabel htmlFor="contact-name">Name</FieldLabel>
 <Input
 id="contact-name"
 name="name"
 autoComplete="name"
 placeholder="Jane Doe"
 required
 />
 </Field>
 <Field>
 <FieldLabel htmlFor="contact-email">Email</FieldLabel>
 <Input
 id="contact-email"
 name="email"
 type="email"
 autoComplete="email"
 placeholder="jane@acme.com"
 required
 />
 </Field>
 </div>
 <Field>
 <FieldLabel htmlFor="contact-company">
 Company <span className="text-muted-foreground">(optional)</span>
 </FieldLabel>
 <Input
 id="contact-company"
 name="company"
 autoComplete="organization"
 placeholder="Acme"
 />
 </Field>
 <Field>
 <FieldLabel htmlFor="contact-message">Message</FieldLabel>
 <Textarea
 id="contact-message"
 name="message"
 placeholder="A few lines about the project, timeline, and budget."
 required
 />
 </Field>
 <Button type="submit" className="w-full sm:w-fit">
 Send message
 <ArrowRight className="size-4" />
 </Button>
 </FieldGroup>
 </form>
 )
}
</code></pre>24:T2e51,<pre class="shiki vercel-docs-dark" style="background-color:#000000;color:#eeeeee" tabindex="0"><code>"use client"

import type { FormEvent } from "react"
import { ArrowRight } from "lucide-react"

import { Button } from "@/components/ui/button"
import { Field, FieldGroup, FieldLabel } from "@/components/ui/field"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"

export default function ContactForm() {
 function handleSubmit(event: FormEvent<HTMLFormElement>) {
 event.preventDefault()
 // Wire this up to your own endpoint or form service.
 }

 return (
 <form onSubmit={handleSubmit}>
 <FieldGroup>
 <div className="grid gap-5 sm:grid-cols-2">
 <Field>
 <FieldLabel htmlFor="contact-name">Name</FieldLabel>
 <Input
 id="contact-name"
 name="name"
 autoComplete="name"
 placeholder="Jane Doe"
 required
 />
 </Field>
 <Field>
 <FieldLabel htmlFor="contact-email">Email</FieldLabel>
 <Input
 id="contact-email"
 name="email"
 type="email"
 autoComplete="email"
 placeholder="jane@acme.com"
 required
 />
 </Field>
 </div>
 <Field>
 <FieldLabel htmlFor="contact-company">
 Company <span className="text-muted-foreground">(optional)</span>
 </FieldLabel>
 <Input
 id="contact-company"
 name="company"
 autoComplete="organization"
 placeholder="Acme"
 />
 </Field>
 <Field>
 <FieldLabel htmlFor="contact-message">Message</FieldLabel>
 <Textarea
 id="contact-message"
 name="message"
 placeholder="A few lines about the project, timeline, and budget."
 required
 />
 </Field>
 <Button type="submit" className="w-full sm:w-fit">
 Send message
 <ArrowRight className="size-4" />
 </Button>
 </FieldGroup>
 </form>
 )
}
</code></pre>25:Ta7d,<pre class="shiki vercel-docs-light" style="background-color:#ffffff;color:#171717" tabindex="0"><code>import type { SVGProps } from "react";

const LinkedinIcon = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} fill="none" viewBox="0 0 24 24">
 <path
 fill="#000"
 d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zM7.119 20.452H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
 />
 </svg>
);

export { LinkedinIcon };
</code></pre>26:Ta7c,<pre class="shiki vercel-docs-dark" style="background-color:#000000;color:#eeeeee" tabindex="0"><code>import type { SVGProps } from "react";

const LinkedinIcon = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} fill="none" viewBox="0 0 24 24">
 <path
 fill="#000"
 d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zM7.119 20.452H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
 />
 </svg>
);

export { LinkedinIcon };
</code></pre>27:Ta85,<pre class="shiki vercel-docs-light" style="background-color:#ffffff;color:#171717" tabindex="0"><code>import type { SVGProps } from "react";

const LinkedinIconDark = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} fill="none" viewBox="0 0 24 24">
 <path
 fill="#fff"
 d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zM7.119 20.452H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
 />
 </svg>
);

export { LinkedinIconDark };
</code></pre>28:Ta84,<pre class="shiki vercel-docs-dark" style="background-color:#000000;color:#eeeeee" tabindex="0"><code>import type { SVGProps } from "react";

const LinkedinIconDark = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} fill="none" viewBox="0 0 24 24">
 <path
 fill="#fff"
 d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zM7.119 20.452H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
 />
 </svg>
);

export { LinkedinIconDark };
</code></pre>29:T9d2,<pre class="shiki vercel-docs-light" style="background-color:#ffffff;color:#171717" tabindex="0"><code>import type { SVGProps } from "react";

const X = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} fill="none" viewBox="0 0 1200 1227">
 <path
 fill="#000"
 d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"
 />
 </svg>
);

export { X };
</code></pre>2a:T9d1,<pre class="shiki vercel-docs-dark" style="background-color:#000000;color:#eeeeee" tabindex="0"><code>import type { SVGProps } from "react";

const X = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} fill="none" viewBox="0 0 1200 1227">
 <path
 fill="#000"
 d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"
 />
 </svg>
);

export { X };
</code></pre>2b:T9da,<pre class="shiki vercel-docs-light" style="background-color:#ffffff;color:#171717" tabindex="0"><code>import type { SVGProps } from "react";

const XDark = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} fill="none" viewBox="0 0 1200 1227">
 <path
 fill="#fff"
 d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"
 />
 </svg>
);

export { XDark };
</code></pre>2c:T9d9,<pre class="shiki vercel-docs-dark" style="background-color:#000000;color:#eeeeee" tabindex="0"><code>import type { SVGProps } from "react";

const XDark = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} fill="none" viewBox="0 0 1200 1227">
 <path
 fill="#fff"
 d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"
 />
 </svg>
);

export { XDark };
</code></pre>2d:Tbbc,<pre class="shiki vercel-docs-light" style="background-color:#ffffff;color:#171717" tabindex="0"><code>import type { SVGProps } from "react";

const Youtube = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} preserveAspectRatio="xMidYMid" viewBox="0 0 256 180">
 <path
 fill="red"
 d="M250.346 28.075A32.18 32.18 0 0 0 227.69 5.418C207.824 0 127.87 0 127.87 0S47.912.164 28.046 5.582A32.18 32.18 0 0 0 5.39 28.24c-6.009 35.298-8.34 89.084.165 122.97a32.18 32.18 0 0 0 22.656 22.657c19.866 5.418 99.822 5.418 99.822 5.418s79.955 0 99.82-5.418a32.18 32.18 0 0 0 22.657-22.657c6.338-35.348 8.291-89.1-.164-123.134Z"
 />
 <path fill="#FFF" d="m102.421 128.06 66.328-38.418-66.328-38.418z" />
 </svg>
);

export { Youtube };
</code></pre>2e:Tbbb,<pre class="shiki vercel-docs-dark" style="background-color:#000000;color:#eeeeee" tabindex="0"><code>import type { SVGProps } from "react";

const Youtube = (props: SVGProps<SVGSVGElement>) => (
 <svg {...props} preserveAspectRatio="xMidYMid" viewBox="0 0 256 180">
 <path
 fill="red"
 d="M250.346 28.075A32.18 32.18 0 0 0 227.69 5.418C207.824 0 127.87 0 127.87 0S47.912.164 28.046 5.582A32.18 32.18 0 0 0 5.39 28.24c-6.009 35.298-8.34 89.084.165 122.97a32.18 32.18 0 0 0 22.656 22.657c19.866 5.418 99.822 5.418 99.822 5.418s79.955 0 99.82-5.418a32.18 32.18 0 0 0 22.657-22.657c6.338-35.348 8.291-89.1-.164-123.134Z"
 />
 <path fill="#FFF" d="m102.421 128.06 66.328-38.418-66.328-38.418z" />
 </svg>
);

export { Youtube };
</code></pre>13:["$","div",null,{"className":"pb-14 md:pb-20","children":[["$","$L1c",null,{}],["$","div",null,{"className":"mx-auto w-full max-w-6xl px-6","children":[["$","div",null,{"className":"mb-12 flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between","children":[["$","h1",null,{"className":"text-3xl tracking-tighter md:text-4xl","children":["All ","Contact"," Blocks"]}],["$","$L12",null,{"href":"/blocks","children":[["$","$L1d",null,{"ref":"$undefined","iconNode":[["path",{"d":"m15 18-6-6 6-6","key":"1wnfg3"}]],"className":"lucide-chevron-left","data-icon":"inline-start"}],"Back"],"data-slot":"button","data-variant":"outline","data-size":"sm","className":"group/button inline-flex shrink-0 items-center justify-center border bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5","ref":null}]]}],["$","div",null,{"className":"mt-8 space-y-16","children":[["$","section","contact-section-v1",{"id":"contact-section-v1","className":"scroll-mt-24","children":["$","$L1e",null,{"version":{"id":"contact-section-v1","title":"Contact Section v1","registryPath":"registry/new-york/blocks/contact-section-v1"},"registryData":{"files":[{"path":"app/contact-section-v1/page.tsx","content":"import ContactSectionV1 from \"./components/contact-section-v1\"\n\nexport default function Page() {\n return <ContactSectionV1 />\n}\n","htmlLight":"<pre class=\"shiki vercel-docs-light\" style=\"background-color:#ffffff;color:#171717\" tabindex=\"0\"><code>import ContactSectionV1 from \"./components/contact-section-v1\"\n\nexport default function Page() {\n return <ContactSectionV1 />\n}\n</code></pre>","htmlDark":"<pre class=\"shiki vercel-docs-dark\" style=\"background-color:#000000;color:#eeeeee\" tabindex=\"0\"><code>import ContactSectionV1 from \"./components/contact-section-v1\"\n\nexport default function Page() {\n return <ContactSectionV1 />\n}\n</code></pre>","markdownHtml":""},{"path":"app/contact-section-v1/components/contact-section-v1.tsx","content":"$1f","htmlLight":"$20","htmlDark":"$21","markdownHtml":""},{"path":"app/contact-section-v1/components/contact-form.tsx","content":"$22","htmlLight":"$23","htmlDark":"$24","markdownHtml":""},{"path":"@ui/svgs/linkedinIcon.tsx","content":"import type { SVGProps } from \"react\";\n\nconst LinkedinIcon = (props: SVGProps<SVGSVGElement>) => (\n <svg {...props} fill=\"none\" viewBox=\"0 0 24 24\">\n <path\n fill=\"#000\"\n d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zM7.119 20.452H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\n />\n </svg>\n);\n\nexport { LinkedinIcon };\n","htmlLight":"$25","htmlDark":"$26","markdownHtml":""},{"path":"@ui/svgs/linkedinIconDark.tsx","content":"import type { SVGProps } from \"react\";\n\nconst LinkedinIconDark = (props: SVGProps<SVGSVGElement>) => (\n <svg {...props} fill=\"none\" viewBox=\"0 0 24 24\">\n <path\n fill=\"#fff\"\n d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zM7.119 20.452H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\n />\n </svg>\n);\n\nexport { LinkedinIconDark };\n","htmlLight":"$27","htmlDark":"$28","markdownHtml":""},{"path":"@ui/svgs/x.tsx","content":"import type { SVGProps } from \"react\";\n\nconst X = (props: SVGProps<SVGSVGElement>) => (\n <svg {...props} fill=\"none\" viewBox=\"0 0 1200 1227\">\n <path\n fill=\"#000\"\n d=\"M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z\"\n />\n </svg>\n);\n\nexport { X };\n","htmlLight":"$29","htmlDark":"$2a","markdownHtml":""},{"path":"@ui/svgs/xDark.tsx","content":"import type { SVGProps } from \"react\";\n\nconst XDark = (props: SVGProps<SVGSVGElement>) => (\n <svg {...props} fill=\"none\" viewBox=\"0 0 1200 1227\">\n <path\n fill=\"#fff\"\n d=\"M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z\"\n />\n </svg>\n);\n\nexport { XDark };\n","htmlLight":"$2b","htmlDark":"$2c","markdownHtml":""},{"path":"@ui/svgs/youtube.tsx","content":"import type { SVGProps } from \"react\";\n\nconst Youtube = (props: SVGProps<SVGSVGElement>) => (\n <svg {...props} preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 256 180\">\n <path\n fill=\"red\"\n d=\"M250.346 28.075A32.18 32.18 0 0 0 227.69 5.418C207.824 0 127.87 0 127.87 0S47.912.164 28.046 5.582A32.18 32.18 0 0 0 5.39 28.24c-6.009 35.298-8.34 89.084.165 122.97a32.18 32.18 0 0 0 22.656 22.657c19.866 5.418 99.822 5.418 99.822 5.418s79.955 0 99.82-5.418a32.18 32.18 0 0 0 22.657-22.657c6.338-35.348 8.291-89.1-.164-123.134Z\"\n />\n <path fill=\"#FFF\" d=\"m102.421 128.06 66.328-38.418-66.328-38.418z\" />\n </svg>\n);\n\nexport { Youtube };\n","htmlLight":"$2d","htmlDark":"$2e","markdownHtml":""}],"installCommand":"npx shadcn@latest add \"https://uiception.com/r/contact-section-v1.json\"","installCommandDisplay":"npx shadcn add contact-section-v1"}}]}]]}]]}]]}]
</article></body></html>

All Contact Blocks