diff --git a/src/components/BackgroundImage.tsx b/src/app/(foundation)/components/BackgroundImage.tsx
similarity index 88%
rename from src/components/BackgroundImage.tsx
rename to src/app/(foundation)/components/BackgroundImage.tsx
index 21a53bc..cab55c2 100644
--- a/src/components/BackgroundImage.tsx
+++ b/src/app/(foundation)/components/BackgroundImage.tsx
@@ -27,7 +27,7 @@ export function BackgroundImage({
           fillRule="evenodd"
           clipRule="evenodd"
           d="M58.5 0H43.875V14.2866L29.25 14.2866L29.25 29.25H14.625L14.625 44.0802H0V58.7052V73.3302H14.625L14.625 87.75H29.25L29.25 87.8076L29.25 102.433H44.287V117H58.9119H58.912H73.5369V102.433H87.75V87.8076V87.75H102.375V73.125H117V58.5V43.875H102.375V29.25H87.75V14.2866L73.125 14.2866V0H58.5Z"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.63"
@@ -35,7 +35,7 @@ export function BackgroundImage({
           y="102.375"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.86"
@@ -43,7 +43,7 @@ export function BackgroundImage({
           y="87.75"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.86"
@@ -51,7 +51,7 @@ export function BackgroundImage({
           y="14.625"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.86"
@@ -59,7 +59,7 @@ export function BackgroundImage({
           y="87.75"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.63"
@@ -67,21 +67,21 @@ export function BackgroundImage({
           y="102.375"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.63"
           x="29.25"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.63"
           x="73.125"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.63"
@@ -90,7 +90,7 @@ export function BackgroundImage({
           width="14.625"
           height="14.625"
           transform="rotate(90 14.625 29.4553)"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.63"
@@ -99,7 +99,7 @@ export function BackgroundImage({
           width="14.625"
           height="14.625"
           transform="rotate(90 14.625 73.125)"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.63"
@@ -108,7 +108,7 @@ export function BackgroundImage({
           width="14.625"
           height="14.625"
           transform="rotate(90 117 29.25)"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.63"
@@ -117,7 +117,7 @@ export function BackgroundImage({
           width="14.625"
           height="14.625"
           transform="rotate(90 117 73.125)"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.86"
@@ -125,7 +125,7 @@ export function BackgroundImage({
           y="14.625"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
       </svg>
       <div className="absolute inset-x-0 top-0 h-40 bg-gradient-to-b from-white" />
diff --git a/src/components/Button.tsx b/src/app/(foundation)/components/Button.tsx
similarity index 100%
rename from src/components/Button.tsx
rename to src/app/(foundation)/components/Button.tsx
diff --git a/src/components/Container.tsx b/src/app/(foundation)/components/Container.tsx
similarity index 100%
rename from src/components/Container.tsx
rename to src/app/(foundation)/components/Container.tsx
diff --git a/src/components/DiamondIcon.tsx b/src/app/(foundation)/components/DiamondIcon.tsx
similarity index 100%
rename from src/components/DiamondIcon.tsx
rename to src/app/(foundation)/components/DiamondIcon.tsx
diff --git a/src/components/Footer.tsx b/src/app/(foundation)/components/Footer.tsx
similarity index 87%
rename from src/components/Footer.tsx
rename to src/app/(foundation)/components/Footer.tsx
index 0de6de0..5f04498 100644
--- a/src/components/Footer.tsx
+++ b/src/app/(foundation)/components/Footer.tsx
@@ -1,5 +1,5 @@
-import { Container } from '@/components/Container'
-import { Logo } from '@/components/Logo'
+import { Container } from '@/app/(foundation)/components/Container'
+import { Logo } from '@/app/(foundation)/components/Logo'
 import { IconBrandGithub, IconBrandLinkedin } from '@tabler/icons-react'
 
 export function Footer() {
diff --git a/src/components/Header.tsx b/src/app/(foundation)/components/Header.tsx
similarity index 81%
rename from src/components/Header.tsx
rename to src/app/(foundation)/components/Header.tsx
index 67bb0a0..5cbc074 100644
--- a/src/components/Header.tsx
+++ b/src/app/(foundation)/components/Header.tsx
@@ -1,7 +1,7 @@
-import { Button } from '@/components/Button'
-import { Container } from '@/components/Container'
-import { DiamondIcon } from '@/components/DiamondIcon'
-import { Logo } from '@/components/Logo'
+import { Button } from '@/app/(foundation)/components/Button'
+import { Container } from '@/app/(foundation)/components/Container'
+import { DiamondIcon } from '@/app/(foundation)/components/DiamondIcon'
+import { Logo } from '@/app/(foundation)/components/Logo'
 import Link from 'next/link'
 
 export function Header() {
diff --git a/src/components/Hero.tsx b/src/app/(foundation)/components/Hero.tsx
similarity index 82%
rename from src/components/Hero.tsx
rename to src/app/(foundation)/components/Hero.tsx
index 3fc3699..8228422 100644
--- a/src/components/Hero.tsx
+++ b/src/app/(foundation)/components/Hero.tsx
@@ -1,11 +1,11 @@
-import { BackgroundImage } from '@/components/BackgroundImage'
-import { Button } from '@/components/Button'
-import { Container } from '@/components/Container'
+import { BackgroundImage } from '@/app/(foundation)/components/BackgroundImage'
+import { Button } from '@/app/(foundation)/components/Button'
+import { Container } from '@/app/(foundation)/components/Container'
 
 export function Hero() {
   return (
     <div className="relative py-20 sm:pb-24 sm:pt-36">
-      <BackgroundImage className="-bottom-14 -top-36" />
+      <BackgroundImage className="text-primary-300 -bottom-14 -top-36" />
       <Container className="relative">
         <div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12">
           <h1 className="text-primary-600 font-display text-5xl font-bold tracking-tighter sm:text-7xl">
diff --git a/src/components/Layout.tsx b/src/app/(foundation)/components/Layout.tsx
similarity index 67%
rename from src/components/Layout.tsx
rename to src/app/(foundation)/components/Layout.tsx
index 46fb13b..0dc7460 100644
--- a/src/components/Layout.tsx
+++ b/src/app/(foundation)/components/Layout.tsx
@@ -1,5 +1,5 @@
-import { Footer } from '@/components/Footer'
-import { Header } from '@/components/Header'
+import { Footer } from '@/app/(foundation)/components/Footer'
+import { Header } from '@/app/(foundation)/components/Header'
 
 export function Layout({
   children,
diff --git a/src/components/Logo.tsx b/src/app/(foundation)/components/Logo.tsx
similarity index 100%
rename from src/components/Logo.tsx
rename to src/app/(foundation)/components/Logo.tsx
diff --git a/src/components/Newsletter.tsx b/src/app/(foundation)/components/Newsletter.tsx
similarity index 96%
rename from src/components/Newsletter.tsx
rename to src/app/(foundation)/components/Newsletter.tsx
index 595a184..568aecc 100644
--- a/src/components/Newsletter.tsx
+++ b/src/app/(foundation)/components/Newsletter.tsx
@@ -1,5 +1,5 @@
-import { Button } from '@/components/Button'
-import { Container } from '@/components/Container'
+import { Button } from '@/app/(foundation)/components/Button'
+import { Container } from '@/app/(foundation)/components/Container'
 
 function ArrowRightIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
   return (
diff --git a/src/components/Projects.tsx b/src/app/(foundation)/components/Projects.tsx
similarity index 93%
rename from src/components/Projects.tsx
rename to src/app/(foundation)/components/Projects.tsx
index e23a197..4916ffc 100644
--- a/src/components/Projects.tsx
+++ b/src/app/(foundation)/components/Projects.tsx
@@ -1,8 +1,8 @@
 'use client'
 
-import { BackgroundImage } from '@/components/BackgroundImage'
-import { Button } from '@/components/Button'
-import { Container } from '@/components/Container'
+import { BackgroundImage } from '@/app/(foundation)/components/BackgroundImage'
+import { Button } from '@/app/(foundation)/components/Button'
+import { Container } from '@/app/(foundation)/components/Container'
 import { IconChevronRight } from '@tabler/icons-react'
 
 interface Day {
@@ -118,7 +118,10 @@ export function Projects() {
         </div>
       </Container>
       <div className="relative mt-14 sm:mt-24">
-        <BackgroundImage position="right" className="-bottom-32 -top-40" />
+        <BackgroundImage
+          position="right"
+          className="text-primary-300 -bottom-32 -top-40"
+        />
         <Container className="relative">
           <ScheduleStatic />
         </Container>
diff --git a/src/components/Schedule.tsx b/src/app/(foundation)/components/Schedule.tsx
similarity index 95%
rename from src/components/Schedule.tsx
rename to src/app/(foundation)/components/Schedule.tsx
index f203897..167d9d9 100644
--- a/src/components/Schedule.tsx
+++ b/src/app/(foundation)/components/Schedule.tsx
@@ -1,7 +1,7 @@
 'use client'
 
-import { Button } from '@/components/Button'
-import { Container } from '@/components/Container'
+import { Button } from '@/app/(foundation)/components/Button'
+import { Container } from '@/app/(foundation)/components/Container'
 
 export function Schedule() {
   return (
diff --git a/src/components/Sponsors.tsx b/src/app/(foundation)/components/Sponsors.tsx
similarity index 97%
rename from src/components/Sponsors.tsx
rename to src/app/(foundation)/components/Sponsors.tsx
index 55e4c2a..b1bb7ba 100644
--- a/src/components/Sponsors.tsx
+++ b/src/app/(foundation)/components/Sponsors.tsx
@@ -1,6 +1,6 @@
 import Image from 'next/image'
 
-import { Container } from '@/components/Container'
+import { Container } from '@/app/(foundation)/components/Container'
 
 const sponsors = [
   {
diff --git a/src/app/(main)/layout.tsx b/src/app/(foundation)/layout.tsx
similarity index 67%
rename from src/app/(main)/layout.tsx
rename to src/app/(foundation)/layout.tsx
index 96cba44..4089060 100644
--- a/src/app/(main)/layout.tsx
+++ b/src/app/(foundation)/layout.tsx
@@ -1,4 +1,4 @@
-import { Layout } from '@/components/Layout'
+import { Layout } from '@/app/(foundation)/components/Layout'
 
 export default function MainLayout({
   children,
diff --git a/src/app/(foundation)/page.tsx b/src/app/(foundation)/page.tsx
new file mode 100644
index 0000000..adff97d
--- /dev/null
+++ b/src/app/(foundation)/page.tsx
@@ -0,0 +1,17 @@
+import { Hero } from '@/app/(foundation)/components/Hero'
+import { Newsletter } from '@/app/(foundation)/components/Newsletter'
+import { Projects } from '@/app/(foundation)/components/Projects'
+import { Schedule } from '@/app/(foundation)/components/Schedule'
+import { Sponsors } from '@/app/(foundation)/components/Sponsors'
+
+export default function Home() {
+  return (
+    <>
+      <Hero />
+      <Schedule />
+      <Projects />
+      <Sponsors />
+      <Newsletter />
+    </>
+  )
+}
diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx
deleted file mode 100644
index bf7a294..0000000
--- a/src/app/(main)/page.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Hero } from '@/components/Hero'
-import { Newsletter } from '@/components/Newsletter'
-import { Projects } from '@/components/Projects'
-import { Schedule } from '@/components/Schedule'
-import { Sponsors } from '@/components/Sponsors'
-
-export default function Home() {
-  return (
-    <>
-      <Hero />
-      <Schedule />
-      <Projects />
-      <Sponsors />
-      <Newsletter />
-    </>
-  )
-}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index ecc8c10..e6d5bf2 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,13 +1,13 @@
-import { BackgroundImage } from '@/components/BackgroundImage'
-import { Button } from '@/components/Button'
-import { Container } from '@/components/Container'
-import { Layout } from '@/components/Layout'
+import { BackgroundImage } from '@/app/(foundation)/components/BackgroundImage'
+import { Button } from '@/app/(foundation)/components/Button'
+import { Container } from '@/app/(foundation)/components/Container'
+import { Layout } from '@/app/(foundation)/components/Layout'
 
 export default function NotFound() {
   return (
     <Layout showFooter={false}>
       <div className="relative flex h-full items-center py-20 sm:py-36">
-        <BackgroundImage className="-top-36 bottom-0" />
+        <BackgroundImage className="text-primary-300 -top-36 bottom-0" />
         <Container className="relative flex w-full flex-col items-center">
           <p className="text-primary-900 font-display text-2xl tracking-tight">
             404