11---
22import Layout from ' ~/layouts/PageLayout.astro' ;
33
4+ import Tick from ' ~/components/ui/Tick.astro' ;
45import Hero from ' ~/components/widgets/Hero.astro' ;
56// import CallToAction from '~/components/widgets/CallToAction.astro';
67import Prices from ' ~/components/widgets/Pricing.astro' ;
78import FAQs from ' ~/components/widgets/FAQs.astro' ;
9+ import WidgetWrapper from ' ~/components/ui/WidgetWrapper.astro' ;
10+ import Headline from ' ~/components/ui/Headline.astro' ;
811
912const metadata = {
1013 title: ' Pre-Launch Landing Page' ,
@@ -46,10 +49,10 @@ const metadata = {
4649 period: ' per month' ,
4750 items: [
4851 {
49- description: ' Unlimited albums .' ,
52+ description: ' Unlimited users .' ,
5053 },
5154 {
52- description: ' Unlimited users .' ,
55+ description: ' Unlimited albums .' ,
5356 },
5457 {
5558 description: ' Unlimited photos upload.' ,
@@ -70,15 +73,18 @@ const metadata = {
7073 price: 5 ,
7174 period: ' Per Month' ,
7275 items: [
73- {
74- description: ' Unlimited albums.' ,
75- },
7676 {
7777 description: ' Unlimited users.' ,
7878 },
79+ {
80+ description: ' Unlimited albums.' ,
81+ },
7982 {
8083 description: ' Unlimited photos upload.' ,
8184 },
85+ {
86+ description: ' Statistics on your library.' ,
87+ },
8288 {
8389 description: ' more to come...' ,
8490 icon: ' tabler:question-mark' ,
@@ -91,14 +97,216 @@ const metadata = {
9197 ],
9298 callToAction: {
9399 target: ' _blank' ,
94- text: ' Get started ' ,
95- href: ' # ' ,
100+ text: ' Support us! ' ,
101+ href: ' https://github.com/sponsors/LycheeOrg ' ,
96102 },
97103 hasRibbon: true ,
98104 ribbonTitle: ' popular' ,
99105 }
100106 ]}
101107 />
108+ <!-- TODO : add table with all the functionalities of Lychee detailed. -->
109+ <WidgetWrapper id ={ " fullDetails" } isDark ={ false } containerClass ={ ` max-w-3xl mx-auto ` } >
110+ <Headline title ={ " Full comparison" }
111+ tagline ={ " the essentials and a few more" }
112+ />
113+ <!-- subtitle={subtitle} -->
114+ <div >
115+ <table class =" w-full border-collapse border border-neutral-200 dark:border-neutral-800" >
116+ <thead >
117+ <tr class =" bg-neutral-100 dark:bg-neutral-700" >
118+ <th class =" p-2 text-xl font-bold text-left" >Features</th >
119+ <th class =" p-2 text-xl font-bold" >Free</th >
120+ <th class =" p-2 text-xl font-bold" >Lychee <span class =" text-sky-600" >SE</span ></th >
121+ </tr >
122+ </thead >
123+ <tbody >
124+ <tr class =" bg-neutral-50 dark:bg-neutral-800" >
125+ <td class =" p-2 font-semibold" >Global</td >
126+ <td class =" p-2 text-center" ></td >
127+ <td class =" p-2 text-center" ></td >
128+ </tr >
129+ <tr class =" " >
130+ <td class =" px-2 text-muted" ><span class =" text-black dark:text-neutral-400/50 font-bold" >Dark</span > and <span class =" text-neutral-500 dark:text-neutral-100 font-bold" >Light</span > themes</td >
131+ <td class =" px-2 text-center" ><Tick /></td >
132+ <td class =" px-2 text-center" ><Tick /></td >
133+ </tr >
134+ <tr class =" " >
135+ <td class =" px-2 text-muted" >Unlimited photos upload</td >
136+ <td class =" px-2 text-center" ><Tick /></td >
137+ <td class =" px-2 text-center" ><Tick /></td >
138+ </tr >
139+ <tr class =" " >
140+ <td class =" px-2 text-muted" >Unlimited number of albums</td >
141+ <td class =" px-2 text-center" ><Tick /></td >
142+ <td class =" px-2 text-center" ><Tick /></td >
143+ </tr >
144+ <tr class =" " >
145+ <td class =" px-2 text-muted" >Unlimited number of users</td >
146+ <td class =" px-2 text-center" ><Tick /></td >
147+ <td class =" px-2 text-center" ><Tick /></td >
148+ </tr >
149+ <tr class =" " >
150+ <td class =" px-2 text-muted" >Multiple language supported</td >
151+ <td class =" px-2 text-center" ><Tick /></td >
152+ <td class =" px-2 text-center" ><Tick /></td >
153+ </tr >
154+
155+ <tr class =" bg-neutral-50 dark:bg-neutral-800" >
156+ <td class =" p-2 font-semibold" >Photo management</td >
157+ <td class =" p-2 text-center" ></td >
158+ <td class =" p-2 text-center" ></td >
159+ </tr >
160+ <tr class =" " >
161+ <td class =" px-2 text-muted" >Full sizes and other variants</td >
162+ <td class =" px-2 text-center" ><Tick /></td >
163+ <td class =" px-2 text-center" ><Tick /></td >
164+ </tr >
165+ <tr class =" " >
166+ <td class =" px-2 text-muted" >Auto rotation on import</td >
167+ <td class =" px-2 text-center" ><Tick /></td >
168+ <td class =" px-2 text-center" ><Tick /></td >
169+ </tr >
170+ <tr class =" " >
171+ <td class =" px-2 text-muted" >Exif Data decoding</td >
172+ <td class =" px-2 text-center" ><Tick /></td >
173+ <td class =" px-2 text-center" ><Tick /></td >
174+ </tr >
175+ <tr class =" " >
176+ <td class =" px-2 text-muted" >Localization data reverse search</td >
177+ <td class =" px-2 text-center" ><Tick /></td >
178+ <td class =" px-2 text-center" ><Tick /></td >
179+ </tr >
180+ <tr class =" " >
181+ <td class =" px-2 text-muted" >Upload by chunks</td >
182+ <td class =" px-2 text-center" ><Tick /></td >
183+ <td class =" px-2 text-center" ><Tick /></td >
184+ </tr >
185+ <tr class =" " >
186+ <td class =" px-2 text-muted" >Zip & download</td >
187+ <td class =" px-2 text-center" ><Tick /></td >
188+ <td class =" px-2 text-center" ><Tick /></td >
189+ </tr >
190+
191+
192+ <tr class =" bg-neutral-50 dark:bg-neutral-800" >
193+ <td class =" p-2 font-bold" >Album management</td >
194+ <td class =" px-2 text-center" ></td >
195+ <td class =" px-2 text-center" ></td >
196+ </tr >
197+ <tr class =" " >
198+ <td class =" px-2 text-muted" >Smart albums</td >
199+ <td class =" px-2 text-center" ><Tick /></td >
200+ <td class =" px-2 text-center" ><Tick /></td >
201+ </tr >
202+ <tr class =" " >
203+ <td class =" px-2 text-muted" >Unlimited photos per album</td >
204+ <td class =" px-2 text-center" ><Tick /></td >
205+ <td class =" px-2 text-center" ><Tick /></td >
206+ </tr >
207+ <tr class =" " >
208+ <td class =" px-2 text-muted" >Possibility to create an album within another album</td >
209+ <td class =" px-2 text-center" ><Tick /></td >
210+ <td class =" px-2 text-center" ><Tick /></td >
211+ </tr >
212+ <tr class =" " >
213+ <td class =" px-2 text-muted" >Zip & download</td >
214+ <td class =" px-2 text-center" ><Tick /></td >
215+ <td class =" px-2 text-center" ><Tick /></td >
216+ </tr >
217+ <tr class =" " >
218+ <td class =" px-2 text-muted" >Custom sorting per album</td >
219+ <td class =" px-2 text-center" ><Tick /></td >
220+ <td class =" px-2 text-center" ><Tick /></td >
221+ </tr >
222+ <tr class =" " >
223+ <td class =" px-2 text-muted" >Justified/Masonry/Square photo layout</td >
224+ <td class =" px-2 text-center" ><Tick /></td >
225+ <td class =" px-2 text-center" ><Tick /></td >
226+ </tr >
227+ <tr class =" " >
228+ <td class =" px-2 text-muted" >Photo layout customizable per album</td >
229+ <td class =" px-2 text-center" ><Tick /></td >
230+ <td class =" px-2 text-center" ><Tick /></td >
231+ </tr >
232+ <tr class =" " >
233+ <td class =" px-2 text-muted" >Selectable hero header photo per album</td >
234+ <td class =" px-2 text-center" ><Tick /></td >
235+ <td class =" px-2 text-center" ><Tick /></td >
236+ </tr >
237+ <tr class =" " >
238+ <td class =" px-2 text-muted" >Slideshow with previous & next</td >
239+ <td class =" px-2 text-center" ><Tick /></td >
240+ <td class =" px-2 text-center" ><Tick /></td >
241+ </tr >
242+
243+
244+ <tr class =" bg-neutral-50 dark:bg-neutral-800" >
245+ <td class =" p-2 font-bold" >User management</td >
246+ <td class =" px-2 text-center" ></td >
247+ <td class =" px-2 text-center" ></td >
248+ </tr >
249+ <tr class =" " >
250+ <td class =" px-2 text-muted" >Login with WebAuthn and Oauth</td >
251+ <td class =" px-2 text-center" ><Tick /></td >
252+ <td class =" px-2 text-center" ><Tick /></td >
253+ </tr >
254+ <tr class =" " >
255+ <td class =" px-2 text-muted" >Access rights management</td >
256+ <td class =" px-2 text-center" ><Tick /></td >
257+ <td class =" px-2 text-center" ><Tick /></td >
258+ </tr >
259+ <tr class =" " >
260+ <td class =" px-2 text-muted" >Cross-user Album sharing</td >
261+ <td class =" px-2 text-center" ><Tick /></td >
262+ <td class =" px-2 text-center" ><Tick /></td >
263+ </tr >
264+ <tr class =" " >
265+ <td class =" px-2 text-muted" >Space usage per user</td >
266+ <td class =" px-2 text-center" ></td >
267+ <td class =" px-2 text-center" ><Tick /></td >
268+ </tr >
269+ <tr class =" " >
270+ <td class =" px-2 text-muted" >Upload Quota per user</td >
271+ <td class =" px-2 text-center" ></td >
272+ <td class =" px-2 text-center" ><Tick classes ={ {icon_bg:' bg-neutral-100 dark:bg-neutral-800' , icon: ' text-neutral-800 dark:text-neutral-400' }} /></td >
273+ </tr >
274+
275+
276+ <tr class =" bg-neutral-50 dark:bg-neutral-800" >
277+ <td class =" p-2 font-bold" >Administration</td >
278+ <td class =" px-2 text-center" ></td >
279+ <td class =" px-2 text-center" ></td >
280+ </tr >
281+ <tr >
282+ <td class =" px-2 text-muted" >Logs</td >
283+ <td class =" px-2 text-center" ><Tick /></td >
284+ <td class =" px-2 text-center" ><Tick /></td >
285+ </tr >
286+ <tr >
287+ <td class =" px-2 text-muted" >Maintenance page</td >
288+ <td class =" px-2 text-center" ><Tick /></td >
289+ <td class =" px-2 text-center" ><Tick /></td >
290+ </tr >
291+ <tr >
292+ <td class =" px-2 text-muted" >Diagnostics tools</td >
293+ <td class =" px-2 text-center" ><Tick /></td >
294+ <td class =" px-2 text-center" ><Tick /></td >
295+ </tr >
296+ <tr >
297+ <td class =" px-2 text-muted" >Full Manual settings control</td >
298+ <td class =" px-2 text-center" ><Tick /></td >
299+ <td class =" px-2 text-center" ><Tick /></td >
300+ </tr >
301+ <tr >
302+ <td class =" px-2 text-muted" >Statistics on your installation</td >
303+ <td class =" px-2 text-center" ></td >
304+ <td class =" px-2 text-center" ><Tick /></td >
305+ </tr >
306+ </tbody >
307+ </table >
308+ </div >
309+ </WidgetWrapper >
102310
103311 <FAQs
104312 title =" FAQs"
0 commit comments