import { jsx, Fragment, jsxs } from "react/jsx-runtime"; import { T as Tabs, a as TabsList, b as TabsTrigger, c as TabsContent } from "./tabs-C0o9riYx.js"; import { L as Layout } from "./layout-toNsB0Jp.js"; import { Head } from "@inertiajs/react"; import { Shirt, Palette, Hand, Flower, Package } from "lucide-react"; import "@radix-ui/react-tabs"; import "./index-CY6fYws-.js"; import "@radix-ui/react-slot"; import "class-variance-authority"; import "clsx"; import "tailwind-merge"; import "./input-DfkIsvXR.js"; import "./label-DrpjkvJN.js"; import "@radix-ui/react-label"; import "@icons-pack/react-simple-icons"; import "./select-CsRyyQUa.js"; import "@radix-ui/react-select"; import "./sheet-Bq2cyJmx.js"; import "@radix-ui/react-dialog"; const skill = "/build/assets/silk%20balls-DWY7AS8B.jpg"; const skillYarn = "/build/assets/silk%20yarn-CqpV2kWc.jpg"; const woolBall = "/build/assets/wool%20balls-DG1FtOmh.jpg"; const woolYarn = "/build/assets/wool%20yarn-BKbNSfod.jpg"; const artOfWeaving = "/build/assets/IMG_2719-CBS9fSAo.jpg"; function Art() { return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Layout, { children: [ /* @__PURE__ */ jsx(Head, { title: "Art of Weaving" }), /* @__PURE__ */ jsxs("section", { children: [ /* @__PURE__ */ jsxs("div", { className: "relative", children: [ /* @__PURE__ */ jsx("div", { className: "absolute h-full w-full bg-white/60" }), /* @__PURE__ */ jsx( "img", { src: artOfWeaving, alt: "Art of Weaving", className: "aspect-[16/4] object-cover object-center" } ), /* @__PURE__ */ jsx("h1", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 font-serif text-7xl font-medium tracking-tight", children: "The Art of Weaving" }) ] }), /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-screen-2xl flex-col gap-12 px-12 py-12", children: [ /* @__PURE__ */ jsx("h2", { className: "text-center font-serif text-4xl font-medium", children: "Our Craft: From Fiber to Fine Rug" }), /* @__PURE__ */ jsxs( Tabs, { defaultValue: "wool", className: "grid grid-cols-4 gap-8", children: [ /* @__PURE__ */ jsxs(TabsList, { className: "!h-auto w-full flex-col", children: [ /* @__PURE__ */ jsxs( TabsTrigger, { value: "wool", className: "flex w-full gap-2 py-4", children: [ /* @__PURE__ */ jsx(Shirt, { size: 24 }), " Wool Selection & Sorting" ] } ), /* @__PURE__ */ jsxs( TabsTrigger, { value: "dyeing", className: "w-full py-4", children: [ /* @__PURE__ */ jsx(Palette, {}), " Artisan Dyeing" ] } ), /* @__PURE__ */ jsxs( TabsTrigger, { value: "hand", className: "w-full py-4", children: [ /* @__PURE__ */ jsx(Hand, {}), " Hand Weaving" ] } ), /* @__PURE__ */ jsxs( TabsTrigger, { value: "finish", className: "w-full py-4", children: [ /* @__PURE__ */ jsx(Flower, {}), " Finishing & Washing" ] } ), /* @__PURE__ */ jsxs( TabsTrigger, { value: "quality", className: "w-full py-4", children: [ /* @__PURE__ */ jsx(Package, {}), " Quality Control & Packing" ] } ) ] }), /* @__PURE__ */ jsxs("div", { className: "col-span-3", children: [ /* @__PURE__ */ jsx(TabsContent, { value: "wool", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [ /* @__PURE__ */ jsx("p", { className: "font-serif text-2xl font-medium", children: "Wool Selection & Sorting" }), /* @__PURE__ */ jsx("p", { children: "Careful selection of the finest wool fibers, meticulously sorted by quality and texture to ensure only the best make it into our carpets." }) ] }) }), /* @__PURE__ */ jsx(TabsContent, { value: "dyeing", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [ /* @__PURE__ */ jsx("p", { className: "font-serif text-2xl font-medium", children: "Artisan Dyeing" }), /* @__PURE__ */ jsx("p", { children: "Fibers are dyed using traditional methods and natural pigments, achieving rich, vibrant, and enduring colors that tell a story." }) ] }) }), /* @__PURE__ */ jsx(TabsContent, { value: "hand", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [ /* @__PURE__ */ jsx("p", { className: "font-serif text-2xl font-medium", children: "Hand Weaving" }), /* @__PURE__ */ jsx("p", { children: "Skilled artisans hand-weave each knot with precision and passion, creating intricate patterns and unparalleled durability." }) ] }) }), /* @__PURE__ */ jsx(TabsContent, { value: "finish", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [ /* @__PURE__ */ jsx("p", { className: "font-serif text-2xl font-medium", children: "Finishing & Washing" }), /* @__PURE__ */ jsx("p", { children: "Carpets undergo specialized washing, shearing, and meticulous hand-finishing to enhance their luster and softness." }) ] }) }), /* @__PURE__ */ jsx(TabsContent, { value: "quality", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [ /* @__PURE__ */ jsx("p", { className: "font-serif text-2xl font-medium", children: "Quality Control & Packing" }), /* @__PURE__ */ jsx("p", { children: "Each rug passes rigorous quality checks before being carefully packed for its journey to your home, ensuring perfection." }) ] }) }) ] }) ] } ) ] }), /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-screen-2xl flex-col gap-12 px-12 py-8", children: [ /* @__PURE__ */ jsx("h3", { className: "text-center font-serif text-4xl font-medium", children: "Exquisite Materials" }), /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-6", children: [ /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [ /* @__PURE__ */ jsx( "img", { src: skill, alt: "Skill ball", className: "aspect-square rounded-lg object-cover object-center" } ), /* @__PURE__ */ jsx("p", { className: "font-serif text-lg font-medium", children: "Skill Ball" }) ] }), /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [ /* @__PURE__ */ jsx( "img", { src: skillYarn, alt: "Skill yarn", className: "aspect-square rounded-lg object-cover object-center" } ), /* @__PURE__ */ jsx("p", { className: "font-serif text-lg font-medium", children: "Skill Yarn" }) ] }), /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [ /* @__PURE__ */ jsx( "img", { src: woolBall, alt: "wool ball", className: "aspect-square rounded-lg object-cover object-center" } ), /* @__PURE__ */ jsx("p", { className: "font-serif text-lg font-medium", children: "Wool Ball" }) ] }), /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [ /* @__PURE__ */ jsx( "img", { src: woolYarn, alt: "wool yarn", className: "aspect-square rounded-lg object-cover object-center" } ), /* @__PURE__ */ jsx("p", { className: "font-serif text-lg font-medium", children: "Wool Yarn" }) ] }) ] }) ] }) ] }) ] }) }); } export { Art as default };