Update src/app/page.tsx

src/app/page.tsx

@@ -1,94 +1,46 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, HelpCircle } from "lucide-react"; // Importing icons for sections
+import { ThemeProvider } from "next-themes";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import { Sparkles } from 'lucide-react';
 
 export default function Home() {
   const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Features", id: "#features" },
-    { name: "FAQ", id: "#faq" },
-    { name: "Contact", id: "/contact" }
-  ];
-
-  const heroMediaItems = [
-    { imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg", imageAlt: "Placeholder image 1" },
-    { imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg", imageAlt: "Placeholder image 2" },
-    { imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg", imageAlt: "Placeholder image 3" }
-  ];
-
-  const faqItems = [
-    { id: "1", title: "What is Webild?", content: "Webild is a platform for building modern web applications." },
-    { id: "2", title: "How do I get started?", content: "You can get started by signing up for a free account." },
-    { id: "3", title: "Is there a free plan?", content: "Yes, we offer a generous free plan for individual users." }
-  ];
-
-  const footerColumns = [
-    {
-      title: "Company",      items: [
-        { label: "Home", href: "/" },
-        { label: "Contact", href: "/contact" }
-      ]
-    },
-    {
-      title: "Legal",      items: [
-        { label: "Privacy Policy", href: "#privacy" },
-        { label: "Terms of Service", href: "#terms" }
-      ]
-    }
+    { name: "Home", href: "/" },
+    { name: "Tenders & Procurement", href: "/tenders-procurement" }
   ];
 
   return (
     <ThemeProvider
+      attribute="class"
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="none"
-      cardStyle="solid"
+      background="noise"
+      cardStyle="soft-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleFullscreen
+      <NavbarStyleCentered
         navItems={navItems}
         brandName="Webild"
-        bottomLeftText="Global Community"
-        bottomRightText="hello@example.com"
+        logoSrc="/placeholder-logo.svg"
       />
-      <div className="flex min-h-screen flex-col items-center justify-between">
-        <div id="hero" data-section="hero">
-          <HeroBillboardGallery
-            title="Build Your Vision with Webild"
-            description="The ultimate platform for creating stunning web experiences with ease and power."
-            mediaItems={heroMediaItems}
-            background={{ variant: "sparkles-gradient" }}
-            mediaAnimation="slide-up"
-            tag="Innovation"
-            tagIcon={Sparkles}
-          />
-        </div>
-        <div id="faq" data-section="faq">
-          <FaqBase
-            title="Frequently Asked Questions"
-            description="Find answers to common questions about Webild's platform and services."
-            faqs={faqItems}
-            faqsAnimation="slide-up"
-            tag="Support"
-            tagIcon={HelpCircle}
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
-        <FooterBase
-          columns={footerColumns}
-          logoText="Webild"
-          copyrightText="© 2025 Webild. All rights reserved."
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          title="Welcome to Webild"
+          description="Your ultimate platform for discovering and managing tenders and procurement opportunities."
+          tag="Innovation in Procurement"
+          tagIcon={Sparkles}
+          background={{ variant: 'sparkles-gradient' }}
+          buttons={[{ text: "Explore Our Services", href: "/tenders-procurement" }]}
+          imageSrc="https://images.unsplash.com/photo-1517245381830-dfc798059882?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwzMHx8YnVzaW5lc3N8ZW58MHx8fHwxNzE1Nzc2NTUwfDA&ixlib=rb-4.0.3&q=80&w=1080"
+          imageAlt="Modern office with team working"
         />
       </div>
     </ThemeProvider>