refactor(www): Improving Folder structure, and updated site urls config

alifarooq9 · May 14, 2024 · 404ccad · 404ccad
1 parent 3af2b3f
commit 404ccad
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 19 deletions.
diff --git a/apps/www/src/app/(app)/page.tsx → apps/www/src/app/(app)/(marketing)/page.tsx b/apps/www/src/app/(app)/page.tsx → apps/www/src/app/(app)/(marketing)/page.tsx
@@ -10,13 +10,14 @@ import Balancer from "react-wrap-balancer";
 import { Background } from "@/components/background";
 
 export default async function HomePage() {
+    8;
     const repoStars = await getRepoStars();
 
     return (
         <>
             <section className="container flex flex-col items-center justify-center gap-4 py-20">
                 <Link
-                    href={siteUrls.twitter}
+                    href={siteUrls.socials.twitter}
                     className="flex items-center space-x-2 rounded-md bg-secondary px-3 py-2 text-sm hover:bg-secondary/80"
                 >
                     <span>🎉</span>
@@ -43,15 +44,15 @@ export default async function HomePage() {
                 </Balance>
                 <div className="flex items-center gap-4">
                     <Link
-                        href={siteUrls.earlyAccess}
+                        href={siteUrls.marketing.earlyAccess}
                         className={buttonVariants({
                             className: "flex items-center gap-2",
                         })}
                     >
                         Early Access
                     </Link>
                     <Link
-                        href={siteUrls.github}
+                        href={siteUrls.socials.github}
                         className={buttonVariants({
                             className: "flex items-center",
                             variant: "outline",

diff --git a/apps/www/src/app/(app)/_components/mobile-nav.tsx b/apps/www/src/app/(app)/_components/mobile-nav.tsx
@@ -28,7 +28,10 @@ export function MobileNav() {
             </SheetTrigger>
             <SheetContent side="left" className="pr-0">
                 <div className="mb-8">
-                    <Link href={siteUrls.home} className="left-4 z-10">
+                    <Link
+                        href={siteUrls.marketing.base}
+                        className="left-4 z-10"
+                    >
                         <Icons.logo
                             iconProps={{
                                 className:

diff --git a/apps/www/src/app/(app)/_components/saas-startkit-highlight.tsx b/apps/www/src/app/(app)/_components/saas-startkit-highlight.tsx
@@ -47,7 +47,7 @@ export function SaasStarterkitHighlight() {
             <p className="gap-2 text-center text-sm sm:text-left">
                 For more information, Visit the{" "}
                 <Link
-                    href={siteUrls.saasStarterkit}
+                    href={siteUrls.saasStarterkit.base}
                     className={badgeVariants({
                         variant: "secondary",
                         className: "ml-1 mt-1 gap-0.5 sm:mt-0",
@@ -70,7 +70,7 @@ export function SaasStarterkitHighlight() {
                     ))}
 
                     <Link
-                        href={siteUrls.saasStarterkit}
+                        href={siteUrls.saasStarterkit.base}
                         className={buttonVariants({
                             variant: "ghost",
                             size: "sm",

diff --git a/apps/www/src/app/(app)/_components/side-header.tsx b/apps/www/src/app/(app)/_components/side-header.tsx
@@ -14,7 +14,10 @@ export function SiteHeader() {
                 <div className="flex items-center gap-5">
                     <MobileNav />
 
-                    <Link href={siteUrls.home} className="left-4 z-10">
+                    <Link
+                        href={siteUrls.marketing.base}
+                        className="left-4 z-10"
+                    >
                         <Icons.logo
                             classNameText="hidden sm:block"
                             iconProps={{
@@ -29,7 +32,7 @@ export function SiteHeader() {
 
                 <nav className="flex items-center gap-2">
                     <Link
-                        href={siteUrls.twitter}
+                        href={siteUrls.socials.twitter}
                         target="_blank"
                         className={buttonVariants({
                             variant: "outline",
@@ -39,7 +42,7 @@ export function SiteHeader() {
                         <Icons.twitter className="h-4 w-4 fill-foreground" />
                     </Link>
                     <Link
-                        href={siteUrls.github}
+                        href={siteUrls.socials.github}
                         target="_blank"
                         className={buttonVariants({
                             variant: "outline",

diff --git a/apps/www/src/app/(app)/_components/site-footer.tsx b/apps/www/src/app/(app)/_components/site-footer.tsx
@@ -7,7 +7,7 @@ export function SiteFooter() {
                 <p className="text-balance text-center text-sm leading-loose text-muted-foreground md:text-left">
                     Built by{" "}
                     <a
-                        href={siteUrls.twitter}
+                        href={siteUrls.socials.twitter}
                         target="_blank"
                         rel="noreferrer"
                         className="font-medium underline underline-offset-4"
@@ -16,7 +16,7 @@ export function SiteFooter() {
                     </a>
                     . The source code is available on{" "}
                     <a
-                        href={siteUrls.github}
+                        href={siteUrls.socials.github}
                         target="_blank"
                         rel="noreferrer"
                         className="font-medium underline underline-offset-4"

diff --git a/apps/www/src/config/urls.ts b/apps/www/src/config/urls.ts
@@ -1,10 +1,21 @@
 export const siteUrls = {
-    home: "/",
-    saasStarterkit: "/saas-starterkit",
-    components: "/components",
-    blog: "/blog",
-    docs: "/docs",
-    twitter: "https://twitter.com/AliFarooqDev",
-    github: "/gh",
-    earlyAccess: "/#early-access",
+    marketing: {
+        base: "/",
+        pricing: "/pricing",
+        blog: "/blog",
+        earlyAccess: "/#early-access",
+    },
+    saasStarterkit: {
+        base: "/saas-starterkit",
+    },
+    docs: {
+        base: "/docs",
+    },
+    blocks: {
+        base: "/blocks",
+    },
+    socials: {
+        twitter: "https://twitter.com/AliFarooqDev",
+        github: "/gh",
+    },
 } as const;