mirror of
https://github.com/Mail-0/Zero.git
synced 2026-07-01 08:16:28 +00:00
Refactor About and Privacy pages to update contact email and improve text formatting. Remove Navbar component as it is no longer needed.
This commit is contained in:
@@ -37,10 +37,7 @@ export default function AboutPage() {
|
||||
|
||||
<div className="space-y-8 p-8">
|
||||
{sections.map((section) => (
|
||||
<div
|
||||
key={section.title}
|
||||
className="p-6"
|
||||
>
|
||||
<div key={section.title} className="p-6">
|
||||
<h2 className="mb-4 text-xl font-semibold tracking-tight text-white">
|
||||
{section.title}
|
||||
</h2>
|
||||
@@ -64,7 +61,10 @@ const sections = [
|
||||
title: 'Our Mission',
|
||||
content: (
|
||||
<p>
|
||||
Zero is an AI-powered email client that manages your inbox, so you don't have to. We help busy professionals unclutter their inboxes, prioritize important messages, summarize conversations, complete tasks, and even chat with their inbox — letting them spend less time managing email and more time getting things done.
|
||||
Zero is an AI-powered email client that manages your inbox, so you don't have to. We help
|
||||
busy professionals unclutter their inboxes, prioritize important messages, summarize
|
||||
conversations, complete tasks, and even chat with their inbox — letting them spend less time
|
||||
managing email and more time getting things done.
|
||||
</p>
|
||||
),
|
||||
},
|
||||
@@ -72,7 +72,11 @@ const sections = [
|
||||
title: 'Why We Started',
|
||||
content: (
|
||||
<p>
|
||||
We started Zero because we were frustrated that email — the most-used communication tool in the world — hasn't meaningfully evolved in decades. Despite countless new apps, none actually solve the real problem: helping you finish what you intend to do. We realized the real solution isn't just a new interface — it's AI acting like a true assistant inside your inbox.
|
||||
We started Zero because we were frustrated that email — the most-used communication tool in
|
||||
the world — hasn't meaningfully evolved in decades. Despite countless new apps, none
|
||||
actually solve the real problem: helping you finish what you intend to do. We realized the
|
||||
real solution isn't just a new interface — it's AI acting like a true assistant inside your
|
||||
inbox.
|
||||
</p>
|
||||
),
|
||||
},
|
||||
@@ -81,7 +85,8 @@ const sections = [
|
||||
content: (
|
||||
<div className="space-y-4">
|
||||
<p>
|
||||
Zero is built on the principles of transparency and community collaboration. Our entire codebase is open source, allowing anyone to:
|
||||
Zero is built on the principles of transparency and community collaboration. Our entire
|
||||
codebase is open source, allowing anyone to:
|
||||
</p>
|
||||
<ul className="ml-4 list-disc space-y-2">
|
||||
<li>Review our code for security and privacy</li>
|
||||
@@ -90,7 +95,8 @@ const sections = [
|
||||
<li>Learn from and build upon our work</li>
|
||||
</ul>
|
||||
<p>
|
||||
We believe that email is too important to be controlled by a single entity. By being open source, we ensure that Zero remains transparent, trustworthy, and accessible to everyone.
|
||||
We believe that email is too important to be controlled by a single entity. By being open
|
||||
source, we ensure that Zero remains transparent, trustworthy, and accessible to everyone.
|
||||
</p>
|
||||
</div>
|
||||
),
|
||||
@@ -100,10 +106,15 @@ const sections = [
|
||||
content: (
|
||||
<div className="space-y-4">
|
||||
<p>
|
||||
We launched our early access program and have already seen strong demand, with over 15,000 signups in just under 3 months. What we found is that users want an assistant that streamlines their inbox, providing features to summarize emails, compose responses, and take necessary actions.
|
||||
We launched our early access program and have already seen strong demand, with over 15,000
|
||||
signups in just under 3 months. What we found is that users want an assistant that
|
||||
streamlines their inbox, providing features to summarize emails, compose responses, and
|
||||
take necessary actions.
|
||||
</p>
|
||||
<p>
|
||||
The opportunity is massive: over 4 billion people use email daily, and most still manage it manually. Zero is poised to fundamentally change the way the world deals with communication and tasks — and we're just getting started.
|
||||
The opportunity is massive: over 4 billion people use email daily, and most still manage
|
||||
it manually. Zero is poised to fundamentally change the way the world deals with
|
||||
communication and tasks — and we're just getting started.
|
||||
</p>
|
||||
</div>
|
||||
),
|
||||
@@ -113,7 +124,9 @@ const sections = [
|
||||
content: (
|
||||
<div className="space-y-4">
|
||||
<p>
|
||||
Adam and Nizar, the cofounders of Zero, met through family friends. Coming from backgrounds in product design and software engineering, we both felt the pain of drowning in email firsthand while trying to build and grow companies.
|
||||
Adam and Nizar, the cofounders of Zero, met through family friends. Coming from
|
||||
backgrounds in product design and software engineering, we both felt the pain of drowning
|
||||
in email firsthand while trying to build and grow companies.
|
||||
</p>
|
||||
<p>
|
||||
We're driven by a shared belief that email should help you move faster, not slow you down.
|
||||
@@ -128,11 +141,11 @@ const sections = [
|
||||
<p>Want to learn more about Zero? Get in touch:</p>
|
||||
<div className="flex flex-col space-y-2">
|
||||
<a
|
||||
href="mailto:nizabizaher@gmail.com"
|
||||
href="mailto:founders@0.email"
|
||||
className="inline-flex items-center text-blue-400 hover:text-blue-300"
|
||||
>
|
||||
<Mail className="mr-2 h-4 w-4" />
|
||||
contact@0.email
|
||||
founders@0.email
|
||||
</a>
|
||||
<a
|
||||
href="https://github.com/Mail-0/Zero"
|
||||
|
||||
@@ -206,7 +206,7 @@ const sections = [
|
||||
<li>All Google user data is permanently deleted when you revoke application access</li>
|
||||
<li>
|
||||
You can request immediate deletion of all your Google user data by contacting
|
||||
nizabizaher@gmail.com
|
||||
founders@0.email
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -257,11 +257,11 @@ const sections = [
|
||||
<p>For privacy-related questions or concerns:</p>
|
||||
<div className="flex flex-col space-y-2">
|
||||
<a
|
||||
href="mailto:nizabizaher@gmail.com"
|
||||
href="mailto:founders@0.email"
|
||||
className="inline-flex items-center text-blue-600 hover:text-blue-800"
|
||||
>
|
||||
<Mail className="mr-2 h-4 w-4" />
|
||||
nizabizaher@gmail.com
|
||||
founders@0.email
|
||||
</a>
|
||||
<a
|
||||
href="https://github.com/Mail-0/Zero"
|
||||
|
||||
@@ -75,7 +75,10 @@ export default function Footer() {
|
||||
|
||||
<div className="flex items-center justify-center gap-3 md:justify-end">
|
||||
<ThemeToggle className="ml-3" />
|
||||
<div className="text-sm text-gray-500 dark:text-gray-400">Zero Email Inc. © 2025</div>
|
||||
<div className="text-sm text-gray-500 dark:text-gray-400">Zero Email Inc. © 2025</div>|
|
||||
<a href="mailto:founders@0.email" className="text-sm text-gray-500 dark:text-gray-400">
|
||||
founders@0.email
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,127 +0,0 @@
|
||||
'use client';
|
||||
import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '../ui/sheet';
|
||||
import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
|
||||
import { useSession } from '@/lib/auth-client';
|
||||
import { useEffect, useState } from 'react';
|
||||
import { redirect } from 'next/navigation';
|
||||
import { Menu, X } from 'lucide-react';
|
||||
import { Button } from '../ui/button';
|
||||
import Image from 'next/image';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function Navbar() {
|
||||
const [open, setOpen] = useState(false);
|
||||
const { data: session } = useSession();
|
||||
|
||||
if (session) {
|
||||
redirect('/mail');
|
||||
}
|
||||
|
||||
// Automatically lose sheet on lg screen
|
||||
useEffect(() => {
|
||||
const mediaQuery = window.matchMedia('(min-width: 1024px)');
|
||||
function handleChange(e: MediaQueryListEvent | MediaQueryList) {
|
||||
if (e.matches) setOpen(false);
|
||||
}
|
||||
handleChange(mediaQuery);
|
||||
mediaQuery.addEventListener('change', handleChange);
|
||||
return () => mediaQuery.removeEventListener('change', handleChange);
|
||||
}, []);
|
||||
|
||||
const mobileNavContent = () => {
|
||||
return (
|
||||
<>
|
||||
<Button asChild>
|
||||
<Link href={'/login'}>Get Started</Link>
|
||||
</Button>
|
||||
<Button
|
||||
className="w-full bg-gray-900 text-white hover:bg-black dark:bg-white dark:text-black dark:hover:bg-white/90"
|
||||
asChild
|
||||
>
|
||||
<Link href="https://cal.com/team/0/chat">Contact</Link>
|
||||
</Button>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
const desktopNavContent = () => {
|
||||
return (
|
||||
<>
|
||||
<Button asChild>
|
||||
<Link href={'/login'}>Get Started</Link>
|
||||
</Button>
|
||||
|
||||
{/* It is better to enable this button when we implement our own mail server, no need for it honestly */}
|
||||
{/* <Button
|
||||
className="h-[32px] w-[110px] rounded-md bg-gray-900 text-white hover:bg-black dark:bg-white dark:text-black dark:hover:bg-white/90"
|
||||
asChild
|
||||
>
|
||||
<Link href={session ? '/mail' : '/login'}>Get Started</Link>
|
||||
</Button> */}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="mx-auto flex w-full items-center justify-between p-4 px-3 lg:px-4">
|
||||
<Link href="/">
|
||||
<Image
|
||||
src="/white-icon.svg"
|
||||
alt="zerodotemail"
|
||||
className="hidden h-6 w-6 dark:block"
|
||||
width={180}
|
||||
height={180}
|
||||
/>
|
||||
<Image
|
||||
src="/black-icon.svg"
|
||||
alt="zerodotemail"
|
||||
width={180}
|
||||
height={180}
|
||||
className="block h-6 w-6 dark:hidden"
|
||||
/>
|
||||
</Link>
|
||||
{/* Mobile Navigation */}
|
||||
<div className="lg:hidden">
|
||||
<Sheet open={open} onOpenChange={setOpen}>
|
||||
<SheetTrigger asChild className="cursor-pointer">
|
||||
<Menu className="dark:hover:bg-accent h-9 w-9 rounded-md p-2 text-gray-800 hover:bg-gray-100 dark:text-white" />
|
||||
</SheetTrigger>
|
||||
<SheetContent
|
||||
side="top"
|
||||
className="w-full !translate-y-0 border-none bg-white px-0 py-4 !duration-0 data-[state=closed]:!translate-y-0 data-[state=open]:!translate-y-0 dark:bg-black"
|
||||
>
|
||||
<SheetHeader className="">
|
||||
<VisuallyHidden>
|
||||
<SheetTitle>Navigation Menu</SheetTitle>
|
||||
</VisuallyHidden>
|
||||
</SheetHeader>
|
||||
<div className="flex h-screen flex-col">
|
||||
<div className="flex items-center justify-between px-3">
|
||||
<Image
|
||||
src="/white-icon.svg"
|
||||
alt="zerodotemail"
|
||||
className="hidden size-6 dark:block"
|
||||
width={180}
|
||||
height={180}
|
||||
/>
|
||||
<Image
|
||||
src="/black-icon.svg"
|
||||
alt="zerodotemail"
|
||||
className="block size-6 dark:hidden"
|
||||
width={180}
|
||||
height={180}
|
||||
/>
|
||||
<SheetTrigger asChild>
|
||||
<X className="dark:hover:bg-accent h-9 w-9 cursor-pointer rounded-md p-2 text-gray-800 hover:bg-gray-100 dark:text-white" />
|
||||
</SheetTrigger>
|
||||
</div>
|
||||
<div className="mt-7 flex flex-col space-y-4 px-3">{mobileNavContent()}</div>
|
||||
</div>
|
||||
</SheetContent>
|
||||
</Sheet>
|
||||
</div>
|
||||
|
||||
<div className="hidden items-center gap-4 lg:flex">{desktopNavContent()}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user