CollectionPrinciples

Author: alexanderkirtzel

website/src/components/home/features.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import {

…onents/services/collectionprinciples.tsx …onents/services/collectionPrinciples.tsxwebsite/src/components/services/collectionprinciples.tsx renamed to website/src/components/services/collectionPrinciples.tsx website/src/components/services/collectionprinciples.tsx renamed to website/src/components/services/collectionPrinciples.tsx

@@ -1,13 +1,11 @@
 import React from 'react';
 
 type CollectionPrinciple = {
-  // Changed to singular form
   name: string;
   description: string;
 };
 
 const collectionPrinciples: CollectionPrinciple[] = [
-  // Changed to lowercase 'c'
   {
     name: 'Do not build on rented land',
     description:
@@ -46,7 +44,6 @@ const collectionPrinciples: CollectionPrinciple[] = [
 ];
 
 export default function CollectionPrinciples() {
-  // Changed component name to PascalCase
   return (
     <div className="py-24 sm:py-32">
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
@@ -59,16 +56,12 @@ export default function CollectionPrinciples() {
           </p>
         </div>
         <dl className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 text-base/7 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
-          {collectionPrinciples.map(
-            (
-              principle, // Used lowercase variable
-            ) => (
-              <div key={principle.name}>
-                <dt className="font-semibold text-gray-50">{principle.name}</dt>
-                <dt className="mt-1 text-gray-300">{principle.description}</dt>
-              </div>
-            ),
-          )}
+          {collectionPrinciples.map((principle) => (
+            <div key={principle.name}>
+              <dt className="font-semibold text-gray-50">{principle.name}</dt>
+              <dt className="mt-1 text-gray-300">{principle.description}</dt>
+            </div>
+          ))}
         </dl>
       </div>
     </div>

website/src/components/services/features.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import {
@@ -10,7 +11,7 @@ import Link from '@docusaurus/Link';
 
 type FeatureItem = {
   title: string;
-  link: string;
+  link?: string;
   icon: JSX.Element;
   children: React.ReactNode;
 };

website/src/components/services/principles.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Button } from '../atoms/buttons';
 
 import { CheckIcon } from '@heroicons/react/20/solid';
 

website/src/components/services/sparring.tsx

@@ -4,7 +4,7 @@ import Hero from '@site/src/components/home/hero';
 import Features from '@site/src/components/home/features';
 import CTAStart from '@site/src/components/ctas/start';
 
-export default function Home(): JSX.Element {
+export default function Home() {
   const { siteConfig } = useDocusaurusContext();
   return (
     <Layout

website/src/pages/index.tsx

@@ -1,14 +1,13 @@
+import { JSX } from 'react';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import Hero from '@site/src/components/services/hero';
 import Features from '@site/src/components/services/features';
 import CTAServices from '@site/src/components/ctas/services';
-import Team from '../components/services/team';
-import Sparring from '../components/services/sparring';
-import Projects from '../components/services/projects';
-import Principle from '../components/services/principles';
-import Principles from '../components/services/principles';
-import CollectionPrinciples from '../components/services/CollectionPrinciples';
+import Team from '@site/src/components/services/team';
+import Sparring from '@site/src/components/services/sparring';
+import Projects from '@site/src/components/services/projects';
+import CollectionPrinciples from '@site/src/components/services/collectionPrinciples';
 
 export default function Services(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();