docs: restructure homepage and redirect old index to new layout

docs/en/index.md

@@ -1,28 +1,4 @@
 ---
-title: Welcome to HolySheets
-description: Get started with HolySheets
+layout: redirect
+redirect_to: /
 ---
-
-# Welcome to HolySheets
-
-HolySheets is a comprehensive library designed to simplify your data management tasks. Whether you're a beginner or an experienced developer, HolySheets provides the tools you need to efficiently handle your data operations.
-
-## Getting Started
-
-To begin using HolySheets, follow the [Quickstart Guide](/en/quickstart).
-
-## Key Features
-
-- **Sheets Basics**: Understand the fundamental concepts of HolySheets.
-- **Data Operations**: Perform CRUD operations seamlessly.
-- **Querying Data**: Easily retrieve the data you need.
-- **Authentication**: Secure your applications with built-in authentication mechanisms.
-- **Error Handling**: Robust error handling to ensure reliability.
-
-## Explore the Documentation
-
-Dive deeper into each topic through our comprehensive [Guides](/en/guides/inserting-data), [Concepts](/en/concepts/sheets-basics), [Examples](/en/examples/basic-queries), and [Reference](/en/reference/operations).
-
----
-
-[Get Started](/en/quickstart)

docs/index.md

@@ -0,0 +1,60 @@
+---
+layout: home
+
+title: HolySheets!
+titleTemplate: HolySheets Documentation
+
+hero:
+  name: HolySheets!
+  text: Simplify Your Data Management
+  tagline: A Comprehensive Library for Efficient Data Operations with Google Sheets
+  actions:
+    - theme: brand
+      text: Get Started
+      link: /en/quickstart
+    - theme: alt
+      text: Documentation
+      link: /en/introduction
+    - theme: alt
+      text: GitHub
+      link: https://github.com/holy-sheets/holysheets
+  image:
+    src: /logo.svg
+    alt: HolySheets
+
+features:
+  - icon: 🔄
+    title: Perform CRUD Operations
+    details: Seamlessly create, read, update, and delete your data with ease.
+  - icon: 🔍
+    title: Advanced Querying
+    details: Easily retrieve the data you need using flexible querying options without worrying about A1 notation.
+  - icon: 🔒
+    title: Secure Authentication
+    details: Protect your applications with built-in authentication mechanisms, including JWT, OAuth, and more.
+  - icon: 🛠️
+    title: Simple and Intuitive
+    details: Focus on your data without the complexity of managing A1 ranges, making data operations straightforward and efficient.
+---
+
+<style>
+:root {
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #34A853 30%, #0F9D58);
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #34A853 50%, #0F9D58 50%);
+  --vp-home-hero-image-filter: blur(44px);
+  --vp-home-hero-name-color: #11c111;
+  --vp-button-brand-bg: #11c111;
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
+</style>