Refactor sections into subfolder

Author: bring-shrubbery

apps/web/app/page.tsx

@@ -1,11 +1,11 @@
 import { Navbar } from "@/components/navbar";
-import { SquircleDemoSection } from "./SquircleDemoSection";
-import { UsageSection } from "./UsageSection";
-import { ExamplesSection } from "./ExamplesSection";
-import { FeaturesSection } from "./FeaturesSection";
-import { HowItWorksSection } from "./HowItWorksSection";
-import { LicenseSection } from "./LicenseSection";
-import { LinksSection } from "./LinksSection";
+import { SquircleDemoSection } from "./sections/SquircleDemoSection";
+import { UsageSection } from "./sections/UsageSection";
+import { ExamplesSection } from "./sections/ExamplesSection";
+import { FeaturesSection } from "./sections/FeaturesSection";
+import { HowItWorksSection } from "./sections/HowItWorksSection";
+import { LicenseSection } from "./sections/LicenseSection";
+import { LinksSection } from "./sections/LinksSection";
 
 export default function Page() {
   return (

apps/web/app/ExamplesSection.tsx renamed to apps/web/app/sections/ExamplesSection.tsx

@@ -25,7 +25,7 @@ export const SquircleDemoSection = () => {
         </Squircle>
         <br />
         for{" "}
-        <span className="relative before:absolute before:-inset-x-1 before:h-1 before:-bottom-1 before:-rotate-2 before:bg-black before:-z-10">
+        <span className="relative before:absolute before:-inset-x-1 before:h-1 before:-bottom-1 before:-rotate-2 before:bg-foreground before:-z-10">
           your
         </span>{" "}
         Frontend
@@ -35,7 +35,7 @@ export const SquircleDemoSection = () => {
         Use{" "}
         <Squircle
           as="code"
-          className="bg-gray-800 text-white py-1 pl-2 pr-2"
+          className="bg-foreground text-white py-1 pl-2 pr-2"
           cornerRadius={10}
           cornerSmoothing={1}
         >