diff --git a/app/ModelViewer.js b/app/ModelViewer.js
new file mode 100644
index 0000000..7fb0e17
--- /dev/null
+++ b/app/ModelViewer.js
@@ -0,0 +1,15 @@
+const ModelViewer = () => {
+ return (
+
+ );
+ };
+
+ export default ModelViewer;
\ No newline at end of file
diff --git a/app/_app.js b/app/_app.js
new file mode 100644
index 0000000..28b7b3a
--- /dev/null
+++ b/app/_app.js
@@ -0,0 +1,15 @@
+import Script from 'next/script';
+
+function MyApp({ Component, pageProps }) {
+ return (
+ <>
+
+
+
+ );
+}
+
+export default MyApp;
\ No newline at end of file
diff --git a/app/guide/page.tsx b/app/guide/page.tsx
index 82653e2..801a11f 100644
--- a/app/guide/page.tsx
+++ b/app/guide/page.tsx
@@ -19,8 +19,7 @@ const fadeIn = keyframes({ from: { opacity: 0 }, to: { opacity: 1 } })
export default function guide() {
return (
- hello world!
-
+
);
}
diff --git a/app/page.tsx b/app/page.tsx
index d4a5514..5d20711 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,7 +1,12 @@
"use client";
+
+
/* eslint-disable @typescript-eslint/no-unused-vars */
import { keyframes } from '@emotion/react'
+import '@google/model-viewer';
+import Script from 'next/script';
+
// import Image from "next/image";
import {
Box,
@@ -12,6 +17,11 @@ import {
Heading,
Text,
} from 'theme-ui'
+import dynamic from 'next/dynamic';
+
+// const ModelViewer = dynamic(() => import('./ModelViewer'), { ssr: false });
+import ModelViewer from './ModelViewer.js';
+
const fall = ( rotationDirection: number) => keyframes`
from {
transform: translateY(-10%) rotate(0deg);
@@ -23,8 +33,8 @@ const fall = ( rotationDirection: number) => keyframes`
export default function Home() {
return (
-
-
+
+
+
+{/*
+ /> */}
- Design a PCB holiday decoration this winter, get a PCB grant!
+ Design a PCB holiday decoration this winter, get a PCB grant!