nextjs shit does not work for some reason, never use it

nextjs-app/src/app/page.tsx

@@ -1,48 +1,39 @@
 'use client'
 
-import '@/framer/styles.css'
-
-import Card from '@/framer/card'
-import Collection from '@/framer/collection'
-import Footer from '@/framer/footer'
-import Form from '@/framer/form'
-import Nav from '@/framer/framerNav'
-import GrowthSpaceMenu from '@/framer/GrowthSpaceMenu'
-import Hero from '@/framer/hero'
-import InputFramerComponent from '@/framer/input'
-import MenuOverlay from '@/framer/menu-overlay'
-import Menus from '@/framer/menus'
-import Test from '@/framer/testimonials'
+import '@/framer-simplicity/styles.css'
+import { SSRParentVariantsContext } from 'unframer'
+import SectionCallToActionFramerComponent from '@/framer-simplicity/section-call-to-action'
+import SectionFeaturesFramerComponent from '@/framer-simplicity/section-features'
+import SectionFooterFramerComponent from '@/framer-simplicity/section-footer'
+import SectionFrequentlyAskedQuestionsFramerComponent from '@/framer-simplicity/section-frequently-asked-questions'
 import SectionHeroFramerComponent from '@/framer-simplicity/section-hero'
-import SectionLogosFramerComponent from '@/framer-simplicity/section-logos'
 import SectionHowItWorksFramerComponent from '@/framer-simplicity/section-how-it-works'
 import SectionLargeTestimonialFramerComponent from '@/framer-simplicity/section-large-testimonial'
-import SectionFeaturesFramerComponent from '@/framer-simplicity/section-features'
+import SectionLogosFramerComponent from '@/framer-simplicity/section-logos'
 import SectionPricingFramerComponent from '@/framer-simplicity/section-pricing'
-import SectionFrequentlyAskedQuestionsFramerComponent from '@/framer-simplicity/section-frequently-asked-questions'
-import SectionCallToActionFramerComponent from '@/framer-simplicity/section-call-to-action'
-import SectionFooterFramerComponent from '@/framer-simplicity/section-footer'
 import SectionTestimonialsFramerComponent from '@/framer-simplicity/section-testimonials'
+import NavigationFramerComponent from '@/framer-simplicity/navigation/navigation'
 
 export default function Page() {
     return <Home />
 }
 
-function Home() {
+export function Home() {
     return (
-        <div>
-            <div className='text-gray-900 flex flex-col items-center p-10'>
-                <SectionHeroFramerComponent.Responsive className='w-full' />
-                <SectionLogosFramerComponent.Responsive />
-                <SectionHowItWorksFramerComponent.Responsive />
-                <SectionLargeTestimonialFramerComponent.Responsive />
-                <SectionFeaturesFramerComponent.Responsive />
-                <SectionPricingFramerComponent.Responsive />
-                <SectionTestimonialsFramerComponent.Responsive />
-                <SectionFrequentlyAskedQuestionsFramerComponent.Responsive />
-                <SectionCallToActionFramerComponent.Responsive />
-                <SectionFooterFramerComponent.Responsive />
-            </div>
+        <div className='bg-black flex flex-col items-center p-10'>
+            <NavigationFramerComponent.Responsive />
+
+            <SectionHeroFramerComponent.Responsive />
+
+            <SectionLogosFramerComponent.Responsive />
+            <SectionHowItWorksFramerComponent.Responsive />
+            <SectionLargeTestimonialFramerComponent.Responsive />
+            <SectionFeaturesFramerComponent.Responsive />
+            <SectionPricingFramerComponent.Responsive />
+            <SectionTestimonialsFramerComponent.Responsive />
+            <SectionFrequentlyAskedQuestionsFramerComponent.Responsive />
+            <SectionCallToActionFramerComponent.Responsive />
+            <SectionFooterFramerComponent.Responsive />
         </div>
     )
 }

nextjs-app/src/framer-simplicity/section-hero.js

@@ -205,7 +205,7 @@ var className2 = 'framer-a3inn';
 
 // /:https://framerusercontent.com/modules/AMs1BHWFE26iLmA4bGBY/MEgFpTddklVVfqQ1ss5q/aKlzorVQO.js
 var ElementsBadgeFonts = getFonts(stdin_default,);
-var MotionDivWithFXWithOptimizedAppearEffect = withOptimizedAppearEffect(withFX(motion.div,),);
+var MotionDivWithFXWithOptimizedAppearEffect = withOptimizedAppearEffect(withFX(motion.div,));
 var ButtonsButtonFonts = getFonts(stdin_default2,);
 var cycleOrder = ['L_pX4uUkR', 'Gbz9maQw1', 'K1iE6Mz7N',];
 var serializationHash = 'framer-VjguY';
@@ -351,15 +351,15 @@ var Component = /* @__PURE__ */ React.forwardRef(function (props, ref,) {
                       ),
                       children: /* @__PURE__ */ _jsx(MotionDivWithFXWithOptimizedAppearEffect, {
                         __perspectiveFX: false,
-                        __smartComponentFX: true,
+                        // __smartComponentFX: true,
                         __targetOpacity: 1,
                         animate: animation,
                         className: 'framer-pz5jso-container',
                         'data-framer-appear-id': 'pz5jso',
                         initial: animation1,
                         layoutDependency,
                         layoutId: 'EBGIPu010-container',
-                        optimized: true,
+                        // optimized: true,
                         children: /* @__PURE__ */ _jsx(stdin_default, {
                           D_QyhowU2: 'Export Framer Components to React',
                           height: '100%',