Merge pull request #44 from Logging-Stuff/install-guide

New Install guide

Author: ariflogs

.github/workflows/deploy.yml

@@ -24,8 +24,8 @@ jobs:
 
       - name: Build and push to DockerHub
         run: |
-          docker build -t devarifhossain/retroui:1.1.2 ./
-          docker push devarifhossain/retroui:1.1.2
+          docker build -t devarifhossain/retroui:1.1.3 ./
+          docker push devarifhossain/retroui:1.1.3
     
       # - name: Set up SSH
       #   uses: webfactory/ssh-agent@v0.9.0

CONTRIBUTING.md

@@ -3,7 +3,7 @@ import { allDocs } from "contentlayer/generated";
 import { notFound } from "next/navigation";
 import { format } from "date-fns";
 import MDX from "@/components/MDX";
-import { Text } from "@/packages/ui";
+import { Text } from "@/components/ui";
 import { Metadata } from "next";
 import { MoveRightIcon, MoveUpRightIcon } from "lucide-react";
 
@@ -47,8 +47,8 @@ export default function page({ params }: IProps) {
   return (
     <div className="space-y-12 py-8">
       <div className="border-b border-black pb-6">
-        <Text as="h2">{doc.title}</Text>
-        <p className="text-lg text-muted">{doc.description}</p>
+        <Text as="h1">{doc.title}</Text>
+        <p className="text-lg text-muted mt-2">{doc.description}</p>
         {doc.links && (
           <div className="flex space-x-4 text-sm mt-4">
             {doc.links?.api_reference && (

app/(docs)/docs/[[...slug]]/page.tsx

@@ -3,7 +3,7 @@ import { allBlogs } from "contentlayer/generated";
 import { notFound } from "next/navigation";
 import { format } from "date-fns";
 import MDX from "@/components/MDX";
-import { Avatar, Badge, Button, Text } from "@/packages/ui";
+import { Avatar, Badge, Button, Text } from "@/components/ui";
 import { Metadata } from "next";
 import { MoveRightIcon, MoveUpRightIcon } from "lucide-react";
 import Image from "next/image";

app/(marketing)/blogs/[slug]/page.tsx

@@ -1,5 +1,5 @@
 import { allBlogs } from "@/.contentlayer/generated";
-import { Card, Text } from "@/packages/ui";
+import { Card, Text } from "@/components/ui";
 import Image from "next/image";
 import Link from "next/link";
 import React from "react";

app/(marketing)/blogs/page.tsx

@@ -8,7 +8,7 @@ import {
   Card,
   Avatar,
   Badge,
-} from "@/packages/ui";
+} from "@/components/ui";
 import AccordionStyleDefault from "@/preview/components/accordion-style-default";
 import AlertStyleDefaultIcon from "@/preview/components/alert-style-with-icon";
 import AvatarStyleCircle from "@/preview/components/avatar-style-circle-sizes";
@@ -73,8 +73,10 @@ export default async function Home() {
               </Badge>
             </Link>
 
-            <Text as="h1">Make your projects</Text>
-            <Text as="h1" className="text-outlined">
+            <Text as="h1" className="text-5xl lg:text-6xl">
+              Make your projects
+            </Text>
+            <Text as="h1" className="text-5xl lg:text-6xl text-outlined">
               stand out!
             </Text>
 

app/(marketing)/page.tsx

@@ -15,9 +15,9 @@ import {
   TabsPanels,
   TabsTrigger,
   TabsTriggerList,
-} from "@/packages/ui";
-import { Card } from "@/packages/ui/Cards/Card";
-import { RadioGroup } from "@/packages/ui/Form/Radio";
+} from "@/components/ui";
+import { Card } from "@/components/ui/Cards/Card";
+import { RadioGroup } from "@/components/ui/Form/Radio";
 import BadgeStyleVariants from "@/preview/components/badge-style-variants";
 import TestimonialCard from "@/preview/components/card-style-testimonial";
 import { CheckCircle } from "lucide-react";

app/(sink)/demo/components/page.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react";
 import { cn } from "@/lib/utils";
-import { Button } from "@/packages/ui";
+import { Button } from "@/components/ui";
 
 interface ICodeBlock extends React.HTMLAttributes<HTMLPreElement> {}
 

components/CodeBlock.tsx

@@ -3,7 +3,7 @@
 import { useState } from "react";
 import SideNav from "./SideNav";
 import { AlignJustify, X } from "lucide-react";
-import { Button } from "@/packages/ui";
+import { Button } from "@/components/ui";
 
 export default function HamburgerMenu() {
   const [isOpen, setIsOpen] = useState(false);

components/HamburgerMenu.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button, Text, Input } from "@/packages/ui";
+import { Button, Text, Input } from "@/components/ui";
 import { useState } from "react";
 
 const INIT = "INIT";