Skip to content

Commit b5725f6

Browse files
michael-andreuzzamichael-andreuzza
committed
new galleries
1 parent 3aac0ac commit b5725f6

437 files changed

Lines changed: 1664 additions & 410 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎CHANGELOG.md‎

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,167 @@
22

33
## **2025-09-24**
44

5+
### Modified
6+
- avatars: [3 components](https://oxbowui.com/playground/application/avatars)
7+
- badges: [5 components](https://oxbowui.com/playground/application/badges)
8+
- breadcrumbs: [6 components](https://oxbowui.com/playground/application/breadcrumbs)
9+
- checkboxes: [17 components](https://oxbowui.com/playground/application/checkboxes)
10+
- commandbar: [4 components](https://oxbowui.com/playground/application/commandbar)
11+
- emptyStates: [8 components](https://oxbowui.com/playground/application/emptyStates)
12+
- flyouts: [10 components](https://oxbowui.com/playground/application/flyouts)
13+
- navbars: [8 components](https://oxbowui.com/playground/application/navbars)
14+
- notifications: [5 components](https://oxbowui.com/playground/application/notifications)
15+
- pagination: [13 components](https://oxbowui.com/playground/application/pagination)
16+
- radiogroups: [2 components](https://oxbowui.com/playground/application/radiogroups)
17+
- tables: [1 component](https://oxbowui.com/playground/application/tables)
18+
- tabs: [13 components](https://oxbowui.com/playground/application/tabs)
19+
- product-details: [7 components](https://oxbowui.com/playground/ecommerce/product-details)
20+
- product-lists: [10 components](https://oxbowui.com/playground/ecommerce/product-lists)
21+
22+
### Deleted
23+
- navbars: [2 components](https://oxbowui.com/playground/application/navbars)
24+
- pagination: [1 component](https://oxbowui.com/playground/application/pagination)
25+
26+
## **2025-09-24**
27+
28+
### Modified
29+
- avatars: [3 components](https://oxbowui.com/playground/application/avatars)
30+
- badges: [5 components](https://oxbowui.com/playground/application/badges)
31+
- breadcrumbs: [6 components](https://oxbowui.com/playground/application/breadcrumbs)
32+
- checkboxes: [17 components](https://oxbowui.com/playground/application/checkboxes)
33+
- commandbar: [4 components](https://oxbowui.com/playground/application/commandbar)
34+
- emptyStates: [8 components](https://oxbowui.com/playground/application/emptyStates)
35+
- flyouts: [10 components](https://oxbowui.com/playground/application/flyouts)
36+
- navbars: [8 components](https://oxbowui.com/playground/application/navbars)
37+
- notifications: [5 components](https://oxbowui.com/playground/application/notifications)
38+
- pagination: [13 components](https://oxbowui.com/playground/application/pagination)
39+
- radiogroups: [2 components](https://oxbowui.com/playground/application/radiogroups)
40+
- tables: [1 component](https://oxbowui.com/playground/application/tables)
41+
- tabs: [13 components](https://oxbowui.com/playground/application/tabs)
42+
- product-details: [7 components](https://oxbowui.com/playground/ecommerce/product-details)
43+
- product-lists: [10 components](https://oxbowui.com/playground/ecommerce/product-lists)
44+
45+
### Deleted
46+
- navbars: [2 components](https://oxbowui.com/playground/application/navbars)
47+
- pagination: [1 component](https://oxbowui.com/playground/application/pagination)
48+
49+
## **2025-09-24**
50+
51+
### Modified
52+
- avatars: [3 components](https://oxbowui.com/playground/application/avatars)
53+
- badges: [5 components](https://oxbowui.com/playground/application/badges)
54+
- breadcrumbs: [6 components](https://oxbowui.com/playground/application/breadcrumbs)
55+
- checkboxes: [17 components](https://oxbowui.com/playground/application/checkboxes)
56+
- commandbar: [4 components](https://oxbowui.com/playground/application/commandbar)
57+
- emptyStates: [8 components](https://oxbowui.com/playground/application/emptyStates)
58+
- flyouts: [10 components](https://oxbowui.com/playground/application/flyouts)
59+
- navbars: [8 components](https://oxbowui.com/playground/application/navbars)
60+
- notifications: [5 components](https://oxbowui.com/playground/application/notifications)
61+
- pagination: [13 components](https://oxbowui.com/playground/application/pagination)
62+
- radiogroups: [2 components](https://oxbowui.com/playground/application/radiogroups)
63+
- tables: [1 component](https://oxbowui.com/playground/application/tables)
64+
- tabs: [13 components](https://oxbowui.com/playground/application/tabs)
65+
- product-details: [7 components](https://oxbowui.com/playground/ecommerce/product-details)
66+
- product-lists: [10 components](https://oxbowui.com/playground/ecommerce/product-lists)
67+
68+
### Deleted
69+
- navbars: [2 components](https://oxbowui.com/playground/application/navbars)
70+
- pagination: [1 component](https://oxbowui.com/playground/application/pagination)
71+
72+
## **2025-09-24**
73+
74+
### Modified
75+
- avatars: [3 components](https://oxbowui.com/playground/application/avatars)
76+
- badges: [5 components](https://oxbowui.com/playground/application/badges)
77+
- breadcrumbs: [6 components](https://oxbowui.com/playground/application/breadcrumbs)
78+
- checkboxes: [17 components](https://oxbowui.com/playground/application/checkboxes)
79+
- commandbar: [4 components](https://oxbowui.com/playground/application/commandbar)
80+
- emptyStates: [8 components](https://oxbowui.com/playground/application/emptyStates)
81+
- flyouts: [10 components](https://oxbowui.com/playground/application/flyouts)
82+
- navbars: [8 components](https://oxbowui.com/playground/application/navbars)
83+
- notifications: [5 components](https://oxbowui.com/playground/application/notifications)
84+
- pagination: [13 components](https://oxbowui.com/playground/application/pagination)
85+
- radiogroups: [2 components](https://oxbowui.com/playground/application/radiogroups)
86+
- tables: [1 component](https://oxbowui.com/playground/application/tables)
87+
- tabs: [13 components](https://oxbowui.com/playground/application/tabs)
88+
- product-details: [7 components](https://oxbowui.com/playground/ecommerce/product-details)
89+
- product-lists: [10 components](https://oxbowui.com/playground/ecommerce/product-lists)
90+
91+
### Deleted
92+
- navbars: [2 components](https://oxbowui.com/playground/application/navbars)
93+
- pagination: [1 component](https://oxbowui.com/playground/application/pagination)
94+
95+
## **2025-09-24**
96+
97+
### Modified
98+
- avatars: [3 components](https://oxbowui.com/playground/application/avatars)
99+
- badges: [5 components](https://oxbowui.com/playground/application/badges)
100+
- breadcrumbs: [6 components](https://oxbowui.com/playground/application/breadcrumbs)
101+
- checkboxes: [17 components](https://oxbowui.com/playground/application/checkboxes)
102+
- commandbar: [4 components](https://oxbowui.com/playground/application/commandbar)
103+
- emptyStates: [8 components](https://oxbowui.com/playground/application/emptyStates)
104+
- flyouts: [10 components](https://oxbowui.com/playground/application/flyouts)
105+
- navbars: [8 components](https://oxbowui.com/playground/application/navbars)
106+
- notifications: [5 components](https://oxbowui.com/playground/application/notifications)
107+
- pagination: [13 components](https://oxbowui.com/playground/application/pagination)
108+
- radiogroups: [2 components](https://oxbowui.com/playground/application/radiogroups)
109+
- tables: [1 component](https://oxbowui.com/playground/application/tables)
110+
- tabs: [13 components](https://oxbowui.com/playground/application/tabs)
111+
- product-details: [7 components](https://oxbowui.com/playground/ecommerce/product-details)
112+
- product-lists: [10 components](https://oxbowui.com/playground/ecommerce/product-lists)
113+
114+
### Deleted
115+
- navbars: [2 components](https://oxbowui.com/playground/application/navbars)
116+
- pagination: [1 component](https://oxbowui.com/playground/application/pagination)
117+
118+
## **2025-09-24**
119+
120+
### Modified
121+
- avatars: [3 components](https://oxbowui.com/playground/application/avatars)
122+
- badges: [5 components](https://oxbowui.com/playground/application/badges)
123+
- breadcrumbs: [6 components](https://oxbowui.com/playground/application/breadcrumbs)
124+
- checkboxes: [17 components](https://oxbowui.com/playground/application/checkboxes)
125+
- commandbar: [4 components](https://oxbowui.com/playground/application/commandbar)
126+
- emptyStates: [8 components](https://oxbowui.com/playground/application/emptyStates)
127+
- flyouts: [10 components](https://oxbowui.com/playground/application/flyouts)
128+
- navbars: [8 components](https://oxbowui.com/playground/application/navbars)
129+
- notifications: [5 components](https://oxbowui.com/playground/application/notifications)
130+
- pagination: [13 components](https://oxbowui.com/playground/application/pagination)
131+
- radiogroups: [2 components](https://oxbowui.com/playground/application/radiogroups)
132+
- tables: [1 component](https://oxbowui.com/playground/application/tables)
133+
- tabs: [13 components](https://oxbowui.com/playground/application/tabs)
134+
- product-details: [7 components](https://oxbowui.com/playground/ecommerce/product-details)
135+
- product-lists: [10 components](https://oxbowui.com/playground/ecommerce/product-lists)
136+
137+
### Deleted
138+
- navbars: [2 components](https://oxbowui.com/playground/application/navbars)
139+
- pagination: [1 component](https://oxbowui.com/playground/application/pagination)
140+
141+
## **2025-09-24**
142+
143+
### Modified
144+
- avatars: [3 components](https://oxbowui.com/playground/application/avatars)
145+
- badges: [5 components](https://oxbowui.com/playground/application/badges)
146+
- breadcrumbs: [6 components](https://oxbowui.com/playground/application/breadcrumbs)
147+
- checkboxes: [17 components](https://oxbowui.com/playground/application/checkboxes)
148+
- commandbar: [4 components](https://oxbowui.com/playground/application/commandbar)
149+
- emptyStates: [8 components](https://oxbowui.com/playground/application/emptyStates)
150+
- flyouts: [10 components](https://oxbowui.com/playground/application/flyouts)
151+
- navbars: [8 components](https://oxbowui.com/playground/application/navbars)
152+
- notifications: [5 components](https://oxbowui.com/playground/application/notifications)
153+
- pagination: [13 components](https://oxbowui.com/playground/application/pagination)
154+
- radiogroups: [2 components](https://oxbowui.com/playground/application/radiogroups)
155+
- tables: [1 component](https://oxbowui.com/playground/application/tables)
156+
- tabs: [13 components](https://oxbowui.com/playground/application/tabs)
157+
- product-details: [7 components](https://oxbowui.com/playground/ecommerce/product-details)
158+
- product-lists: [10 components](https://oxbowui.com/playground/ecommerce/product-lists)
159+
160+
### Deleted
161+
- navbars: [2 components](https://oxbowui.com/playground/application/navbars)
162+
- pagination: [1 component](https://oxbowui.com/playground/application/pagination)
163+
164+
## **2025-09-24**
165+
5166
### Modified
6167
- avatars: [3 components](https://oxbowui.com/playground/application/avatars)
7168
- badges: [5 components](https://oxbowui.com/playground/application/badges)

‎src/components/oxbow/marketing/gallery/01.astro‎

Lines changed: 34 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,45 @@
11
---
22
export const freeComponent = true;
3+
import { Image } from "astro:assets";
4+
import g1 from "@/images/gallery/1.png";
5+
import g2 from "@/images/gallery/2.png";
6+
import g3 from "@/images/gallery/3.png";
7+
import g4 from "@/images/gallery/4.png";
38
---
49

510
<section class="bg-white dark:bg-zinc-900">
611
<div class="max-w-7xl mx-auto px-8 md:px-12 lg:px-32 py-24">
7-
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:grid-cols-3">
8-
<img src="/images/p1.svg" alt="#_" class="object-cover size-full" />
12+
<div class="grid grid-cols-1 gap-4 lg:grid-cols-3">
13+
<Image
14+
width={600}
15+
height={700}
16+
src={g1}
17+
alt="#_"
18+
class="object-cover aspect-square lg:aspect-auto lg:h-full size-full"
19+
/>
920
<div class="flex flex-col gap-4">
10-
<img src="/images/p1.svg" alt="#_" class="object-cover size-full" />
11-
<img src="/images/p1.svg" alt="#_" class="object-cover size-full" />
21+
<Image
22+
width={600}
23+
height={700}
24+
src={g2}
25+
alt="#_"
26+
class="object-cover aspect-square size-full"
27+
/>
28+
<Image
29+
width={600}
30+
height={700}
31+
src={g3}
32+
alt="#_"
33+
class="object-cover aspect-square size-full"
34+
/>
1235
</div>
13-
<img src="/images/p1.svg" alt="#_" class="object-cover size-full" />
36+
<Image
37+
width={600}
38+
height={700}
39+
src={g4}
40+
alt="#_"
41+
class="object-cover aspect-square lg:aspect-auto lg:h-full size-full"
42+
/>
1443
</div>
1544
</div>
1645
</section>

‎src/components/oxbow/marketing/gallery/02.astro‎

Lines changed: 23 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,25 @@
11
---
22
import Button from "@/components/fundations/buttons/Button.astro";
3+
import { Image } from "astro:assets";
4+
import g1 from "@/images/gallery/1.png";
5+
import g2 from "@/images/gallery/2.png";
6+
import g3 from "@/images/gallery/3.png";
7+
import g4 from "@/images/gallery/4.png";
8+
import g5 from "@/images/gallery/5.png";
9+
import g6 from "@/images/gallery/6.png";
10+
import g7 from "@/images/gallery/7.png";
11+
import g8 from "@/images/gallery/8.png";
12+
13+
314
const gallery = [
4-
{ src: "/images/p1.svg", alt: "Oxbow UI" },
5-
{ src: "/images/p1.svg", alt: "Oxbow UI" },
6-
{ src: "/images/p1.svg", alt: "Oxbow UI" },
7-
{ src: "/images/p1.svg", alt: "Oxbow UI" },
8-
{ src: "/images/p1.svg", alt: "Oxbow UI" },
9-
{ src: "/images/p1.svg", alt: "Oxbow UI" },
10-
{ src: "/images/p1.svg", alt: "Oxbow UI" },
11-
{ src: "/images/p1.svg", alt: "Oxbow UI" },
15+
{ src: g1, alt: "Oxbow UI" },
16+
{ src: g2, alt: "Oxbow UI" },
17+
{ src: g3, alt: "Oxbow UI" },
18+
{ src: g4, alt: "Oxbow UI" },
19+
{ src: g5, alt: "Oxbow UI" },
20+
{ src: g6, alt: "Oxbow UI" },
21+
{ src: g7, alt: "Oxbow UI" },
22+
{ src: g8, alt: "Oxbow UI" },
1223
];
1324
---
1425

@@ -17,16 +28,16 @@ const gallery = [
1728
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:grid-cols-4">
1829
{
1930
gallery.map(({ src, alt }) => (
20-
<img
31+
<Image
2132
src={src}
2233
alt={alt}
2334
class="object-cover size-full aspect-square"
2435
/>
2536
))
2637
}
2738
</div>
28-
<div class="flex justify-center mt-8">
29-
<Button variant="outline" size="sm"> See gallery </Button>
30-
</div>
39+
<Button variant="default" size="sm" class="mt-8 mx-auto">
40+
See gallery
41+
</Button>
3142
</div>
3243
</section>

‎src/components/oxbow/marketing/gallery/03.astro‎

Lines changed: 40 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,62 @@
1+
---
2+
import Text from "@/components/fundations/typography/Text.astro";
3+
import { Image } from "astro:assets";
4+
import g1 from "@/images/gallery/1.png";
5+
import g2 from "@/images/gallery/2.png";
6+
import g3 from "@/images/gallery/3.png";
7+
import g4 from "@/images/gallery/4.png";
8+
9+
---
10+
111
<section class="bg-white dark:bg-zinc-900">
212
<div class="max-w-7xl mx-auto px-8 md:px-12 lg:px-32 py-24">
313
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
4-
<img
5-
src="/images/p1.svg"
14+
<Image
15+
width={500}
16+
height={500}
17+
src={g1}
618
alt="#_"
7-
class="size-full object-cover aspect-[4/2]"
19+
class="size-full object-top object-cover aspect-4/2"
820
/>
9-
<img
10-
src="/images/p1.svg"
21+
<Image
22+
width={500}
23+
height={500}
24+
src={g2}
1125
alt="#_"
12-
class="size-full object-cover aspect-[4/2]"
26+
class="size-full object-top object-cover aspect-4/2"
1327
/>
1428

1529
<div class="order-first py-12 lg:order-none">
16-
17-
<h1
18-
class=" text-4xl font-semibold tracking-tight text-zinc-900 dark:text-white sm:text-balance"
30+
<Text
31+
variant="displayMD"
32+
tag="h2"
33+
class="font-semibold tracking-tight text-zinc-900 dark:text-white sm:text-balance"
1934
>
2035
Explore our visual showcase
21-
</h1>
22-
<p
23-
class="mt-2 text-base font-medium text-zinc-500 dark:text-zinc-400 sm:text-balance"
36+
</Text>
37+
<Text
38+
variant="textSM"
39+
tag="p"
40+
class="mt-2 font-medium text-zinc-500 dark:text-zinc-400 sm:text-balance"
2441
>
2542
A curated collection of images capturing the essence of our brand and
2643
the stories we tell.
27-
</p>
44+
</Text>
2845
</div>
2946
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
30-
<img
31-
src="/images/p1.svg"
47+
<Image
48+
width={500}
49+
height={500}
50+
src={g3}
3251
alt="#_"
33-
class="size-full object-cover aspect-[4/2]"
52+
class="size-full object-top object-cover aspect-4/2"
3453
/>
35-
<img
36-
src="/images/p1.svg"
54+
<Image
55+
width={500}
56+
height={500}
57+
src={g4}
3758
alt="#_"
38-
class="size-full object-cover aspect-[4/2]"
59+
class="size-full object-top object-cover aspect-4/2"
3960
/>
4061
</div>
4162
</div>

0 commit comments

Comments
 (0)