ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-05-01 11:19:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Formated Files

Browse source
This commit is contained in:
Ahmad 2024-02-15 20:49:19 -05:00
parent d5631b309a
commit e768d9181f
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
138 changed files with 1829 additions and 1851 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/(marketing)/_components/footer.tsx
View file

@ -1,16 +1,16 @@
import { Logo } from "@/components/logo";
import { Button } from "@/components/ui/button";
import { Logo } from '@/components/logo';
import { Button } from '@/components/ui/button';
export const Footer = () => {
return (
<div className="fixed bottom-0 w-full p-4 border-t bg-slate-100">
<div className="md:max-w-screen-2xl mx-auto flex items-center w-full justify-between">
<div className='fixed bottom-0 w-full border-t bg-slate-100 p-4'>
<div className='mx-auto flex w-full items-center justify-between md:max-w-screen-2xl'>
<Logo />
<div className="space-x-4 md:block md:w-auto flex items-center justify-between w-full">
<Button size="sm" variant="ghost">
<div className='flex w-full items-center justify-between space-x-4 md:block md:w-auto'>
<Button size='sm' variant='ghost'>
Privacy Policy
</Button>
<Button size="sm" variant="ghost">
<Button size='sm' variant='ghost'>
Terms of Service
</Button>
</div>

20
app/(marketing)/_components/navbar.tsx
View file

@ -1,18 +1,18 @@
import { Logo } from "@/components/logo";
import { Button } from "@/components/ui/button";
import Link from "next/link";
import { Logo } from '@/components/logo';
import { Button } from '@/components/ui/button';
import Link from 'next/link';
export const Navbar = () => {
return (
<div className="fixed top-0 w-full h-14 px-4 border-b shadow-sm bg-white flex items-center">
<div className="md:max-w-screen-2xl mx-auto flex items-center w-full justify-between">
<div className='fixed top-0 flex h-14 w-full items-center border-b bg-white px-4 shadow-sm'>
<div className='mx-auto flex w-full items-center justify-between md:max-w-screen-2xl'>
<Logo />
<div className="space-x-4 md:block md:w-auto flex items-center justify-between w-full">
<Button size="sm" variant="outline" asChild>
<Link href="sign-in">Login</Link>
<div className='flex w-full items-center justify-between space-x-4 md:block md:w-auto'>
<Button size='sm' variant='outline' asChild>
<Link href='sign-in'>Login</Link>
</Button>
<Button size="sm" asChild>
<Link href="sign-up">Get Tasko for Free</Link>
<Button size='sm' asChild>
<Link href='sign-up'>Get Tasko for Free</Link>
</Button>
</div>
</div>

8
app/(marketing)/layout.tsx
View file

@ -1,11 +1,11 @@
import { Footer } from "./_components/footer";
import { Navbar } from "./_components/navbar";
import { Footer } from './_components/footer';
import { Navbar } from './_components/navbar';
const MarketingLayout = ({ children }: { children: React.ReactNode }) => {
return (
<div className="h-full bg-slate-100">
<div className='h-full bg-slate-100'>
<Navbar />
<main className="pt-40 pb-20 bg-slate-100">{children}</main>
<main className='bg-slate-100 pb-20 pt-40'>{children}</main>
<Footer />
</div>
);

38
app/(marketing)/page.tsx
View file

@ -1,42 +1,42 @@
import { Medal } from "lucide-react";
import localFont from "next/font/local";
import { Poppins } from "next/font/google";
import Link from "next/link";
import { Medal } from 'lucide-react';
import localFont from 'next/font/local';
import { Poppins } from 'next/font/google';
import Link from 'next/link';
import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button";
import Image from "next/image";
import { cn } from '@/lib/utils';
import { Button } from '@/components/ui/button';
import Image from 'next/image';
const headingFont = localFont({ src: "../../public/fonts/font.woff2" });
const headingFont = localFont({ src: '../../public/fonts/font.woff2' });
const textFont = Poppins({
subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
subsets: ['latin'],
weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
});
const MarketingPage = () => {
return (
<div className="flex items-center justify-center flex-col">
<div className='flex flex-col items-center justify-center'>
<div
className={cn(
"flex items-center justify-center flex-col",
'flex flex-col items-center justify-center',
headingFont.className
)}
>
<div className="mb-4 flex items-center border shadow-sm p-4 bg-amber-100 text-amber-700 rounded-full uppercase">
<Medal className="h-6 w-6 mr-2" />
<div className='mb-4 flex items-center rounded-full border bg-amber-100 p-4 uppercase text-amber-700 shadow-sm'>
<Medal className='mr-2 h-6 w-6' />
No 1 task management app
</div>
<h1 className="text-3xl md:text-6xl text-center text-neutral-800 mb-6">
<h1 className='mb-6 text-center text-3xl text-neutral-800 md:text-6xl'>
Tasko helps teams move
</h1>
<div className="text-3xl md:text-6xl bg-gradient-to-r from-fuchsia-600 to-pink-600 text-white px-4 p-2 rounded-md pb-4 w-fit">
<div className='w-fit rounded-md bg-gradient-to-r from-fuchsia-600 to-pink-600 p-2 px-4 pb-4 text-3xl text-white md:text-6xl'>
Work forward
</div>
</div>
<div
className={cn(
"text-sm md:text-xl text-neutral-400 mt-4 max-w-xs md:max-w-2xl text-center mx-auto",
'mx-auto mt-4 max-w-xs text-center text-sm text-neutral-400 md:max-w-2xl md:text-xl',
textFont.className
)}
>
@ -44,8 +44,8 @@ const MarketingPage = () => {
high rises to the home office, the way your team works is unique -
accomplish it all with Tasko.
</div>
<Button className="mt-6" size="lg" asChild>
<Link href="/sign-up">Get Tasko for free</Link>
<Button className='mt-6' size='lg' asChild>
<Link href='/sign-up'>Get Tasko for free</Link>
</Button>
</div>
);