From 809156b84903635a46e3e758e0079ba6c53b9f7a Mon Sep 17 00:00:00 2001
From: Ben <ben@tcg-vault.com>
Date: Wed, 20 Dec 2023 15:38:41 +0100
Subject: [PATCH] IPK-14 removed only 3d in section

---
 src/app/page.tsx            | 2 +-
 src/components/Features.tsx | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3fdcb0b..4555442 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -159,7 +159,7 @@ export default function Home() {
           <div className="background-blur is-bottom-left" />
         </section>
 
-        {/* <Features /> */}
+        <Features />
         <Experience />
         <footer className="footer p-10 bg-base-100 text-base-content">
           <aside>
diff --git a/src/components/Features.tsx b/src/components/Features.tsx
index 6be31e5..33bcf91 100644
--- a/src/components/Features.tsx
+++ b/src/components/Features.tsx
@@ -13,7 +13,6 @@ export const Features = () => {
   });
 
   const x = useTransform(scrollYProgress, [0.5, 1], ["0%", "-100%"]);
-  const opacity = useTransform(scrollYProgress, [0, 0.5, 0.6, 0.85, 0.9], [1, 1, 0.4, 0.4, 1]);
 
   const text1Opacity = useTransform(scrollYProgress, [0.3, 0.4, 0.5], [0, 1, 0]);
   const text1Y = useTransform(scrollYProgress, [0.3, 0.4, 0.5], ["30px", "0px", "-30px"]);
@@ -27,9 +26,9 @@ export const Features = () => {
   return (
     <section ref={targetRef} className="flex h-[300vh] flex-col items-center justify-start">
       <div className="sticky top-[16.7vh] h-[66.8vh] px-16 text-2xl text-white [&_p]:w-[45rem] [&_p]:max-w-[90%]">
-        <motion.div style={{ x }} className="relative h-screen w-screen">
+        {/* <motion.div style={{ x }} className="relative h-screen w-screen">
           <Spline scene="https://prod.spline.design/TwBXCflNDhiLkDMk/scene.splinecode" />
-        </motion.div>
+        </motion.div> */}
         <motion.p
           style={stylesWithCssVar({
             opacity: text1Opacity,