Update src/app/page.tsx

src/app/page.tsx

@@ -1,5 +1,94 @@
-import { redirect } from 'next/navigation';
+"use client";
+
+import { ThemeProvider } from "@/components/theme-provider";
+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
 
 export default function Home() {
-  redirect('/components');
+  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" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <NavbarStyleFullscreen
+        navItems={navItems}
+        brandName="Webild"
+        bottomLeftText="Global Community"
+        bottomRightText="hello@example.com"
+      />
+      <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}
+          />
+        </div>
+        <FooterBase
+          columns={footerColumns}
+          logoText="Webild"
+          copyrightText="© 2025 Webild. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}