+
+
+ );
+};
+export default Footer;
diff --git a/apps/www/components/NavBar.tsx b/apps/www/components/NavBar.tsx
new file mode 100644
index 000000000..bcb9c321b
--- /dev/null
+++ b/apps/www/components/NavBar.tsx
@@ -0,0 +1,146 @@
+import { Fragment } from "react";
+// next imports
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { Popover, Transition } from "@headlessui/react";
+import Image from "next/image";
+// icons
+import { MenuIcon, XIcon } from "@heroicons/react/outline";
+
+const Header = () => {
+ const router = useRouter();
+
+ const MobileNavLink = ({ href, children }: any) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+ Questions? Comments?
+ Concerns? +
+ + Concerns? +
+
+ Chat to us on Discord
+
+
+ {children}
+ +
+ Plane is open source. Star our GitHub repo!
+
+
+
+
+ );
+};
+
+export default Header;
diff --git a/apps/www/components/about/Detail.tsx b/apps/www/components/about/Detail.tsx
new file mode 100644
index 000000000..d14a37172
--- /dev/null
+++ b/apps/www/components/about/Detail.tsx
@@ -0,0 +1,30 @@
+// next imports
+import Image from "next/image";
+
+const Details = () => {
+ return (
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Details;
diff --git a/apps/www/components/about/Hero.tsx b/apps/www/components/about/Hero.tsx
new file mode 100644
index 000000000..985774684
--- /dev/null
+++ b/apps/www/components/about/Hero.tsx
@@ -0,0 +1,21 @@
+const Hero = () => {
+ return (
+
+
+ Our Mission
+
+ The mission of Plane is to provide a powerful and user-friendly issue
+ planning and tracking tool that is open-source and accessible to teams
+ of all sizes. Our goal is to enable teams to easily plan, progress,
+ and track their work, to improve collaboration, efficiency, and
+ productivity.
+
+ Our Vision
+
+ Our vision for Plane is to be the leading open-source alternative to
+ proprietary tools like JIRA and to provide teams with a flexible,
+ customizable, and easy-to-use platform for managing their work. We aim
+ to provide a range of features and integrations that make it easy for
+ teams to collaborate, communicate, and stay on top of their projects
+ without the need for expensive or complex software.
+
+
+
+ );
+};
+
+export default Hero;
diff --git a/apps/www/components/about/Values.tsx b/apps/www/components/about/Values.tsx
new file mode 100644
index 000000000..45ae45328
--- /dev/null
+++ b/apps/www/components/about/Values.tsx
@@ -0,0 +1,61 @@
+// next imports
+import Image from "next/image";
+
+const Values = () => {
+ const valueData = [
+ {
+ title: "Accessibility",
+ description:
+ "We believe powerful tools for planning and tracking work should be accessible to teams of all sizes and budgets."
+ },
+ {
+ title: "Openness",
+ description:
+ "As an open-source project, we are committed to transparency and collaboration and making our code available for anyone to use and contribute to."
+ },
+ {
+ title: "Flexibility",
+ description:
+ "Every team is unique, so we aim to provide a tool that can be customized and tailored to the specific needs of each team."
+ },
+ {
+ title: "Collaboration",
+ description:
+ "We believe that collaboration is key to success, so we aim to provide features that make it easy for teams to communicate and work together."
+ },
+ {
+ title: "User friendliness",
+ description:
+ "As an open-source project, we are committed to transparency and collaboration and making our code available for anyone to use and contribute to."
+ },
+ {
+ title: "Continual improvement",
+ description:
+ "We are committed to constantly improving Plane, based on feedback from our users and the broader community."
+ }
+ ];
+ return (
+
+ 
+
+
+
+
+ P L A N E
+
+ Want to know
About Us? +
+ About Us? +
+ Lorem ipsum dolor sit amet consectetur. Amet lacus iaculis ipsum nisi
+ justo tortor ut justo.
+
+
+
+ );
+};
+
+export default Values;
diff --git a/apps/www/components/landing/Community.tsx b/apps/www/components/landing/Community.tsx
new file mode 100644
index 000000000..0f7fef15a
--- /dev/null
+++ b/apps/www/components/landing/Community.tsx
@@ -0,0 +1,86 @@
+import React from "react";
+// next imports
+import Image from "next/image";
+import Link from "next/link";
+
+const Community = () => {
+ return (
+
+
+ Our Values
+
+ {valueData.map((data: any, index: number) => (
+
+
+
+ ))}
+
+
+
+
+ {data.title}
+ {data.description}
+
+
+ );
+};
+
+export default Community;
diff --git a/apps/www/components/landing/Features.tsx b/apps/www/components/landing/Features.tsx
new file mode 100644
index 000000000..09007f637
--- /dev/null
+++ b/apps/www/components/landing/Features.tsx
@@ -0,0 +1,174 @@
+import React from "react";
+// next imports
+import Image from "next/image";
+
+const features = [
+ {
+ title: "Plan",
+ description:
+ "Simple yet powerful planning features make it easy to create and prioritize issues, define milestones and deadlines, and assign tasks to team members.",
+ cards: [
+ {
+ title: (
+
+
+ + Join Our Growing Developer Community +
+
+ Join our global community of contributors, developers, and enthusiasts
+ on Discord and Github. Learn more about Plane through documentation
+ from the crew.
+
+
+
+ Create Issues in seconds
+
+ ),
+ description:
+ "Create issues, sub-issues with context and detail in seconds. No distraction, no falling through cracks.",
+ image: "/images/plan1.png"
+ },
+ {
+ title: (
+
+ View it as you like
+
+ ),
+ description:
+ "Kanban, or Lists, we’ve got you covered with the Views you want. Please, filters as you like.",
+ image: "/images/plan2.png"
+ },
+ {
+ title: (
+
+ Match with your Speed
+
+ ),
+ description:
+ "Speed up your work with number of Shortcuts, and increase your productivity by 3.3%.",
+ image: "/images/plan3.png"
+ }
+ ]
+ },
+ {
+ title: "Progress",
+ description:
+ "Create and assign tasks within cycles, track their progress over time, keep your team organized, and ensures that important tasks are completed on time.",
+ cards: [
+ {
+ title: (
+
+ Plan better with Cycles
+
+ ),
+ description:
+ "Sprint better with Cycles by setting fixed time within projects and delivering faster with precision.",
+ image: "/images/progress1.png"
+ },
+ {
+ title: (
+
+ Move faster with
+ Bulk ops
+
+ ),
+ description:
+ "Organise and move issues better within projects and cycles, with bulk operations and powerful search.",
+ image: "/images/progress2.png"
+ },
+ {
+ title: (
+
+ Track and take control
+
+ ),
+ description:
+ "Track Cycles with Simple stats for your team that’ll help you push and clear your backlogs.",
+ image: ""
+ }
+ ]
+ },
+ {
+ title: "Collaboration",
+ description:
+ "With its integration capabilities, Plane helps teams stay connected and aligned across different tools and platforms, ensuring that everyone is working towards the same goals.",
+ cards: [
+ {
+ title: (
+
+ When in doubt,
+ Comment it out
+
+ ),
+ description:
+ "Collaborate and discuss the details of a specific issue within the project using Comments and Activity.",
+ image: "/images/colab1.png"
+ },
+ {
+ title: (
+
+ Get
+ Notified on your Slack
+
+ ),
+ description:
+ "Never miss anything, integrate with your Slack workspace to get notification in real-time.",
+ image: "",
+ coming_soon: true
+ },
+ {
+ title: (
+
+ Work in Real-time
+
+ ),
+ description:
+ "[Coming soon] See updates in real-time within your teams across different tabs devices.",
+ image: "/images/colab3.png",
+ coming_soon: true
+ }
+ ]
+ }
+];
+
+const PrimaryFeatures = () => {
+ return (
+
+
+ );
+};
+
+export default PrimaryFeatures;
diff --git a/apps/www/components/landing/Hero.tsx b/apps/www/components/landing/Hero.tsx
new file mode 100644
index 000000000..cb9a57f8b
--- /dev/null
+++ b/apps/www/components/landing/Hero.tsx
@@ -0,0 +1,71 @@
+// next imports
+import Image from "next/image";
+
+const Hero = () => {
+ return (
+
+
+
+ {features.map((feature: any, index: number) => (
+
+
+
+ ))}
+ 0{index + 1}
+ {feature.title}
+
+ {feature.description}
+
+
+ {feature.cards.map((card: any, index: number) => (
+
+
+ {card.coming_soon && (
+ <>
+
+ ))}
+
+ {" "}
+ coming soon
+
+
+ )}
+
+
+
+
+ {card.title}
+
+ {card.description}
+
+
+ 
+
+
+
+ );
+};
+
+export default Hero;
diff --git a/apps/www/components/landing/OpenSource.tsx b/apps/www/components/landing/OpenSource.tsx
new file mode 100644
index 000000000..da1b3b78a
--- /dev/null
+++ b/apps/www/components/landing/OpenSource.tsx
@@ -0,0 +1,64 @@
+import React from "react";
+// next imports
+import Image from "next/image";
+import Link from "next/link";
+
+const OpenSource = () => {
+ const data = [
+ { title: "17k+", description: "Stars" },
+ { title: "20k+", description: "PRs closed" },
+ { title: "300+", description: "Contributors" }
+ ];
+ return (
+
+
+
+
+
+ {/*
+
+
*/}
+
+
+
+
+
+ P L A N E
+
+ Issue Tracking tool you’ll
+ fall in love with.
+
+
+ Plane helps you track your issues, epics, and product roadmaps.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ With its intuitive UI and powerful features, Plane makes it easy to
+ plan and track projects, assign tasks to team members, and monitor
+ progress.
+
+
+
+ );
+};
+
+export default OpenSource;
diff --git a/apps/www/components/landing/TimeLine.tsx b/apps/www/components/landing/TimeLine.tsx
new file mode 100644
index 000000000..b40856672
--- /dev/null
+++ b/apps/www/components/landing/TimeLine.tsx
@@ -0,0 +1,63 @@
+import React from "react";
+
+const TimeLine = () => {
+ const timelineData = [
+ { name: "Private Alpha", description: "Released on October 17, 2022" },
+ {
+ name: "First open-source commit",
+ description: "Scheduled on November 19, 2022"
+ },
+ { name: "Public beta", description: "Scheduled on December 25, 2022" },
+ { name: "Real-time sync", description: "Scheduled on January 14th, 2022" },
+ {
+ name: "GitHub and Slack integration",
+ description: " Scheduled on January 5, 2022"
+ }
+ ];
+
+ return (
+
+
+
+
+
+
+
+
+
+ We are open-source
+
+
+ Host it on your own servers, and easily extend Plane with custom
+ integrations. Choose from a rich set of developer APIs and never
+ be limited by platform features.
+
+
+
+ Star us on GitHub
+
+
+ {/*
+ {data.map((item: any, index: number) => (
+
*/}
+
+
+ ))}
+
+
+
+
+ {item.title}
+
+ {item.description}
+
+
+
+ );
+};
+
+export default TimeLine;
diff --git a/apps/www/components/nprogress.tsx b/apps/www/components/nprogress.tsx
new file mode 100644
index 000000000..95ac72d13
--- /dev/null
+++ b/apps/www/components/nprogress.tsx
@@ -0,0 +1,30 @@
+import NProgress from "nprogress";
+import { useRouter } from "next/router";
+import { useEffect } from "react";
+
+export default function Progress() {
+ const router = useRouter();
+
+ useEffect(() => {
+ let timeout: NodeJS.Timeout;
+
+ const start = () => {
+ timeout = setTimeout(NProgress.start, 100);
+ };
+
+ const done = () => {
+ clearTimeout(timeout);
+ NProgress.done();
+ };
+
+ router.events.on("routeChangeStart", start);
+ router.events.on("routeChangeComplete", done);
+ router.events.on("routeChangeError", done);
+ return () => {
+ router.events.off("routeChangeStart", start);
+ router.events.off("routeChangeComplete", done);
+ router.events.off("routeChangeError", done);
+ };
+ }, []);
+ return <>;
+}
diff --git a/apps/www/components/page.tsx b/apps/www/components/page.tsx
new file mode 100644
index 000000000..fba608c18
--- /dev/null
+++ b/apps/www/components/page.tsx
@@ -0,0 +1,83 @@
+import Head from "next/head";
+import { useRouter } from "next/router";
+
+import {
+ SITE_NAME,
+ SITE_DESCRIPTION,
+ SITE_URL,
+ TWITTER_USER_NAME
+} from "@constants/seo/seo-variables";
+
+type Meta = {
+ title?: string | null;
+ description?: string | null;
+ image?: string | null;
+ url?: string | null;
+};
+
+type Props = {
+ meta: Meta;
+ children: React.ReactNode;
+};
+
+const PageSeo = ({ meta, children }: Props) => {
+ const router = useRouter();
+ const image = meta.image || "/site-image.png";
+ const title = meta.title || SITE_NAME;
+ const url = meta.url || `${SITE_URL}${router.asPath}`;
+ const description = meta.description || SITE_DESCRIPTION;
+
+ return (
+ <>
+
+ + Here's what we are building to keep your itineraries right.{" "} +
++ Full roadmap, coming soon. +
+-
+ {timelineData.map((data: any, index: number) => (
+
-
+ + +++ ++ +++
+ {data.name} +
+ +
+ ))}
+
+
+ );
+};
+
+export default Enterprise;
diff --git a/apps/www/components/pricing/Enterprise.tsx b/apps/www/components/pricing/Enterprise.tsx
new file mode 100644
index 000000000..e7f4b9fa4
--- /dev/null
+++ b/apps/www/components/pricing/Enterprise.tsx
@@ -0,0 +1,66 @@
+// next imports
+import Image from "next/image";
+// next imports
+import Link from "next/link";
+
+const content = [
+ "Unlimited everything",
+ "Custom billing",
+ "Talk to us",
+ "SAML / Single Sign On",
+ "Audit log and app management",
+ "Priority support"
+];
+const Enterprise = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ Community Edition
+
+
+ Free Forever
+
+
+ Open-Source under Apache 2.0 License
+
+
+
+ Self-host Plane
+
+
+
+ {content.map((_: string, index: number) => (
+
+
+
+ ))}
+
+
+ {_}
+
+
+ );
+};
+
+export default Enterprise;
diff --git a/apps/www/components/pricing/Hero.tsx b/apps/www/components/pricing/Hero.tsx
new file mode 100644
index 000000000..63eab504a
--- /dev/null
+++ b/apps/www/components/pricing/Hero.tsx
@@ -0,0 +1,22 @@
+const Hero = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ Enterprise
+
+
+ Coming Soon
+
+
+
+ Talk to us
+
+
+ {/*
+ Lorem ipsum dolor sit amet consectetur. Luctus amet tortor
+ facilisis pellentesque. Sit feugiat faucibus luctus tempor et
+ enim. Sit amet metus viverra congue quis a sagittis ut
+ lacinia.
+
*/}
+
+ {content.map((_: string, index: number) => (
+
+
+
+ ))}
+
+
+ {_}
+
+
+ );
+};
+
+export default Hero;
diff --git a/apps/www/components/pricing/Pricing.tsx b/apps/www/components/pricing/Pricing.tsx
new file mode 100644
index 000000000..13058b26a
--- /dev/null
+++ b/apps/www/components/pricing/Pricing.tsx
@@ -0,0 +1,79 @@
+// next imports
+import Image from "next/image";
+
+const CloudPricing = () => {
+ const pricingData = [
+ {
+ title: "Cloud Free",
+ description: "Free Forever",
+ details: [
+ "Unlimited Members",
+ "1000 issues",
+ "5MB per issue file uploads",
+ "Community Support"
+ ],
+ button: "Get started with Free"
+ },
+ {
+ title: "Cloud Pro",
+ description: "$5 per user / month",
+ details: [
+ "Everything in free, plus",
+ "Unlimited issues",
+ "Unlimited file uploads",
+ "Priority Support"
+ ],
+ button: "Get started with Cloud Pro"
+ }
+ ];
+
+ return (
+
+
+
+
+
+
+ P L A N E
+
+ No-brainer Pricing for
+ everyone.
+
+
+ Get started with Plane for free. Upgrade to Pro for unlimited support,
+ file uploads, and access to premium features.
+
+
+
+ );
+};
+
+export default CloudPricing;
diff --git a/apps/www/components/pricing/Table.tsx b/apps/www/components/pricing/Table.tsx
new file mode 100644
index 000000000..cb2f14903
--- /dev/null
+++ b/apps/www/components/pricing/Table.tsx
@@ -0,0 +1,177 @@
+// next imports
+import Image from "next/image";
+
+const FeaturesTable = () => {
+ const tableData = [
+ {
+ name: "Lorem ipsum",
+ free: true,
+ pro: true,
+ enterprise: true
+ },
+ {
+ name: "Lorem ipsum",
+ free: true,
+ pro: true,
+ enterprise: true
+ },
+ {
+ name: "Lorem ipsum",
+ free: true,
+ pro: true,
+ enterprise: true
+ },
+ {
+ name: "Lorem ipsum",
+ free: true,
+ pro: true,
+ enterprise: true
+ },
+ {
+ name: "Lorem ipsum",
+ free: false,
+ pro: true,
+ enterprise: true
+ },
+ {
+ name: "Lorem ipsum",
+ free: false,
+ pro: false,
+ enterprise: true
+ }
+ ];
+ return (
+
+ {pricingData.map((data: any, index: number) => (
+
+
+
+ ))}
+
+
+
+
+
+
+
+ {data.title}
+
+ {data.description}
+
+
+ {data.details.map((_: any, index: number) => (
+
+
+
+ ))}
+
+
+ {_}
+
+
+
+
+
+ );
+};
+
+export default FeaturesTable;
diff --git a/apps/www/components/workLog/Detail.tsx b/apps/www/components/workLog/Detail.tsx
new file mode 100644
index 000000000..a61b1eec3
--- /dev/null
+++ b/apps/www/components/workLog/Detail.tsx
@@ -0,0 +1,100 @@
+// next imports
+import Link from "next/link";
+import Image from "next/image";
+
+const DetailsPage = () => {
+ const detailsData = [
+ {
+ image: "/images/demo.png",
+ date: "17 December 2022",
+ heading: "Lorem ipsum",
+ description:
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a. Eget in id vitae pellentesque neque morbi. Eget sed ornare praesent ac cursus. Sit ut massa vitae mauris mauris justo. Odio amet accumsan interdum ultrices mauris pretium eleifend. Nulla elementum morbi volutpat aliquam accumsan diam cum.",
+ title: "Fixes & Improvements",
+ details: [
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a."
+ ]
+ },
+ {
+ image: "/images/demo.png",
+ date: "17 December 2022",
+ heading: "Lorem ipsum",
+ description:
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a. Eget in id vitae pellentesque neque morbi. Eget sed ornare praesent ac cursus. Sit ut massa vitae mauris mauris justo. Odio amet accumsan interdum ultrices mauris pretium eleifend. Nulla elementum morbi volutpat aliquam accumsan diam cum.",
+ title: "Fixes & Improvements",
+ details: [
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a."
+ ]
+ },
+ {
+ image: "/images/demo.png",
+ date: "17 December 2022",
+ heading: "Lorem ipsum",
+ description:
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a. Eget in id vitae pellentesque neque morbi. Eget sed ornare praesent ac cursus. Sit ut massa vitae mauris mauris justo. Odio amet accumsan interdum ultrices mauris pretium eleifend. Nulla elementum morbi volutpat aliquam accumsan diam cum.",
+ title: "Fixes & Improvements",
+ details: [
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a.",
+ "Lorem ipsum dolor sit amet consectetur. Id proin enim molestie in quis porttitor lorem orci. Iaculis faucibus morbi tristique eu odio maecenas sagittis a."
+ ]
+ }
+ ];
+ return (
+
+
+
+
+
+ | + Lorem ipsum + | +
+ Cloud Free
+ |
+
+ Cloud Pro
+ |
+
+ Enterprise
+ |
+
|---|---|---|---|
| + {data.name} + | +
+ {data.free && (
+
+
+ )}
+ |
+
+ {" "}
+ {data.pro && (
+
+
+ )}
+ |
+
+ {data.enterprise && (
+
+
+ )}
+ |
+
| + {data.name} + | +
+ {data.free && (
+
+
+ )}
+ |
+
+ {" "}
+ {data.pro && (
+
+
+ )}
+ |
+
+ {data.enterprise && (
+
+
+ )}
+ |
+
+
+ );
+};
+
+export default DetailsPage;
diff --git a/apps/www/components/workLog/Hero.tsx b/apps/www/components/workLog/Hero.tsx
new file mode 100644
index 000000000..cf9135670
--- /dev/null
+++ b/apps/www/components/workLog/Hero.tsx
@@ -0,0 +1,25 @@
+// next imports
+import Link from "next/link";
+import Image from "next/image";
+
+const Hero = () => {
+ return (
+
+ {detailsData.map((detail: any, index: number) => (
+
+
+
+ ))}
+
+
+
+
+
+
+ {detail.date}
+
+ {detail.heading}
+
+ {detail.description}
+ {detail.title}
+ {detail.details.map((_: any, index: number) => (
+
+
+ ))}
+
+
+ {_}
+
+
+ );
+};
+
+export default Hero;
diff --git a/apps/www/configuration/axios-configuration.ts b/apps/www/configuration/axios-configuration.ts
new file mode 100644
index 000000000..c312e6357
--- /dev/null
+++ b/apps/www/configuration/axios-configuration.ts
@@ -0,0 +1,27 @@
+import axios from "axios";
+// cookie
+import cookie from "js-cookie";
+// constants
+import { BASE_STAGING, BASE_LOCAL, BASE_PROD } from "@constants/api-routes";
+
+
+if (process.env.NEXT_PUBLIC_APP_ENVIRONMENT === "production") {
+ axios.defaults.baseURL = BASE_PROD;
+} else if (process.env.NEXT_PUBLIC_APP_ENVIRONMENT === "preview") {
+ axios.defaults.baseURL = BASE_STAGING;
+} else {
+ axios.defaults.baseURL = BASE_LOCAL;
+}
+
+const UNAUTHORIZED = [401];
+axios.interceptors.response.use(
+ (response) => response,
+ (error) => {
+ const { status }: any = error.response;
+ if (UNAUTHORIZED.includes(status)) {
+ // logout();
+ // window.location.href = "/login";
+ }
+ return Promise.reject(error);
+ }
+);
diff --git a/apps/www/constants/api-routes.ts b/apps/www/constants/api-routes.ts
new file mode 100644
index 000000000..16d62bd3a
--- /dev/null
+++ b/apps/www/constants/api-routes.ts
@@ -0,0 +1,5 @@
+// Base URLS
+export const BASE_PROD = ``;
+export const BASE_LOCAL = ``;
+export const BASE_STAGING = ``;
+
diff --git a/apps/www/constants/page.ts b/apps/www/constants/page.ts
new file mode 100644
index 000000000..9dcc5fd6c
--- /dev/null
+++ b/apps/www/constants/page.ts
@@ -0,0 +1,4 @@
+export const META_DESCRIPTION = "plane.so";
+export const SITE_NAME = "Plane.so";
+export const SITE_URL = "/";
+export const TWITTER_USER_NAME = "caravel_";
diff --git a/apps/www/constants/seo/seo-variables.ts b/apps/www/constants/seo/seo-variables.ts
new file mode 100644
index 000000000..a4ec2e575
--- /dev/null
+++ b/apps/www/constants/seo/seo-variables.ts
@@ -0,0 +1,5 @@
+export const SITE_NAME = "Default site name";
+export const SITE_DESCRIPTION = "Default site description";
+export const SITE_KEYWORDS = "default site keywords";
+export const SITE_URL = "http://localhost:3000/";
+export const TWITTER_USER_NAME = "caravel";
diff --git a/apps/www/layouts/default.tsx b/apps/www/layouts/default.tsx
new file mode 100644
index 000000000..d8e859ac1
--- /dev/null
+++ b/apps/www/layouts/default.tsx
@@ -0,0 +1,18 @@
+import Navbar from "@components/NavBar";
+import Footer from "@components/Footer";
+
+const DefaultLayout = (props: any) => {
+ return (
+
+
+
+
+
+
+ P L A N E
+
+ Wanna know about our Pricing?
+
+
+ Lorem ipsum dolor sit amet consectetur. Amet lacus iaculis ipsum nisi
+ justo tortor ut justo.
+
+
+
+ );
+};
+
+export default DefaultLayout;
diff --git a/apps/www/layouts/index.tsx b/apps/www/layouts/index.tsx
new file mode 100644
index 000000000..e006ec497
--- /dev/null
+++ b/apps/www/layouts/index.tsx
@@ -0,0 +1 @@
+export { default as DefaultLayout } from "./default";
diff --git a/apps/www/lib/services/index.ts b/apps/www/lib/services/index.ts
new file mode 100644
index 000000000..23f8afc58
--- /dev/null
+++ b/apps/www/lib/services/index.ts
@@ -0,0 +1,11 @@
+import axios from "axios";
+// api routes
+
+export const APIFetcher = async (url: any) => {
+ try {
+ const response = await axios.get(url);
+ return response.data;
+ } catch (error: any) {
+ throw error.response.data;
+ }
+};
diff --git a/apps/www/next-env.d.ts b/apps/www/next-env.d.ts
new file mode 100644
index 000000000..4f11a03dc
--- /dev/null
+++ b/apps/www/next-env.d.ts
@@ -0,0 +1,5 @@
+///
+
+ {props.children}
+
+
+
+