From c8e19b06e09b1fc04e66e0536043deebd2e740cf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 10:53:45 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 12416ab..580f815 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import BlogCardThree from "@/components/sections/blog/BlogCardThree";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import { Sparkles, Star, Zap, Shield, Layout, MapPin, Instagram, Facebook } from "lucide-react";
+import dynamic from "next/dynamic";
 
 const navItems = [
   { name: "Services", id: "services" },
@@ -135,6 +136,23 @@ const footerSocialLinks = [
     href: "https://facebook.com",    ariaLabel: "Follow us on Facebook"},
 ];
 
+// Dynamically import heavy components with lazy loading for better performance
+const DynamicHeroSection = dynamic(() => import('@/components/sections/hero/HeroSplitDoubleCarousel'), {
+  loading: () => <div className="w-full h-screen bg-background animate-pulse" />,
+});
+
+const DynamicAboutSection = dynamic(() => import('@/components/sections/about/SplitAbout'), {
+  loading: () => <div className="w-full h-96 bg-background animate-pulse" />,
+});
+
+const DynamicTestimonialSection = dynamic(() => import('@/components/sections/testimonial/TestimonialCardOne'), {
+  loading: () => <div className="w-full h-96 bg-background animate-pulse" />,
+});
+
+const DynamicGallerySection = dynamic(() => import('@/components/sections/blog/BlogCardThree'), {
+  loading: () => <div className="w-full h-96 bg-background animate-pulse" />,
+});
+
 export default function LandingPage() {
   return (
     <ThemeProvider
@@ -215,7 +233,7 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne
+        <DynamicTestimonialSection
           title="What Our Clients Say"
           description="Real feedback from satisfied customers and suite professionals at Allure Salon Suites"
           textboxLayout="default"
@@ -227,7 +245,7 @@ export default function LandingPage() {
       </div>
 
       <div id="gallery" data-section="gallery">
-        <BlogCardThree
+        <DynamicGallerySection
           title="Gallery Showcase"
           description="Experience the elegance and professionalism of Allure Salon Suites through our portfolio"
           textboxLayout="default"