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:
Aj Wazzan
2025-05-01 10:32:04 -07:00
parent ca640fa2cb
commit 96db959044
4 changed files with 33 additions and 144 deletions

View File

@@ -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"

View File

@@ -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"

View File

@@ -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>

View File

@@ -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>
);
}