update docs docker-false no-release

caioricciuti · Oct 15, 2024 · 203a9ae · 203a9ae
1 parent 48a08d4
commit 203a9ae
Show file tree

Hide file tree

Showing 11 changed files with 1,959 additions and 1,711 deletions.
diff --git a/docs/components/CarouselScreenShots.tsx b/docs/components/CarouselScreenShots.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+"use client";
 import {
   Carousel,
   CarouselContent,
@@ -7,70 +7,56 @@ import {
   CarouselPrevious,
 } from "../components/ui/carousel";
 import { Card, CardContent } from "../components/ui/card";
-import { useTheme } from "next-themes";
 
 const screenshotPairs = [
-  {
-    light: "/screenshots/main-screen-light.png",
-    dark: "/screenshots/main-screen-dark.png",
-  },
-  {
-    light: "/screenshots/metrics-table-options-light.png",
-    dark: "/screenshots/metrics-table-options-dark.png",
-  },
-  {
-    light: "/screenshots/metrics-queries-light.png",
-    dark: "/screenshots/metrics-queries-dark.png",
-  },
-  {
-    light: "/screenshots/metrics-overview-light.png",
-    dark: "/screenshots/metrics-overview-dark.png",
-  },
-  {
-    light: "/screenshots/command-open-light.png",
-    dark: "/screenshots/command-open-dark.png",
-  },
-  {
-    light: "/screenshots/settings-connected-light.png",
-    dark: "/screenshots/settings-connected-dark.png",
-  },
-  {
-    light: "/screenshots/settings-disconnect-light.png",
-    dark: "/screenshots/settings-disconnect-dark.png",
-  },
+  "/screenshots/main-screen-light.png",
+  "/screenshots/main-screen-dark.png",
+  "/screenshots/metrics-table-options-light.png",
+  "/screenshots/metrics-table-options-dark.png",
+  "/screenshots/metrics-queries-light.png",
+  "/screenshots/metrics-queries-dark.png",
+  "/screenshots/metrics-overview-light.png",
+  "/screenshots/metrics-overview-dark.png",
+  "/screenshots/command-open-light.png",
+  "/screenshots/command-open-dark.png",
+  "/screenshots/settings-connected-light.png",
+  "/screenshots/settings-connected-dark.png",
+  "/screenshots/settings-disconnect-light.png",
+  "/screenshots/settings-disconnect-dark.png",
 ];
 
 const CarouselScreenShots = () => {
-  const { resolvedTheme } = useTheme();
-  const [currentTheme, setCurrentTheme] = useState(resolvedTheme);
-
-  useEffect(() => {
-    setCurrentTheme(resolvedTheme);
-  }, [resolvedTheme]);
-
   return (
-    <Carousel className="w-full max-w-[90vw] md:max-w-[80vw] lg:max-w-[70vw] xl:max-w-[1200px] mx-auto">
-      <CarouselContent>
-        {screenshotPairs.map((pair, index) => (
-          <CarouselItem key={index}>
-            <div className="p-1">
-              <Card>
-                <CardContent className="flex items-center justify-center p-2 md:p-4 lg:p-6">
-                  <img
-                    src={currentTheme === "dark" ? pair.dark : pair.light}
-                    alt={`Screenshot ${index + 1}`}
-                    className="w-full h-auto object-contain max-h-[70vh]"
-                  />
-                </CardContent>
-              </Card>
-            </div>
-          </CarouselItem>
-        ))}
-      </CarouselContent>
-      <CarouselPrevious />
-      <CarouselNext />
-    </Carousel>
+    <div className="container mx-auto mb-32">
+      <h2
+        className="text-4xl text-center mb-20 font-extrabold tracking-tight sm:text-5xl md:text-6xl lg:text-7xl bg-clip-text
+       text-transparent bg-gradient-to-r from-orange-700 via-red-500 to-orange-300"
+      >
+        App Screenshots
+      </h2>
+      <Carousel className="w-full max-w-[90vw] md:max-w-[80vw] lg:max-w-[70vw] xl:max-w-[1200px] mx-auto">
+        <CarouselContent>
+          {screenshotPairs.map((item, index) => (
+            <CarouselItem key={index}>
+              <div className="p-1">
+                <Card>
+                  <CardContent className="flex items-center justify-center p-2 md:p-4 lg:p-6">
+                    <img
+                      src={item}
+                      alt={`Screenshot ${index + 1}`}
+                      className="w-full h-auto object-contain max-h-[70vh]"
+                    />
+                  </CardContent>
+                </Card>
+              </div>
+            </CarouselItem>
+          ))}
+        </CarouselContent>
+        <CarouselPrevious />
+        <CarouselNext />
+      </Carousel>
+    </div>
   );
 };
 
-export default CarouselScreenShots;
+export default CarouselScreenShots;
diff --git a/docs/components/index-page/HomePageFeatures.tsx b/docs/components/index-page/HomePageFeatures.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import React from "react";
 import {
   DatabaseZap,

diff --git a/docs/components/index-page/ShowCase.tsx b/docs/components/index-page/ShowCase.tsx
diff --git a/docs/components/index-page/index.tsx b/docs/components/index-page/index.tsx
@@ -2,16 +2,14 @@
 
 import { HeroSection } from "./HeroSection";
 import HomepageFeatures from "./HomePageFeatures";
-import { ShowCase } from "./ShowCase";
 import CarouselScreenShots from "../CarouselScreenShots";
 
 export const IndexPage = () => (
   <section className="">
     <div className=" m-auto">
       <HeroSection />
-      <ShowCase />
-      <HomepageFeatures />
       <CarouselScreenShots />
+      <HomepageFeatures />
     </div>
   </section>
 );
diff --git a/docs/components/ui/BentoGrid.tsx b/docs/components/ui/BentoGrid.tsx
diff --git a/docs/components/ui/Button.tsx b/docs/components/ui/Button.tsx