Update src/app/page.tsx

src/app/page.tsx

@@ -28,10 +28,22 @@ export default function LuxuryTravelAgencyTemplatePage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
-                    navItems={[]}
+                        navItems={[
+                            { name: "Главная", id: "/" },
+                            { name: "О нас", id: "#about" },
+                            { name: "Услуги", id: "#services" },
+                            { name: "Как Мы Работаем", id: "#how-it-works" },
+                            { name: "Направления", id: "#destinations" },
+                            { name: "Отзывы", id: "#testimonials" },
+                            { name: "Контакты", id: "#contact" }
+                        ]}
                         brandName="Malik Travel"
+                        button={{ text: "Связаться с нами", href: "#contact" }}
                     />
+                </div>
+                <div id="hero" data-section="hero">
                     <HeroCarouselLogo
                         logoText="Malik Travel"
                         description="Откройте для себя самые невероятные уголки мира с нашими эксклюзивными путешествиями класса люкс, разработанными специально для вас."
@@ -44,6 +56,8 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         ]}
                         showDimOverlay={true}
                     />
+                </div>
+                <div id="about" data-section="about">
                     <InlineImageSplitTextAbout
                         className="pt-40"
                         heading={[
@@ -58,6 +72,8 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         ]}
                         useInvertedBackground={false}
                     />
+                </div>
+                <div id="services" data-section="services">
                     <FeatureCardOne
                         tag="Услуги"
                         tagIcon={Sparkles}
@@ -86,6 +102,8 @@ export default function LuxuryTravelAgencyTemplatePage() {
                             }
                         ]}
                     />
+                </div>
+                <div id="how-it-works" data-section="how-it-works">
                     <FeatureCardNine
                         tag="Как Мы Работаем"
                         tagIcon={Compass}
@@ -110,6 +128,8 @@ export default function LuxuryTravelAgencyTemplatePage() {
                             }
                         ]}
                     />
+                </div>
+                <div id="destinations" data-section="destinations">
                     <FeatureCardMedia
                         tag="Направления"
                         tagIcon={Plane}
@@ -139,6 +159,8 @@ export default function LuxuryTravelAgencyTemplatePage() {
                             }
                         ]}
                     />
+                </div>
+                <div id="testimonials" data-section="testimonials">
                     <TestimonialCardFive
                         tag="Отзывы"
                         tagIcon={Sparkles}
@@ -158,12 +180,15 @@ export default function LuxuryTravelAgencyTemplatePage() {
                             }
                         ]}
                     />
+                </div>
 
+                <div id="footer" data-section="footer">
                     <FooterCard
                         logoText="Malik Travel"
                         copyrightText="© 2025 Malik Travel | Роскошные Путешествия по Миру"
                         socialLinks={[]}
                     />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );