diff --git a/src/components/features.tsx b/src/components/features.tsx index 59f2338..250c093 100644 --- a/src/components/features.tsx +++ b/src/components/features.tsx @@ -64,7 +64,7 @@ export default function Features() {

The only limit is your

- Zen's theme marketplace offers a wide range of themes to customize your browsing experience. Try them out today! + Zen's theme store offers a wide range of themes to customize your browsing experience. Try them out today!

diff --git a/src/components/marketplace.tsx b/src/components/marketplace.tsx index bb0bf46..b91b8ae 100644 --- a/src/components/marketplace.tsx +++ b/src/components/marketplace.tsx @@ -3,6 +3,7 @@ import React from "react"; import ThemesSearch from "./themes-search"; import { getAllThemes, getThemesFromSearch, ZenTheme } from "@/lib/themes"; import ThemeCard from "./theme-card"; +import { Button } from "./ui/button"; export default function MarketplacePage() { const [searchInput, setSearchInput] = React.useState(""); @@ -15,8 +16,15 @@ export default function MarketplacePage() { return (
-

Themes Marketplace

+

Themes Shop

+
+ +
+
{getThemesFromSearch(themes, searchInput).map((theme) => ( diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx index 50115e0..ed8191b 100644 --- a/src/components/navigation.tsx +++ b/src/components/navigation.tsx @@ -39,6 +39,11 @@ export const components: { title: string; href: string; description: string }[] href: "/branding-assets", description: "Download Zen Browser branding assets for your website or project." }, + { + title: "Documentation", + href: "https://docs.zen-browser.app/", + description: "Learn how to use Zen Browser and build your own themes." + } ] export function Navigation() { @@ -76,7 +81,7 @@ export function Navigation() { Start using Zen Browser today with just a few clicks. - + Customize your browser with a variety of themes! diff --git a/src/components/themes-search.tsx b/src/components/themes-search.tsx index 2a13020..d447c10 100644 --- a/src/components/themes-search.tsx +++ b/src/components/themes-search.tsx @@ -1,4 +1,5 @@ import { SearchIcon } from "lucide-react"; +import { Button } from "./ui/button"; export default function ThemesSearch({ input, setInput @@ -7,7 +8,7 @@ export default function ThemesSearch({ setInput: (input: string) => void; }) { return ( -
+