diff --git a/src/app/page.tsx b/src/app/page.tsx index 69b326f..79bbe6d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,16 +2,18 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; -import FaqBase from '@/components/sections/faq/FaqBase'; -import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; -import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; -import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; -import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen'; -import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; -import ProductCardFour from '@/components/sections/product/ProductCardFour'; -import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; -import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; +import { lazy, Suspense } from "react"; + +const ContactSplitForm = lazy(() => import('@/components/sections/contact/ContactSplitForm')); +const FaqBase = lazy(() => import('@/components/sections/faq/FaqBase')); +const FeatureCardMedia = lazy(() => import('@/components/sections/feature/FeatureCardMedia')); +const FooterLogoReveal = lazy(() => import('@/components/sections/footer/FooterLogoReveal')); +const HeroBillboardScroll = lazy(() => import('@/components/sections/hero/HeroBillboardScroll')); +const MetricCardFourteen = lazy(() => import('@/components/sections/metrics/MetricCardFourteen')); +const NavbarStyleCentered = lazy(() => import('@/components/navbar/NavbarStyleCentered/NavbarStyleCentered')); +const ProductCardFour = lazy(() => import('@/components/sections/product/ProductCardFour')); +const TestimonialCardSix = lazy(() => import('@/components/sections/testimonial/TestimonialCardSix')); +const TextSplitAbout = lazy(() => import('@/components/sections/about/TextSplitAbout')); export default function LandingPage() { return ( @@ -28,134 +30,137 @@ export default function LandingPage() { headingFontWeight="bold" > - + }> + -
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
- + +
);