187 lines
8.9 KiB
JavaScript
187 lines
8.9 KiB
JavaScript
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
|
|
};
|