diff --git a/public/assets/blobs1.svg b/public/assets/blobs1.svg index e03cf02..826d9ee 100644 --- a/public/assets/blobs1.svg +++ b/public/assets/blobs1.svg @@ -1,29 +1,23 @@ - - - - - - - - - - - - + + + + + + + + + + + + + + + + - - - - - - - - - - - + diff --git a/src/app/about/page.js b/src/app/about/page.js index 7c0ef5e..3090686 100644 --- a/src/app/about/page.js +++ b/src/app/about/page.js @@ -12,7 +12,7 @@ const Page = () => { const [inView, ref] = useView(); return ( -
+
<Picture x={10} diff --git a/src/components/gallery/TablingEvents.jsx b/src/components/gallery/TablingEvents.jsx index 8603b57..886b41d 100644 --- a/src/components/gallery/TablingEvents.jsx +++ b/src/components/gallery/TablingEvents.jsx @@ -9,13 +9,14 @@ import useView from "@/components/useView"; const TablingEvents = () => { const [inView, ref] = useView(); return ( - <div - ref={ref} - className={`${inView && "animate-fade-right animate-once"} mb-14`} - > + <div> <Subtitle text="Food Tabling" color="text-biscuits-green-200" /> - - <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 place-items-center"> + <div + ref={ref} + className={`${ + inView && "animate-fade-right animate-once" + } mb-14 pt-10 grid grid-cols-1 lg:grid-cols-3 gap-8 place-items-center`} + > <Image src={Tabling1} alt="Tabling" /> <Image src={Tabling2} alt="Tabling" /> <Image src={Tabling3} alt="Tabling" />