From abf1b490b7bc6909877ca6e9f199b060dec95923 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 25 Apr 2026 13:44:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 278 ++++++++++++-----------------------------------
 1 file changed, 69 insertions(+), 209 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ab03e39..338b461 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import TextAbout from '@/components/sections/about/TextAbout';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
   return (
@@ -28,263 +28,123 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Features", id: "features" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Entekhub"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Entekhub"
-      description="Empowering businesses through cutting-edge technology and intelligent digital infrastructure."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
+      <HeroSplitDualMedia
+      title="Digital Infrastructure for the Future"
+      description="Empowering enterprises with intelligent software solutions and robust cloud systems."
+      tag="Entekhub"
+      rating={5}
+      ratingText="Trusted by 10k+ businesses"
+      background={{ variant: "glowing-orb" }}
+      buttons={[{ text: "Get Started", href: "#contact" }]}
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884857.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/diagrams-with-connected-icons_1134-403.jpg" }
       ]}
-      buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884857.jpg"
     />
   </div>
 
   <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Scaling Innovation"
-      description="Entekhub provides specialized software solutions that bridge the gap between complex data and actionable insights."
-      metrics={[
-        {
-          value: "99.9%",
-          title: "Uptime",
-        },
-        {
-          value: "500+",
-          title: "Deployments",
-        },
-        {
-          value: "24/7",
-          title: "Support",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-owner-exchanging-ideas-with-realtor-contractor-office-tour_482257-100340.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
+      <TextAbout
+      title="We bridge the gap between complex data and actionable strategy."
+      tag="Our Vision"
+      buttons={[{ text: "Read Our Story" }]}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentySeven
+      <FeatureCardTwentyFour
+      title="Core Capabilities"
+      description="Tailored software suites for seamless digital operations."
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Cloud Architecture",
-          descriptions: [
-            "Scalable, secure infrastructure for growth.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg",
+          id: "f1",          title: "Scalable Cloud",          author: "Tech Team",          description: "Robust infrastructure for global scale.",          tags: ["Cloud", "Architecture"],
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg"
         },
         {
-          id: "f2",
-          title: "AI Integration",
-          descriptions: [
-            "Advanced machine learning models for analytics.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/diagrams-with-connected-icons_1134-403.jpg",
-        },
-        {
-          id: "f3",
-          title: "Seamless APIs",
-          descriptions: [
-            "Connect your ecosystem with zero friction.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169849.jpg",
-        },
+          id: "f2",          title: "Advanced AI",          author: "Data Team",          description: "In-house machine learning models.",          tags: ["AI", "Analytics"],
+          imageSrc: "http://img.b2bpic.net/free-photo/diagrams-with-connected-icons_1134-403.jpg"
+        }
       ]}
-      title="Core Capabilities"
-      description="Powerful tools built for the next generation of tech infrastructure."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Proven Performance"
-      tag="Results"
+      <MetricCardSeven
+      title="Performance Metrics"
+      description="Quantifiable growth for our clients."
+      animationType="slide-up"
+      textboxLayout="split"
       metrics={[
-        {
-          id: "m1",
-          value: "150%",
-          description: "Efficiency Growth",
-        },
-        {
-          id: "m2",
-          value: "50k",
-          description: "Data Points Processed",
-        },
-        {
-          id: "m3",
-          value: "10k",
-          description: "Global Clients",
-        },
+        { id: "m1", value: "150%", title: "Efficiency Gains", items: ["Increased processing speed", "Lower latency"] },
+        { id: "m2", value: "50k", title: "Active Deployments", items: ["Across 15 countries", "Real-time monitoring"] }
       ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <TestimonialCardSix
+      title="What Our Partners Say"
+      description="Driving value for industry leaders worldwide."
+      animationType="slide-up"
+      textboxLayout="split"
       testimonials={[
-        {
-          id: "t1",
-          title: "Game Changer",
-          quote: "Entekhub completely streamlined our workflow.",
-          name: "Alice M.",
-          role: "CTO",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
-        },
-        {
-          id: "t2",
-          title: "Exceptional Support",
-          quote: "Reliable and highly professional approach.",
-          name: "Bob S.",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
-        },
-        {
-          id: "t3",
-          title: "Highly Scalable",
-          quote: "The platform grew alongside our needs perfectly.",
-          name: "Charlie D.",
-          role: "PM",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-corporate-man-holding-notepad_23-2148336906.jpg",
-        },
-        {
-          id: "t4",
-          title: "Fast Integration",
-          quote: "Implementation was seamless and quick.",
-          name: "Diana K.",
-          role: "Dev",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-businesswoman-showing-digital-tablet_1262-6180.jpg",
-        },
-        {
-          id: "t5",
-          title: "Innovation Focus",
-          quote: "They truly understand modern tech.",
-          name: "Ethan L.",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
-        },
+        { id: "t1", name: "Alice M.", handle: "@alice_cto", testimonial: "Entekhub revolutionized our digital workflow." },
+        { id: "t2", name: "Bob S.", handle: "@bob_ceo", testimonial: "Unmatched technical depth and reliability." }
       ]}
-      title="Trusted by Leaders"
-      description="What our partners say about us."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <FaqDouble
+      title="Frequently Asked Questions"
+      description="Find answers to common inquiries about our services."
       faqs={[
-        {
-          id: "q1",
-          title: "Is Entekhub secure?",
-          content: "Security is our top priority.",
-        },
-        {
-          id: "q2",
-          title: "How do we scale?",
-          content: "Our modular architecture allows infinite growth.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer support?",
-          content: "Yes, we provide 24/7 technical support.",
-        },
+        { id: "q1", title: "Is Entekhub secure?", content: "Yes, enterprise-grade security is baked into our core." },
+        { id: "q2", title: "Can we scale?", content: "Our architecture is built for infinite growth." }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg"
-      title="Common Questions"
-      description="Quick answers to help you get started."
       faqsAnimation="slide-up"
+      textboxLayout="split"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Contact"
+      <ContactSplitForm
       title="Get In Touch"
-      description="Ready to transform your infrastructure? Contact us today."
-      imageSrc="http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-118685.jpg"
-      mediaAnimation="slide-up"
+      description="Let's build the future of your enterprise infrastructure together."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
+      ]}
+      textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
+      buttonText="Submit Request"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterLogoEmphasis
       logoText="Entekhub"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Support",
-              href: "#faq",
-            },
-            {
-              label: "Status",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
+        { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
       ]}
-      copyrightText="© 2024 Entekhub. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1