Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -14,6 +14,13 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Briefcase, Watch, Zap } from "lucide-react";
 
 export default function LandingPage() {
+  const scrollTo = (id: string) => {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -31,9 +38,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "Каталог", id: "#catalog" },
-        { name: "Поступления", id: "#arrivals" },
-        { name: "Адрес", id: "#contact" },
+        { name: "Главная", id: "hero" },
+        { name: "Каталог", id: "catalog" },
+        { name: "Новинки", id: "new" },
+        { name: "Кроссовки", id: "sneakers" },
+        { name: "Одежда", id: "clothes" },
+        { name: "Аксессуары", id: "accessories" },
       ]}
       brandName="DARK BOX"
     />
@@ -51,7 +61,7 @@ export default function LandingPage() {
         { name: "User 5", handle: "@client", testimonial: "Профессиональный подбор одежды.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583924.jpg?_wi=1", imageAlt: "dark fashion showroom interior" },
       ]}
       buttons={[
-        { text: "Смотреть каталог", href: "#catalog" },
+        { text: "Смотреть каталог", onClick: () => scrollTo('catalog') },
         { text: "Написать в Telegram", href: "https://t.me/darkbox" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg?_wi=2"
@@ -99,6 +109,18 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="new" data-section="new">
+  </div>
+
+  <div id="sneakers" data-section="sneakers">
+  </div>
+
+  <div id="clothes" data-section="clothes">
+  </div>
+
+  <div id="accessories" data-section="accessories">
+  </div>
+
   <div id="catalog" data-section="catalog">
       <ProductCardTwo
       animationType="slide-up"
@@ -179,4 +201,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}