Merge version_2 into main

Merge version_2 into main

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"