trying lucia

src/components/HomeContent/index.tsx

@@ -1,6 +1,6 @@
-import Header from "../Header";
-import Hero from "../Hero";
-import FeaturesSection from "../FeaturesSection";
+import Header from "@components/Header";
+import Hero from "@components/Hero";
+import FeaturesSection from "@components/FeaturesSection";
 import About from "@siteInfo/About/page";
 import Contact from "@siteInfo/Contact/page";
 import Footer from "@siteInfo/Footer/page";

src/components/ProductPage/index.tsx

@@ -1,5 +1,5 @@
 'use server'
-export  const TestProductPage = async (props: any) => {
+export  const ProductPage = async (props: any) => {
     return ( 
         <div className="fixed pin z-50 overflow-auto bg-smoke-light flex">
             {props.data.modelnumber}

src/components/ProductTable/index.tsx

@@ -1,4 +1,3 @@
-import { psa } from "@schemas/schema";
 import Image from "next/image";
 import Link from "next/link";
 

src/components/SortTable/index.tsx

@@ -3,7 +3,7 @@ import { PlusCircleIcon } from "@heroicons/react/20/solid";
 
 import Image from "next/image";
 import Link from "next/link";
-import { TestProductPage } from "@src/components/TestProductPage";
+import { ProductPage } from "@src/components/ProductPage";
 
 export default async function SortTable(props: any) {
   return (
@@ -128,7 +128,7 @@ export default async function SortTable(props: any) {
                       </button>
                     </td>
                     <td style={{display:'none'}}>
-                    <TestProductPage data={item}></TestProductPage>
+                    <ProductPage data={item}></ProductPage>
                     </td>
                   </tr>
                 ))}