Fix: website changes (#127)

website/app/features/page.tsx

@@ -101,7 +101,7 @@ export default function Features() {
       <Separator />
 
       <SettingSection title="Customisable Views" description={null}>
-        <div className="flex flex-col gap-3">
+        <div className="flex flex-col gap-3 pb-6">
           <div className="flex flex-col">
             <h3 className="font-medium text-md">Filter & Focus</h3>
             <p className="">

website/app/integrations/page.tsx

@@ -8,10 +8,12 @@ export default function Integrations() {
   const Description = () => {
     return (
       <>
-        Tegon seamlessly integrates with the tools you already use, keeping you
-        productive and in the zone. Say goodbye to frustrating app switching!
-        Feel free to suggest a new integration by creating a GitHub issue - we
-        value your input!
+        <p>
+          Tegon seamlessly integrates with the tools you already use, keeping
+          you productive and in the zone. Say goodbye to frustrating app
+          switching! Feel free to suggest a new integration by creating a GitHub
+          issue - we value your input!
+        </p>
         <a
           className={cn(
             "mt-2 text-foreground",
@@ -29,7 +31,7 @@ export default function Integrations() {
   return (
     <main className="flex min-h-screen flex-col items-start w-full p-6">
       <SettingSection title="Integrations" description={Description()}>
-        <div className="flex flex-col gap-2">
+        <div className="flex flex-col gap-2 pb-6">
           <IntegrationCard
             name="Github"
             description="Automate your pull request and commit workflows and keep issues synced both ways"

website/app/integrations/setting-section.tsx

@@ -55,7 +55,7 @@ export function SettingSection({
     <div className="flex gap-6 w-full flex-wrap xl:flex-nowrap">
       <div className="w-[400px] shrink-0 flex flex-col">
         <h3 className="text-lg"> {title} </h3>
-        <p className="text-muted-foreground">{description}</p>
+        <p className="text-muted-foreground w-full">{description}</p>
       </div>
       <div className="grow">{children}</div>
     </div>

website/app/page.tsx

@@ -1,17 +1,17 @@
 import { Badge, BadgeColor } from "@/components/ui/badge";
 import { ScrollArea } from "@/components/ui/scroll-area";
-import { Docs, InProgressLine } from "@/icons";
+import { Docs, Help, InProgressLine } from "@/icons";
 import { RiGithubFill, RiSlackLine } from "@remixicon/react";
 import { RightSide } from "./right-side";
 
 export default function Home() {
   return (
-    <div className="grid grid-cols-5 h-full">
-      <div className="col-span-5 xl:col-span-4 flex flex-col">
+    <div className="grid grid-cols-5 h-full overflow-hidden">
+      <div className="col-span-5 xl:col-span-4 flex flex-col overflow-auto">
         <div className="xl:hidden flex">
           <RightSide />
         </div>
-        <div className="border-0 px-6 pt-6 pb-3 font-medium resize-none bg-transparent no-scrollbar overflow-hidden outline-none focus-visible:ring-0 text-xl">
+        <div className="border-0 px-6 pt-6 pb-3 font-medium resize-none bg-transparent no-scrollbar outline-none focus-visible:ring-0 text-xl">
           Tegon: The AI-first Issue Tracking Tool
         </div>
 
@@ -81,12 +81,23 @@ export default function Home() {
               </li>
             </ul>
           </div>
+
+          <div className="flex flex-col items-start gap-2 py-6">
+            <h3 className="text-lg font-medium">Demo</h3>
+
+            <iframe
+              src="https://www.loom.com/embed/b664b01e9b064a02be5791c12b77a107?sid=d4146365-1597-4ff5-88fd-a07b08ddb9f4"
+              frameBorder="0"
+              allowFullScreen
+              className="rounded border"
+            />
+          </div>
         </div>
 
         <div className="flex flex-col justify-between px-6 my-6">
           <div className="text-md mb-2 border-t pt-3"> Links</div>
 
-          <div className="flex flex-col gap-1">
+          <div className="flex flex-col gap-1 pb-6">
             <a
               target="_blank"
               href="https://github.com/tegonhq/tegon"
@@ -98,7 +109,7 @@ export default function Home() {
             </a>
             <a
               target="_blank"
-              href="https://github.com/tegonhq/tegon"
+              href="https://join.slack.com/t/tegoncommunity/shared_invite/zt-2lxo6vq5v-s2zIC0DBDdwIDTdhJ4kBHw"
               className="cursor-pointer w-full bg-grayAlpha-100 px-2 pr-0 py-2 rounded-md flex gap-2 items-center justify-between"
             >
               <div className="flex items-center gap-2">
@@ -114,6 +125,15 @@ export default function Home() {
                 <Docs size={20} /> Tegon Docs
               </div>
             </a>
+            <a
+              target="_blank"
+              href="https://calendly.com/manik-sync/talk-to-us"
+              className="cursor-pointer w-full bg-grayAlpha-100 px-2 pr-0 py-2 rounded-md flex gap-2 items-center justify-between"
+            >
+              <div className="flex items-center gap-2">
+                <Help size={20} /> Schedule call
+              </div>
+            </a>
           </div>
         </div>
       </div>

website/app/story/page.tsx

@@ -1,5 +1,4 @@
 import { Separator } from "@/components/ui/separator";
-import Image from "next/image";
 
 export default function Story() {
   return (
@@ -20,7 +19,7 @@ export default function Story() {
 
       <div className="flex items-center justify-center w-full">
         <img
-          src="https://www.ycombinator.com/media/?type=post&id=73686&key=user_uploads/983234/0b9bffde-d69c-4863-b33c-e4f42cc4f00a"
+          src="/photo.jpg"
           className="w-full border max-w-[500px] rounded"
           alt={""}
         />
@@ -44,67 +43,26 @@ export default function Story() {
       </div>
 
       <Separator />
-      <div>
-        Is AI just a marketing gimmick? We believe not, especially when it comes
-        to project management ...............
-      </div>
 
       <div className="flex flex-col gap-1">
-        <h3 className="font-medium text-lg">
-          The Challenge: Escaping the Vortex
-        </h3>
+        <h3 className="font-medium text-lg">Why AI-First?</h3>
 
         <p>
-          Collaboration is key to building great products, but traditional
-          project management often gets in the way. Endless processes, manual
-          tasks, and conflicting priorities create a vortex of inefficiency that
-          sucks the life out of innovation.
+          Move beyond marketing hype. AI can transform project management.
+          Traditional tools bog teams down in endless processes and manual
+          tasks, hindering collaboration and innovation.
         </p>
-      </div>
-
-      <div className="flex flex-col gap-1">
-        <h3 className="font-medium text-lg">
-          The AI Advantage: Your Intelligent Partner
-        </h3>
-
-        <p>
-          Imagine an tireless assistant that prioritizes work, gathers
-          information from various sources, and automates tedious tasks. This is
-          the power of AI-first project management. It frees your team to focus
-          on what matters most – building amazing products.
-        </p>
-      </div>
-
-      <div className="flex flex-col gap-1">
-        <h3 className="font-medium text-lg">Prioritization Made Simple</h3>
-
         <p>
-          AI goes beyond automation. It gathers context from diverse sources,
-          helping teams identify and focus on the most critical tasks. Human-AI
-          collaboration is the future of project management.
+          This is where AI steps in. Imagine an intelligent assistant that
+          prioritizes work, automates tedious tasks, and gathers insights from
+          various sources. This frees your team to focus on what truly matters:
+          building incredible products.
         </p>
-      </div>
-
-      <div className="flex flex-col gap-1">
-        <h3 className="font-medium text-lg">
-          The Command Center for a Hybrid Workforce
-        </h3>
-
-        <p>
-          In this hybrid world, issue trackers become the command center for
-          human and AI workers. These digital collaborators assist with
-          automation, prioritization, and even complete tasks.
-        </p>
-      </div>
-
-      <div className="flex flex-col gap-1">
-        <h3 className="font-medium text-lg">Building the Future, Together</h3>
-
-        <p className="mb-6">
-          We believe in an open-source approach to build this new way of
-          working. Together, let&apos;s create a future where AI empowers teams
-          to escape the project management vortex and achieve groundbreaking
-          innovation.
+        <p className="pb-6">
+          AI goes beyond automation. It prioritizes tasks based on insights,
+          enabling human-AI collaboration – the future of project management.
+          Tegon empowers you to build this future with an AI-powered, central
+          hub for your team.
         </p>
       </div>
     </main>

website/icons/help.tsx

@@ -0,0 +1,21 @@
+/** Copyright (c) 2024, Tegon, all rights reserved. **/
+
+import type { IconProps } from "./types";
+
+export function Help({ size = 18, className }: IconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      className={className}
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1 7.99782C1 4.13182 4.13401 0.997803 8.00002 0.997803C11.866 0.997803 15 4.13179 15 7.99777L15 9.25207L15 10.5021C15 11.6542 14.2206 12.6244 13.1603 12.914C12.8285 14.2578 11.6148 15.2543 10.1685 15.2543H7C6.58579 15.2543 6.25 14.9185 6.25 14.5043C6.25 14.0901 6.58579 13.7543 7 13.7543H10.1685C10.8048 13.7543 11.3533 13.3785 11.6043 12.8368C10.666 12.4766 10 11.5671 10 10.5021V8.49782C10 7.1171 11.1193 5.9978 12.5 5.9978C12.7279 5.9978 12.9487 6.0283 13.1584 6.08542C12.3815 3.99062 10.3651 2.4978 8.00002 2.4978C5.63492 2.4978 3.6185 3.99062 2.84159 6.08541C3.05138 6.02829 3.27214 5.9978 3.50002 5.9978C4.88073 5.9978 6.00003 7.11709 6.00003 8.49781L6.00004 10.5021C6.00004 11.8828 4.88074 13.0021 3.50002 13.0021C2.1193 13.0021 1 11.8828 1 10.5021V7.99782ZM2.5 10.5021C2.5 11.0544 2.94772 11.5021 3.50002 11.5021C4.05231 11.5021 4.50004 11.0544 4.50004 10.5021L4.50003 8.49782C4.50003 7.94552 4.05231 7.4978 3.50002 7.4978C2.94772 7.4978 2.5 7.94553 2.5 8.49782V10.5021ZM12.7583 11.4684C13.1854 11.3545 13.5 10.965 13.5 10.5021L13.5 8.49782C13.5 7.94552 13.0523 7.4978 12.5 7.4978C11.9477 7.4978 11.5 7.94552 11.5 8.49782V10.5021C11.5 10.965 11.8146 11.3545 12.2417 11.4684C12.3222 11.4388 12.4092 11.4227 12.5 11.4227C12.5908 11.4227 12.6778 11.4388 12.7583 11.4684Z"
+        fill="black"
+      />
+    </svg>
+  );
+}

website/icons/index.ts

@@ -8,3 +8,4 @@ export * from "./stack-line";
 export * from "./in-progress-line";
 export * from "./star";
 export * from "./sentry-icon";
+export * from "./help";