From 38aa88aa7823670dbdd7c33be357b5f3b4d09564 Mon Sep 17 00:00:00 2001
From: cristiano cardelli <cristianocardelli@gmail.com, cristiano@welance.com>
Date: Wed, 2 Oct 2024 14:08:38 +0200
Subject: [PATCH] fix spline HP

---
 package.json                 |  2 +-
 pnpm-lock.yaml               | 16 ++++++++--------
 src/home/pages/home-page.tsx | 26 +++++++++++++-------------
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index e776bbd..539aef4 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "@nextui-org/react": "^2.3.6",
     "@sentry/nextjs": "^8",
     "@splinetool/react-spline": "^4.0.0",
-    "@splinetool/runtime": "^1.9.12",
+    "@splinetool/runtime": "^1.9.28",
     "@tanstack/react-query": "^5.36.0",
     "@tanstack/react-virtual": "^3.5.0",
     "clsx": "^2.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d84b121..f2ddc40 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,10 +19,10 @@ importers:
         version: 8.26.0(@opentelemetry/api@1.9.0)(@opentelemetry/core@1.25.1(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.52.1(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@1.25.1(@opentelemetry/api@1.9.0))(next@14.2.5(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(@playwright/test@1.45.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(webpack@5.93.0(esbuild@0.21.5))
       '@splinetool/react-spline':
         specifier: ^4.0.0
-        version: 4.0.0(@splinetool/runtime@1.9.12)(next@14.2.5(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(@playwright/test@1.45.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 4.0.0(@splinetool/runtime@1.9.28)(next@14.2.5(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(@playwright/test@1.45.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@splinetool/runtime':
-        specifier: ^1.9.12
-        version: 1.9.12
+        specifier: ^1.9.28
+        version: 1.9.28
       '@tanstack/react-query':
         specifier: ^5.36.0
         version: 5.51.21(react@18.3.1)
@@ -2748,8 +2748,8 @@ packages:
       next:
         optional: true
 
-  '@splinetool/runtime@1.9.12':
-    resolution: {integrity: sha512-qJAp3ekyCwS0RDqYYlFLsuNH3g7oS1iLkJekqcS3+GSmYoCYQijXkCas0B8KKFfk0C6e2mQMQgCgjspwLCeBOw==}
+  '@splinetool/runtime@1.9.28':
+    resolution: {integrity: sha512-YWijR1tqiPuu1w4/lwu6s29Nw2xwgAOV8YdWrJk11vwZaf3BfavhrQWIfcSfxJ2d0gmHgTZDGQ5jubXrj/fuCQ==}
 
   '@storybook/addon-actions@8.2.7':
     resolution: {integrity: sha512-wDnMGGmaogAForkNncfCx8BEDiwxeK8zC0lj8HkRPUuH6vTr81U5RIb12Wa2TnnNKLKMFAtyPSnofHf3OAfzZQ==}
@@ -11076,9 +11076,9 @@ snapshots:
 
   '@sindresorhus/merge-streams@2.3.0': {}
 
-  '@splinetool/react-spline@4.0.0(@splinetool/runtime@1.9.12)(next@14.2.5(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(@playwright/test@1.45.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@splinetool/react-spline@4.0.0(@splinetool/runtime@1.9.28)(next@14.2.5(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(@playwright/test@1.45.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@splinetool/runtime': 1.9.12
+      '@splinetool/runtime': 1.9.28
       blurhash: 2.0.5
       lodash.debounce: 4.0.8
       react: 18.3.1
@@ -11088,7 +11088,7 @@ snapshots:
     optionalDependencies:
       next: 14.2.5(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(@playwright/test@1.45.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  '@splinetool/runtime@1.9.12':
+  '@splinetool/runtime@1.9.28':
     dependencies:
       on-change: 4.0.2
       semver-compare: 1.0.0
diff --git a/src/home/pages/home-page.tsx b/src/home/pages/home-page.tsx
index f9470ea..064df14 100644
--- a/src/home/pages/home-page.tsx
+++ b/src/home/pages/home-page.tsx
@@ -1,9 +1,9 @@
-// import dynamic from 'next/dynamic';
+import dynamic from 'next/dynamic';
 import Image from 'next/image';
 import Link from 'next/link';
-// import React, { Suspense } from 'react';
-import React from 'react';
+import React, { Suspense } from 'react';
 
+// import React from 'react';
 import { Button } from '@nextui-org/react';
 
 import { FeatureSwiper } from '@/home/components/feature-swiper';
@@ -12,20 +12,20 @@ import { FlashIcon } from '@/home/components/icons/flash';
 import { Marquee } from '@/home/components/marquee';
 import { TestimonialSwiper } from '@/home/components/testimonial-swiper';
 
-// const Spline = dynamic(() => import('@splinetool/react-spline'), {
-//   ssr: true,
-//   loading: () => <p>Loading ...</p>,
-// });
+const Spline = dynamic(() => import('@splinetool/react-spline'), {
+  ssr: true,
+  loading: () => <p>Loading ...</p>,
+});
 
 export const HomePage = () => {
   return (
     <div className="overflow-hidden pt-[70px] font-inter-tight lg:pt-0">
       <main className="relative max-w-[1340px] px-5 pt-12 text-white md:px-10 lg:px-7 lg:pt-20">
-        {/* <div className="absolute right-0 top-0 z-0 size-[900px] -translate-y-1/2 translate-x-1/2  lg:translate-x-1/3 lg:translate-y-[-40%] ">
-          <Suspense fallback={<div>Loading...</div>}>
+        <div className="absolute right-0 top-0 z-0 size-[900px] -translate-y-1/2 translate-x-1/2  lg:translate-x-1/3 lg:translate-y-[-40%] ">
+          
             <Spline scene="https://prod.spline.design/kO6h5vInhIdK643Y/scene.splinecode" />
-          </Suspense>
-        </div> */}
+          
+        </div>
         <section className="relative z-10 ">
           <div>
             <h1 className="w-full font-grotesk text-32 font-medium leading-9 tracking-tighter antialiased md:w-9/12 md:text-48 md:leading-[57px] lg:w-1/2 lg:text-64 lg:leading-[76px]">
@@ -220,9 +220,9 @@ export const HomePage = () => {
         </section>
         <section className="relative my-40 text-center md:my-64 lg:my-80">
           <div className="absolute inset-x-0 top-0 mx-auto -mt-32 flex  h-[350px] w-[320px] items-center justify-center md:-mt-48 md:h-[550px] md:w-[520px] [&_canvas]:!size-[350px] [&_canvas]:md:!size-[550px]">
-            {/* <Suspense fallback={<div>Loading...</div>}>
+            
               <Spline scene="https://prod.spline.design/kO6h5vInhIdK643Y/scene.splinecode" />
-            </Suspense> */}
+            
           </div>
           <div className="relative z-10">
             <h2 className="mx-auto w-2/3 pb-3 font-grotesk text-2xl font-medium leading-8 tracking-tighter antialiased md:pb-6 md:text-48 md:leading-[57px]">