🚚 Move components to folder

chowdhary-org · Apr 25, 2024 · b5d1bd5 · b5d1bd5
1 parent d21b4de
commit b5d1bd5
Show file tree

Hide file tree

Showing 17 changed files with 60 additions and 57 deletions.
diff --git a/src/components/BackgroundImage.tsx → ...oundation)/components/BackgroundImage.tsx b/src/components/BackgroundImage.tsx → ...oundation)/components/BackgroundImage.tsx
@@ -27,61 +27,61 @@ 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"
           x="29.662"
           y="102.375"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.86"
           x="14.625"
           y="87.75"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.86"
           x="14.625"
           y="14.625"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.86"
           x="87.75"
           y="87.75"
           width="14.625"
           height="14.625"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.63"
           x="73.537"
           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,15 +117,15 @@ export function BackgroundImage({
           width="14.625"
           height="14.625"
           transform="rotate(90 117 73.125)"
-          fill="#00EC97"
+          fill="currentColor"
         />
         <rect
           opacity="0.86"
           x="87.75"
           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 → src/app/(foundation)/components/Button.tsx b/src/components/Button.tsx → src/app/(foundation)/components/Button.tsx
diff --git a/src/components/Container.tsx → ...app/(foundation)/components/Container.tsx b/src/components/Container.tsx → ...app/(foundation)/components/Container.tsx
diff --git a/src/components/DiamondIcon.tsx → ...p/(foundation)/components/DiamondIcon.tsx b/src/components/DiamondIcon.tsx → ...p/(foundation)/components/DiamondIcon.tsx
diff --git a/src/components/Footer.tsx → src/app/(foundation)/components/Footer.tsx b/src/components/Footer.tsx → 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 → src/app/(foundation)/components/Header.tsx b/src/components/Header.tsx → 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 → src/app/(foundation)/components/Hero.tsx b/src/components/Hero.tsx → 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 → src/app/(foundation)/components/Layout.tsx b/src/components/Layout.tsx → 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 → src/app/(foundation)/components/Logo.tsx b/src/components/Logo.tsx → src/app/(foundation)/components/Logo.tsx
diff --git a/src/components/Newsletter.tsx → ...pp/(foundation)/components/Newsletter.tsx b/src/components/Newsletter.tsx → ...pp/(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 → src/app/(foundation)/components/Projects.tsx b/src/components/Projects.tsx → 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 → src/app/(foundation)/components/Schedule.tsx b/src/components/Schedule.tsx → 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 → src/app/(foundation)/components/Sponsors.tsx b/src/components/Sponsors.tsx → 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 → src/app/(foundation)/layout.tsx b/src/app/(main)/layout.tsx → 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
@@ -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
diff --git 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