🔄 refactor: update imports and remove unused components

Refactors the codebase by updating imports and removing unused components.

- Import `GithubStars` component in `DownloadButton.tsx`
- Remove unused `HeaderAction` import
- Remove unused `Features` and `Integrations` components
- Add new `FeaturesBento` component
- Add new `GithubStars` component
- Update package.json dependencies

Author: mangledbottles

apps/web/app/(default)/download/DownloadButton.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { getOS } from "@/app/utils";
-import { HeaderAction } from "@/components/HeaderAction";
+import { GithubStars } from "@/components/GithubStars";
 import { useEffect, useState } from "react";
 
 // Define the interface for a GitHub release asset
@@ -77,7 +77,7 @@ export const DownloadButton = () => {
             : "."}{" "}
           Get notified when it is available for your OS.
         </p>
-        <HeaderAction />
+        <GithubStars />
       </div>
     );
   }

apps/web/app/(default)/page.tsx

@@ -7,21 +7,19 @@ import "@/app/css/additional-styles/toggle-switch.css";
 import "@/app/css/additional-styles/theme.css";
 
 import Hero from "@/components/hero";
-// import Testimonials from "@/components/testimonials";
-import Features from "@/components/features";
 import Features02 from "@/components/features-02";
-// import Integrations from "@/components/integrations";
 import Pricing from "@/components/pricing";
 import Faqs from "@/components/faqs";
 import Cta from "@/components/cta";
 import { constructMetadata } from "../utils";
+import { FeaturesBento } from "@/components/features-bento";
 
 export default function Home() {
   return (
     <>
       <Hero />
       {/* <Testimonials /> */}
-      <Features />
+      <FeaturesBento />
       <Features02 />
       {/* <Integrations /> */}
       <Pricing />

apps/web/components/HeaderAction.tsx apps/web/components/GithubStars.tsxapps/web/components/HeaderAction.tsx renamed to apps/web/components/GithubStars.tsx

@@ -1,9 +1,12 @@
+// GithubStars.tsx
+
 "use client";
-import { GithubIcon } from "lucide-react";
+import { GithubIcon, Lock } from "lucide-react";
 import { useEffect, useState } from "react";
 import { Badge } from "./ui/badge";
+import { LockClosedIcon } from "@radix-ui/react-icons";
 
-export const HeaderAction = () => {
+export const GithubStars = ({ styles }: { styles?: string }) => {
   const [starCount, setStarCount] = useState(0);
 
   useEffect(() => {
@@ -32,7 +35,9 @@ export const HeaderAction = () => {
         >
           <button
             type="button"
-            className="relative inline-flex items-center rounded-md bg-white/10 px-3 py-2 text-sm font-semibold text-white ring-1 ring-inset ring-gray-300 hover:bg-white/20 focus:z-10"
+            className={`relative inline-flex items-center justify-center rounded-md bg-white/10 px-4 text-sm font-semibold text-white ring-1 ring-inset ring-gray-300 hover:bg-white/20 focus:z-10 ${
+              styles ? styles : ""
+            }`}
           >
             <GithubIcon className="mr-2 h-4 w-4" /> Star on GitHub
             <Badge
@@ -46,4 +51,4 @@ export const HeaderAction = () => {
       </div>
     </span>
   );
-};
+};

apps/web/package.json

@@ -27,6 +27,7 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@sentry/nextjs": "^7.88.0",
+    "@tabler/icons-react": "^2.47.0",
     "@tanstack/react-query": "^5.20.5",
     "@tanstack/react-query-devtools": "^5.21.7",
     "@tremor/react": "^3.11.1",
@@ -38,9 +39,10 @@
     "aos": "^3.0.0-beta.6",
     "canvas-confetti": "^1.9.2",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
+    "clsx": "^2.1.0",
     "cmdk": "^0.2.0",
     "date-fns": "^2.30.0",
+    "framer-motion": "^11.0.8",
     "loops": "^0.1.3",
     "lucide-react": "^0.292.0",
     "next": "^13.5.4",
@@ -57,7 +59,7 @@
     "sharp": "^0.33.1",
     "sonner": "^1.2.0",
     "swiper": "^8.4.7",
-    "tailwind-merge": "^2.0.0",
+    "tailwind-merge": "^2.2.1",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.2.2",
     "uuid": "^9.0.1",