WIP

components.json

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "tailwind.config.ts",
-    "css": "src/app/globals.css",
+    "css": "src/styles/globals.css",
     "baseColor": "slate",
     "cssVariables": true,
     "prefix": ""

next.config.js

@@ -0,0 +1,9 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  images: {
+    domains: ["aceternity.com"],
+  },
+  // You can add other Next.js configurations here if needed
+};
+
+module.exports = nextConfig;

package.json

@@ -28,6 +28,7 @@
     "framer-motion": "^11.5.6",
     "gray-matter": "^4.0.3",
     "lucide-react": "^0.439.0",
+    "mini-svg-data-uri": "^1.4.4",
     "next": "14.2.9",
     "next-mdx-remote": "^5.0.0",
     "next-themes": "^0.3.0",
@@ -43,7 +44,6 @@
     "react-typed": "^2.0.12",
     "remark": "^15.0.1",
     "remark-html": "^16.0.1",
-    "sass": "^1.77.6",
     "sharp": "^0.33.4",
     "simplex-noise": "^4.0.3",
     "tailwind-merge": "^2.5.2",
@@ -62,6 +62,7 @@
     "postcss-custom-media": "^10.0.7",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-import": "^16.1.0",
+    "sass": "^1.79.3",
     "tailwindcss": "^3.4.12",
     "typescript": "^5"
   }

postcss.config.mjs

@@ -4,7 +4,7 @@ const config = {
     [
       "@csstools/postcss-global-data",
       {
-        files: ["src/components/once-ui/styles/breakpoints.scss"],
+        files: ["src/styles/breakpoints.scss"],
       },
     ],
     "tailwindcss", // Add Tailwind CSS plugin