Merge version_2 into main #4
1420
src/app/layout.tsx
1420
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user