feat: New design and optimization
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
|
||||
import Layout from '@/layouts/client/layout';
|
||||
import artOfWeaving from '@asset/img/art/IMG_4715.jpg';
|
||||
import skill from '@asset/img/material/silk balls.jpg';
|
||||
import skillYarn from '@asset/img/material/silk yarn.jpg';
|
||||
import woolBall from '@asset/img/material/wool balls.jpg';
|
||||
import woolYarn from '@asset/img/material/wool yarn.jpg';
|
||||
import artOfWeaving from '@asset/img/production/IMG_2719.jpg';
|
||||
import { Head } from '@inertiajs/react';
|
||||
import { Flower, Hand, Package, Palette, Shirt } from 'lucide-react';
|
||||
|
||||
@@ -15,11 +15,11 @@ export default function Art() {
|
||||
<Head title="Art of Weaving" />
|
||||
<section>
|
||||
<div className="relative">
|
||||
<div className="absolute h-full w-full bg-white/70"></div>
|
||||
<div className="absolute h-full w-full bg-white/60"></div>
|
||||
<img
|
||||
src={artOfWeaving}
|
||||
alt="Art of Weaving"
|
||||
className="aspect-[16/4] object-cover object-top"
|
||||
className="aspect-[16/4] object-cover object-center"
|
||||
/>
|
||||
<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">
|
||||
The Art of Weaving
|
||||
|
||||
Reference in New Issue
Block a user