From f40f1f2271d10bc7e02fc385987e703b6068b031 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 09:36:22 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 353 +++++------------------------------------------
 1 file changed, 38 insertions(+), 315 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 451e8aa..d3358f8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,326 +1,49 @@
-"use client";
+'use client';
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import TeamCardOne from '@/components/sections/team/TeamCardOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import Link from "next/link";
-
-export default function HomePage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Knowledge Base", id: "/knowledge-base" },
-    { name: "Team", id: "team" },
-    { name: "Support", id: "contact" },
-    { name: "Resources", id: "resources" },
-  ];
-
-  const footerColumns = [
-    {
-      title: "Navigation",
-      items: [
-        { label: "Home", href: "/" },
-        { label: "Knowledge Base", href: "/knowledge-base" },
-        { label: "Team Directory", href: "#team" },
-        { label: "Support", href: "#contact" },
-      ],
-    },
-    {
-      title: "Resources",
-      items: [
-        { label: "Policies", href: "/policies" },
-        { label: "Benefits", href: "#" },
-        { label: "IT Help", href: "#" },
-        { label: "Learning Center", href: "#" },
-      ],
-    },
-    {
-      title: "Support",
-      items: [
-        { label: "Contact Support", href: "mailto:support@company.com" },
-        { label: "Report an Issue", href: "mailto:bugs@company.com" },
-        { label: "FAQ", href: "#faq" },
-        { label: "Feedback", href: "mailto:suggestions@company.com" },
-      ],
-    },
-    {
-      title: "Legal",
-      items: [
-        { label: "Privacy Policy", href: "#" },
-        { label: "Terms of Service", href: "#" },
-        { label: "Cookie Policy", href: "#" },
-        { label: "Accessibility", href: "#" },
-      ],
-    },
-  ];
+import { ThemeProvider } from '@/components/theme/ThemeProvider';
+import { ReactLenis } from '@react-three/drei';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
+export default function Home() {
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-bubble"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="compact"
-      sizing="large"
-      background="noise"
-      cardStyle="subtle-shadow"
-      primaryButtonStyle="diagonal-gradient"
-      secondaryButtonStyle="solid"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      {/* Navbar */}
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          brandName="CompanyHub"
-          navItems={navItems.map((item) => ({
-            name: item.name,
-            id: item.id === "/" ? "/" : (item.id.startsWith("/") ? item.id : `#${item.id}`),
-          }))}
-        />
-      </div>
-
-      {/* Hero Section */}
-      <div id="hero" data-section="hero">
-        <HeroLogoBillboardSplit
-          logoText="COMPANYHUB"
-          description="Your centralized internal knowledge platform. Access company information, policies, team directories, and resources all in one place."
-          background={{ variant: "radial-gradient" }}
-          buttons={[
-            { text: "Explore Knowledge", href: "#resources" },
-            { text: "View Resources", href: "/knowledge-base" },
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: 'Home', id: '/' },
+            { name: 'Payment Methods', id: '/payment-methods' },
+            { name: 'Community', id: '/community' },
           ]}
-          layoutOrder="default"
-          imageSrc="http://img.b2bpic.net/free-vector/business-solution-colorful-landing-page_52683-8064.jpg?_wi=1"
-          imageAlt="Company intranet dashboard overview"
-          frameStyle="browser"
-          mediaAnimation="slide-up"
-          buttonAnimation="slide-up"
+          brandName="Webild"
+          button={{ text: 'Get Started', href: '#' }}
+          animateOnLoad={true}
         />
-      </div>
-
-      {/* About Section */}
-      <div id="about" data-section="about">
-        <MediaAbout
-          title="About Our Organization"
-          description="Learn about our company's mission, values, and culture. Understand how we operate and what drives our success as a unified team."
-          tag="Company Overview"
-          imageSrc="http://img.b2bpic.net/free-photo/businessman-with-big-smile_1098-715.jpg?_wi=1"
-          imageAlt="diverse team working together office"
-          buttons={[{ text: "Learn More", href: "#" }]}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      {/* Features Section */}
-      <div id="features" data-section="features">
-        <FeatureCardSixteen
-          title="Traditional vs. Modern Knowledge Management"
-          description="See how our intranet portal improves information accessibility and employee efficiency"
-          tag="Why CompanyHub"
-          negativeCard={{
-            items: [
-              "Scattered information across multiple platforms",
-              "Difficult to find company policies",
-              "Limited collaboration tools",
-              "No central source of truth",
-              "Time-consuming onboarding process",
-            ],
-          }}
-          positiveCard={{
-            items: [
-              "Centralized knowledge repository",
-              "Easy access to all policies and procedures",
-              "Integrated collaboration features",
-              "Single reliable information source",
-              "Streamlined onboarding experience",
-            ],
-          }}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      {/* Products/Resources Section */}
-      <div id="resources" data-section="resources">
-        <ProductCardOne
-          title="Quick Access Resources"
-          description="Browse our most essential company resources and documentation"
-          tag="Featured Resources"
-          products={[
-            {
-              id: "1",
-              name: "Employee Handbook",
-              price: "Always Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/senior-people-reading-retirement-plan-contract-terms-with-broker_482257-100599.jpg?_wi=1",
-              imageAlt: "employee handbook document guidelines",
-            },
-            {
-              id: "2",
-              name: "Benefits Guide",
-              price: "Always Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/embraced-couple-reading-loan-agreement-while-having-meeting-with-their-bank-manager-office_637285-914.jpg?_wi=1",
-              imageAlt: "benefits package healthcare employee",
-            },
-            {
-              id: "3",
-              name: "IT Resources",
-              price: "Always Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/female-colleagues-discussing-digital-art_482257-121433.jpg?_wi=1",
-              imageAlt: "IT support technical help desk",
-            },
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      {/* Metrics Section */}
-      <div id="metrics" data-section="metrics">
-        <MetricCardEleven
-          title="Our Impact"
-          description="Key metrics showing how CompanyHub improves workplace efficiency"
-          tag="Achievements"
-          metrics={[
-            {
-              id: "1",
-              value: "95%",
-              title: "User Satisfaction",
-              description: "Employees rate platform usability",
-              imageSrc: "http://img.b2bpic.net/free-vector/nps-infographic-design-template_23-2149916595.jpg?_wi=1",
-              imageAlt: "customer satisfaction rating feedback",
-            },
-            {
-              id: "2",
-              value: "2,500+",
-              title: "Documents",
-              description: "Knowledge base articles and guides",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-book_23-2148680208.jpg?_wi=1",
-              imageAlt: "stack documents paperwork organization",
-            },
-            {
-              id: "3",
-              value: "50%",
-              title: "Time Saved",
-              description: "Faster information access per employee",
-              imageSrc: "http://img.b2bpic.net/free-vector/modern-productivity-concept-with-flat-design_23-2147972342.jpg?_wi=1",
-              imageAlt: "time management productivity efficiency",
-            },
-            {
-              id: "4",
-              value: "24/7",
-              title: "Availability",
-              description: "Platform uptime and accessibility",
-              imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041844.jpg?_wi=1",
-              imageAlt: "server uptime availability monitoring",
-            },
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      {/* Team Section */}
-      <div id="team" data-section="team">
-        <TeamCardOne
-          title="Meet the Team"
-          description="Dedicated professionals supporting your success"
-          tag="Our People"
-          members={[
-            {
-              id: "1",
-              name: "Sarah Johnson",
-              role: "HR Director",
-              imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-holding-phone-tablet-hands_1262-19394.jpg?_wi=1",
-              imageAlt: "professional woman HR manager portrait",
-            },
-            {
-              id: "2",
-              name: "Marcus Chen",
-              role: "IT Manager",
-              imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg?_wi=1",
-              imageAlt: "professional man IT manager portrait",
-            },
-            {
-              id: "3",
-              name: "Emily Rodriguez",
-              role: "Operations Lead",
-              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wheelchair-with-short-hair_23-2148497294.jpg?_wi=1",
-              imageAlt: "professional woman operations manager",
-            },
-            {
-              id: "4",
-              name: "David Kim",
-              role: "Support Specialist",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-working-call-center-with-headphones-computer_23-2149256098.jpg?_wi=1",
-              imageAlt: "friendly support specialist portrait",
-            },
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      {/* Testimonials Section */}
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwelve
-          testimonials={[
-            {
-              id: "1",
-              name: "Alex Thompson",
-              imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg?_wi=1",
-              imageAlt: "professional employee portrait headshot",
-            },
-            {
-              id: "2",
-              name: "Jessica Martinez",
-              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg?_wi=1",
-              imageAlt: "female employee professional portrait",
-            },
-            {
-              id: "3",
-              name: "Robert Wilson",
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg?_wi=1",
-              imageAlt: "male employee professional portrait",
-            },
-            {
-              id: "4",
-              name: "Lisa Anderson",
-              imageSrc: "http://img.b2bpic.net/free-photo/two-positive-female-workers-sitting-desk-modern-office_1262-12571.jpg?_wi=1",
-              imageAlt: "female professional business portrait",
-            },
-            {
-              id: "5",
-              name: "James Taylor",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg?_wi=1",
-              imageAlt: "male professional business portrait",
-            },
-          ]}
-          cardTitle="Trusted by 1,200+ employees across all departments"
-          cardTag="See what they say"
-          cardAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      {/* Footer */}
-      <div id="footer" data-section="footer">
-        <FooterBaseCard
-          logoText="CompanyHub"
-          columns={footerColumns}
-          copyrightText="© 2025 Company Hub. All rights reserved."
-        />
-      </div>
+        <div className="min-h-screen flex items-center justify-center">
+          <div className="text-center">
+            <h1 className="text-5xl font-bold mb-4">Welcome to Webild</h1>
+            <p className="text-lg text-foreground/75 mb-8">Explore our payment solutions and community</p>
+            <div className="flex gap-4 justify-center">
+              <a href="/payment-methods" className="px-6 py-2 bg-primary-cta text-white rounded-lg hover:opacity-90">
+                Payment Methods
+              </a>
+              <a href="/community" className="px-6 py-2 bg-secondary-cta text-white rounded-lg hover:opacity-90">
+                Community
+              </a>
+            </div>
+          </div>
+        </div>
+      </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}