joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #199 from ZhenyaGoroh/issue-188

Browse Source 
Fixed #188
This commit is contained in:
mauro 🤙
2024-09-27 22:34:56 +02:00
committed by GitHub
parent ca0896d88f 8f888762f5
commit 6a14782173
1 changed files with 144 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/components/features.tsx
View File

@@ -102,12 +102,9 @@ export default function Features() {
transforming your browser into a personalized digital space. transforming your browser into a personalized digital space.
</p> </p>
<div className="relative"> <div className="relative">
<Button <Link href="/themes" prefetch={false}>
className="mt-8" <Button className="mt-8">Browse Themes</Button>
onClick={() => window.open("/themes", "_self")} </Link>
>
View Theme Store
</Button>
</div> </div>
</div> </div>
<hr /> <hr />
@@ -122,12 +119,9 @@ export default function Features() {
performance improvements. performance improvements.
</p> </p>
<div className="relative"> <div className="relative">
<Button <Link href="/download" prefetch={false}>
className="mt-8" <Button className="mt-8">Download Now</Button>
onClick={() => window.open("/download", "_self")} </Link>
>
Download Now
</Button>
</div> </div>
</div> </div>
</div> </div>
@@ -146,14 +140,9 @@ export default function Features() {
browser. browser.
</p> </p>
<div className="relative"> <div className="relative">
<Button <a href="https://github.com/zen-browser" target="_blank">
className="mt-8" <Button className="mt-8">GitHub</Button>
onClick={() => </a>
window.open("https://github.com/zen-browser", "_blank")
}
>
GitHub Page
</Button>
</div> </div>
<div className="mt-14 w-full"> <div className="mt-14 w-full">
<div className="flex items-center"> <div className="flex items-center">
@@ -247,12 +236,9 @@ export default function Features() {
multitasking. multitasking.
</p> </p>
<div className="relative"> <div className="relative">
<Button <Link href="/download" prefetch={false}>
className="mt-8" <Button className="mt-8">Download Now</Button>
onClick={() => window.open("/download", "_self")} </Link>
>
Download Now
</Button>
</div> </div>
</div> </div>
</div> </div>
@@ -307,24 +293,18 @@ export default function Features() {
secure, giving you peace of mind as you explore the web. secure, giving you peace of mind as you explore the web.
</p> </p>
<div className="relative"> <div className="relative">
<Button <a href="https://docs.zen-browser.app/security" target="_blank">
className="mt-8" <Button className="mt-8" variant="ghost">
variant="ghost"
onClick={() =>
window.open("https://docs.zen-browser.app/security", "_blank")
}
>
Security in Zen{" "} Security in Zen{" "}
<ExternalLinkIcon className="ml-4 h-4 w-4 opacity-50" /> <ExternalLinkIcon className="ml-4 h-4 w-4 opacity-50" />
</Button> </Button>
<Button </a>
className="mt-8" <Link href="/privacy-policy" prefetch={false} target="_blank">
variant="ghost" <Button className="mt-8" variant="ghost">
onClick={() => window.open("/privacy-policy", "_blank")}
>
Your Privacy{" "} Your Privacy{" "}
<ExternalLinkIcon className="ml-4 h-4 w-4 opacity-50" /> <ExternalLinkIcon className="ml-4 h-4 w-4 opacity-50" />
</Button> </Button>
</Link>
</div> </div>
</div> </div>
</div> </div>
@@ -386,12 +366,9 @@ export default function Features() {
focus on your work. focus on your work.
</p> </p>
<div className="relative"> <div className="relative">
<Button <Link href="/download" prefetch={false}>
className="mt-8" <Button className="mt-8">What are you waiting for?</Button>
onClick={() => window.open("/download", "_self")} </Link>
>
What are you waiting for?
</Button>
</div> </div>
</div> </div>
</div> </div>
@@ -405,25 +382,34 @@ export default function Features() {
<Accordion <Accordion
type="single" type="single"
value={feature} value={feature}
onValueChange={(value) => setFeature(value === feature ? "" : value)} onValueChange={(value) =>
setFeature(value === feature ? "" : value)
}
className="mt-8" className="mt-8"
> >
<AccordionItem value="item-1"> <AccordionItem value="item-1">
<AccordionTrigger>Is it Firefox based?</AccordionTrigger> <AccordionTrigger>Is it Firefox based?</AccordionTrigger>
<AccordionContent> <AccordionContent>
Yes, Zen Browser is focused on being always at the latest version of Firefox, ensuring that you have the latest security updates and features. Yes, Zen Browser is focused on being always at the latest
version of Firefox, ensuring that you have the latest security
updates and features.
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
<AccordionItem value="item-2"> <AccordionItem value="item-2">
<AccordionTrigger>Does it track me?</AccordionTrigger> <AccordionTrigger>Does it track me?</AccordionTrigger>
<AccordionContent> <AccordionContent>
<strong>No!</strong> Zen Browser is built with privacy in mind. We don't track you, we don't collect your data, and we don't sell your data to third parties. <strong>No!</strong> Zen Browser is built with privacy in mind.
We don't track you, we don't collect your data, and we don't
sell your data to third parties.
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
<AccordionItem value="item-3"> <AccordionItem value="item-3">
<AccordionTrigger>How secure is Zen Browser?</AccordionTrigger> <AccordionTrigger>How secure is Zen Browser?</AccordionTrigger>
<AccordionContent> <AccordionContent>
Zen Browser is built on top of Firefox, which is known for its security features. We also have additional security features like HTTPS only built into Zen Browser to help keep you safe online. Zen Browser is built on top of Firefox, which is known for its
security features. We also have additional security features
like HTTPS only built into Zen Browser to help keep you safe
online.
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
</Accordion> </Accordion>
@@ -431,9 +417,9 @@ export default function Features() {
<div className="relative h-auto overflow-hidden rounded-md lg:w-1/2"> <div className="relative h-auto overflow-hidden rounded-md lg:w-1/2">
{feature === "" && ( {feature === "" && (
<div className="flex items-center justify-center absolute h-full w-full"> <div className="absolute flex h-full w-full items-center justify-center">
<div className="flex flex-col items-center justify-center space-y-6 w-full"> <div className="flex w-full flex-col items-center justify-center space-y-6">
<div className="flex w-full max-w-sm items-center justify-center h-fit animate-fade-in rounded-full border-2 border-white bg-surface p-4 shadow"> <div className="flex h-fit w-full max-w-sm animate-fade-in items-center justify-center rounded-full border-2 border-white bg-surface p-4 shadow">
<Logo className="h-10 w-10" /> <Logo className="h-10 w-10" />
<span className="mx-4 text-4xl">+</span> <span className="mx-4 text-4xl">+</span>
<svg <svg
@@ -447,19 +433,18 @@ export default function Features() {
/> />
</svg> </svg>
</div> </div>
<div className="flex w-full max-w-sm items-center justify-center h-fit animate-fade-in rounded-full border-2 border-white bg-surface p-4 shadow"> <div className="flex h-fit w-full max-w-sm animate-fade-in items-center justify-center rounded-full border-2 border-white bg-surface p-4 shadow">
<LockClosedIcon className="h-10 w-10" /> <LockClosedIcon className="h-10 w-10" />
<span className="mx-4 text-4xl">+</span> <span className="mx-4 text-4xl">+</span>
<EyeClosedIcon className="h-10 w-10" /> <EyeClosedIcon className="h-10 w-10" />
</div> </div>
<div className="flex w-full max-w-sm items-center justify-center h-fit animate-fade-in rounded-full border-2 border-white bg-surface p-4 shadow"> <div className="flex h-fit w-full max-w-sm animate-fade-in items-center justify-center rounded-full border-2 border-white bg-surface p-4 shadow">
<ShieldCheck className="h-10 w-10" /> <ShieldCheck className="h-10 w-10" />
<span className="mx-4 text-4xl">+</span> <span className="mx-4 text-4xl">+</span>
<ShieldAlertIcon className="h-10 w-10" /> <ShieldAlertIcon className="h-10 w-10" />
</div> </div>
</div> </div>
</div> </div>
)} )}
<CachedImage <CachedImage
@@ -546,12 +531,9 @@ export default function Features() {
Download Zen Browser now and experience the future of browsing. Download Zen Browser now and experience the future of browsing.
</p> </p>
<div className="relative"> <div className="relative">
<Button <Link href="/download" prefetch={false}>
className="mt-8" <Button className="mt-8">Download Now</Button>
onClick={() => window.open("/download", "_self")} </Link>
>
Download Now
</Button>
</div> </div>
</div> </div>
<div className="mx-2 h-[1px] border-t lg:h-[unset] lg:w-[1px] lg:border-l lg:border-t-0"></div> <div className="mx-2 h-[1px] border-t lg:h-[unset] lg:w-[1px] lg:border-l lg:border-t-0"></div>
@@ -565,25 +547,20 @@ export default function Features() {
cause. cause.
</p> </p>
<div className="relative mt-8 flex"> <div className="relative mt-8 flex">
<Button <a href="https://patreon.com/zen_browser" target="_blank">
data-umami-event="patreon-feature" <Button data-umami-event="patreon-feature" variant="ghost">
variant="ghost"
onClick={() =>
window.open("https://patreon.com/zen_browser", "_blank")
}
>
Patreon <ExternalLinkIcon className="ml-4 h-4 w-4 opacity-50" /> Patreon <ExternalLinkIcon className="ml-4 h-4 w-4 opacity-50" />
</Button> </Button>
</a>
<a href="https://ko-fi.com/zen_browser" target="_blank">
<Button <Button
data-umami-event="ko-fi-feature" data-umami-event="ko-fi-feature"
className="ml-8" className="ml-8"
variant="ghost" variant="ghost"
onClick={() =>
window.open("https://ko-fi.com/zen_browser", "_blank")
}
> >
Ko-fi <ExternalLinkIcon className="ml-4 h-4 w-4 opacity-50" /> Ko-fi <ExternalLinkIcon className="ml-4 h-4 w-4 opacity-50" />
</Button> </Button>
</a>
</div> </div>
</div> </div>
</div> </div>