From 165ba862a9fe55ccd044938cbef27cd8301ae5d0 Mon Sep 17 00:00:00 2001 From: codecalm Date: Sat, 29 Jul 2023 16:12:26 +0200 Subject: [PATCH] sponsors section --- site/app/(marketing)/page.tsx | 182 ++++++++++------------------------ site/config/sponsors.ts | 27 +++++ 2 files changed, 79 insertions(+), 130 deletions(-) create mode 100644 site/config/sponsors.ts diff --git a/site/app/(marketing)/page.tsx b/site/app/(marketing)/page.tsx index ceadd199..edc114d8 100644 --- a/site/app/(marketing)/page.tsx +++ b/site/app/(marketing)/page.tsx @@ -10,6 +10,7 @@ import Shape from '@/components/Shape'; import Testimonials from '@/components/layout/Testimonials'; import TestimonialsShare from '@/components/layout/TestimonialsShare'; import HeroUi from '@/components/layout/hero/Ui'; +import { sponsors } from '@/config/sponsors'; export const metadata = { title: 'Premium dashboard template with responsive and high quality UI', @@ -174,6 +175,27 @@ const Projects = () => { ); }; +const Sponsors = () => { + return ( +
+ +
+
+

The project was made possible thanks to wonderful sponsors:

+ +
+ {sponsors.map((sponsor, i) => ( +
+ +
+ ))} +
+
+
+
+ ); +} + export default async function HomePage() { const features = [ { @@ -218,21 +240,21 @@ export default async function HomePage() { {/**/} -
+ + + {/*
-
+
*/}
-

- Benefit from Tabler’s top-notch features -

+

Benefit from Tabler’s top-notch features

{/*

*/} @@ -244,25 +266,14 @@ export default async function HomePage() {

{benefits.map((benefit, i) => (
- + {benefit}
))}
- +
@@ -272,48 +283,18 @@ export default async function HomePage() {

Multiple Demos

-

- 6 Pre-built layout options to cater needs of modern web - applications. Ready-to-use UI elements enable to develop modern - web application with great speed -

+

6 Pre-built layout options to cater needs of modern web applications. Ready-to-use UI elements enable to develop modern web application with great speed

@@ -327,12 +308,7 @@ export default async function HomePage() { target="_blank" rel="noopener noreferrer" > - +
With sidebar navigation
@@ -346,12 +322,7 @@ export default async function HomePage() { target="_blank" rel="noopener noreferrer" > - +
With overlap navbar
@@ -365,12 +336,7 @@ export default async function HomePage() { target="_blank" rel="noopener noreferrer" > - +
With transparent navigation
@@ -384,12 +350,7 @@ export default async function HomePage() { target="_blank" rel="noopener noreferrer" > - +
RTL mode
@@ -400,19 +361,12 @@ export default async function HomePage() {
-

- Create a perfect interface. Make your life easier. -

+

Create a perfect interface. Make your life easier.

- +
@@ -424,10 +378,7 @@ export default async function HomePage() {

Designed with users in mind

- Tabler is fully responsive and compatible with all - modern browsers. Thanks to its modern, user-friendly - design you can create a fully functional interface that - users will love. Every UI element has been created with + Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, user-friendly design you can create a fully functional interface that users will love. Every UI element has been created with attention to detail to make your interface beautiful!

@@ -441,11 +392,8 @@ export default async function HomePage() {

Built for developers

- Having in mind what it takes to write high-quality code, - we want to help you speed up the development process and - keep your code clean. Based on Bootstrap 5, Tabler is a - cutting-edge solution, compatible with all modern - browsers and fully responsive. + Having in mind what it takes to write high-quality code, we want to help you speed up the development process and keep your code clean. Based on Bootstrap 5, Tabler is a cutting-edge solution, compatible with all + modern browsers and fully responsive.

@@ -457,12 +405,7 @@ export default async function HomePage() {

Fully customizable

-

- You can easily customize the UI elements to make them - fit the needs of your project. And don’t worry if you - don’t have much experience - Tabler is easy to get - started! -

+

You can easily customize the UI elements to make them fit the needs of your project. And don’t worry if you don’t have much experience - Tabler is easy to get started!

@@ -475,9 +418,7 @@ export default async function HomePage() {
-

- Dark theme whenever you need it ✨ -

+

Dark theme whenever you need it ✨

@@ -491,12 +432,8 @@ export default async function HomePage() {

Change default variant when you need

- Tabler is a beautiful dashboard that comes in 2 - versions: Dark and Light Mode. If you are looking for a - tool to manage and visualize data about your business, - this dashboard is the thing for you. It combines colors - that are easy on the eye, spacious cards, beautiful - typography, and graphics. + Tabler is a beautiful dashboard that comes in 2 versions: Dark and Light Mode. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors + that are easy on the eye, spacious cards, beautiful typography, and graphics.

@@ -508,11 +445,7 @@ export default async function HomePage() {

All components available in dark mode

-

- Tabler contains a vast collection of assorted reusable - dark UI components, page layouts, charts, tables, UI - elements, and icons. -

+

Tabler contains a vast collection of assorted reusable dark UI components, page layouts, charts, tables, UI elements, and icons.

@@ -525,11 +458,8 @@ export default async function HomePage() {

A lot of reasons why dark theme are used widely

- Dark mode saves battery life and can reduce eye fatigue - in low-light conditions. The high contrast between text - and background reduces eye fatigue, and the dark screen - helps you focus your eyes longer and helps your brain - keep more attention on the screen. + Dark mode saves battery life and can reduce eye fatigue in low-light conditions. The high contrast between text and background reduces eye fatigue, and the dark screen helps you focus your eyes longer and helps your + brain keep more attention on the screen.

@@ -537,12 +467,7 @@ export default async function HomePage() {
- +
@@ -552,10 +477,7 @@ export default async function HomePage() {

Trusted by hundreds

-

- Our Users send us bunch of smilies with our services, and we love - them 😍 -

+

Our Users send us bunch of smilies with our services, and we love them 😍

diff --git a/site/config/sponsors.ts b/site/config/sponsors.ts new file mode 100644 index 00000000..86c4218d --- /dev/null +++ b/site/config/sponsors.ts @@ -0,0 +1,27 @@ +export const sponsors = [ + { + name: 'Saaster', + url: 'https://www.saaster.io/', + logo: '', + }, + { + name: 'Webgreat Innovations', + url: 'https://webgreat.de/', + logo: '', + }, + { + name: 'Backpack for Laravel', + url: 'https://backpackforlaravel.com/', + logo: '', + }, + { + name: 'Dimension', + url: 'https://dimension.dev/', + logo: '' + }, + { + name: 'Tigase.net', + url: 'https://tigase.net/', + logo: '' + } +] \ No newline at end of file -- GitLab