From 0c33c12d85a3781965499d60f4273f02d4cbfe85 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 21 May 2026 01:09:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 463 ++++++++++++-----------------------------------
 1 file changed, 114 insertions(+), 349 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5b37108..a8621c2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { CheckCircle, Shield, Zap } from "lucide-react";
+import { CheckCircle, Shield, Zap, Briefcase, Target, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,362 +29,127 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Expertise",
-          id: "features",
-        },
-        {
-          name: "Process",
-          id: "metrics",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="THE OPPORTUNISTS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Process", id: "metrics" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="THE OPPORTUNISTS"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Turning Chaos Into Strategy, Structure & Success"
-      description="Boutique project management service for commercial, residential, and tech developments. We bring clarity and disciplined control to complex projects."
-      testimonials={[
-        {
-          name: "Managing Director",
-          handle: "@ConstructionCo",
-          testimonial: "The Opportunists brought essential stability to our complex commercial development.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E0pezZp3uucruDV67BLGnNTXX5/uploaded-1779325455616-p7r656ne.png?_wi=1",
-          imageAlt: "User provided image",
-        },
-        {
-          name: "Project Lead",
-          handle: "@TechDevelop",
-          testimonial: "Clarity where there was once fragmentation. Unmatched precision.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg?_wi=1",
-          imageAlt: "User provided image",
-        },
-        {
-          name: "Senior Advisor",
-          handle: "@ResidentialGrp",
-          testimonial: "Disciplined administration saved our delivery timeline significantly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg?_wi=1",
-          imageAlt: "User provided image",
-        },
-        {
-          name: "Portfolio Manager",
-          handle: "@DevCorp",
-          testimonial: "A transformative approach to project recovery.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-2021.jpg?_wi=1",
-          imageAlt: "User provided image",
-        },
-        {
-          name: "Lead Architect",
-          handle: "@DesignStudio",
-          testimonial: "They bridge the gap between design vision and physical reality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineer-job-site-work-hours_23-2151589589.jpg?_wi=1",
-          imageAlt: "User provided image",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E0pezZp3uucruDV67BLGnNTXX5/uploaded-1779325455616-p7r656ne.png?_wi=2"
-      imageAlt="The Opportunists Logo"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",
-          alt: "Executive 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg",
-          alt: "Executive 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
-          alt: "Executive 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-          alt: "Executive 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",
-          alt: "Executive 5",
-        },
-      ]}
-      avatarText="Trusted by industry leaders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Strategic Advisory",
-        },
-        {
-          type: "text",
-          text: "Risk Mitigation",
-        },
-        {
-          type: "text",
-          text: "Delivery Excellence",
-        },
-        {
-          type: "text",
-          text: "Project Rescue",
-        },
-        {
-          type: "text",
-          text: "Contract Control",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            background={{ variant: "radial-gradient" }}
+            title="Turning Chaos Into Strategy, Structure & Success"
+            description="Boutique project management service for commercial, residential, and tech developments. We bring clarity and disciplined control to complex projects."
+            testimonials={[
+              { name: "Managing Director", handle: "@ConstructionCo", testimonial: "The Opportunists brought essential stability to our complex commercial development.", rating: 5 },
+              { name: "Project Lead", handle: "@TechDevelop", testimonial: "Clarity where there was once fragmentation. Unmatched precision.", rating: 5 }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E0pezZp3uucruDV67BLGnNTXX5/uploaded-1779325455616-p7r656ne.png?_wi=2"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Restoring Control to Complexity"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            title="Restoring Control to Complexity"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Programs slipping or unclear",
-          "Fragmented team coordination",
-          "Weak stakeholder alignment",
-          "Loss of scope control",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Clear delivery pathways",
-          "Disciplined project administration",
-          "Coordinated stakeholder management",
-          "Structured, accountable outcomes",
-        ],
-      }}
-      title="Our Specialized Advisory Approach"
-      description="Where projects start to drift, we realign delivery."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            title="Specialized Advisory Services"
+            description="Comprehensive management solutions tailored to stabilize and elevate your project lifecycle."
+            animationType="blur-reveal"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Briefcase, title: "Project Management", description: "End-to-end oversight ensuring projects meet their intended milestones." },
+              { icon: Target, title: "Strategic Advisory", description: "Aligning business objectives with technical delivery realities." },
+              { icon: TrendingUp, title: "Performance Recovery", description: "Stabilizing drifting projects and bringing programs back on track." }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "Accountability",
-          description: "Structured project outcomes",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "Stabilized",
-          title: "Delivery",
-          description: "Realigned project pathways",
-          icon: Zap,
-        },
-        {
-          id: "m3",
-          value: "Disciplined",
-          title: "Admin",
-          description: "Strict contract control",
-          icon: Shield,
-        },
-      ]}
-      title="Proven Delivery Pathways"
-      description="Disciplined frameworks applied to every phase of the project lifecycle."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "100%", title: "Accountability", description: "Structured project outcomes", icon: CheckCircle },
+              { id: "m2", value: "Stabilized", title: "Delivery", description: "Realigned project pathways", icon: Zap },
+              { id: "m3", value: "Disciplined", title: "Admin", description: "Strict contract control", icon: Shield },
+            ]}
+            title="Proven Delivery Pathways"
+            description="Disciplined frameworks applied to every phase of the project lifecycle."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Commercial Construction",
-        "Residential Development",
-        "Tech Infrastructure",
-        "Urban Masterplanning",
-        "Public Works",
-        "Contract Administration",
-        "Project Advisory",
-      ]}
-      title="Sectors We Support"
-      description="Delivering excellence across diverse high-stakes development landscapes."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            names={["Commercial Construction", "Residential Development", "Tech Infrastructure", "Urban Masterplanning", "Public Works"]}
+            title="Sectors We Support"
+            description="Delivering excellence across diverse high-stakes development landscapes."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Director",
-          company: "UrbanBuild",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Michael R.",
-          role: "CTO",
-          company: "TechSystems",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Elena K.",
-          role: "Development Lead",
-          company: "CoastDev",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-2021.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "David L.",
-          role: "Managing Principal",
-          company: "ArchGrp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineer-job-site-work-hours_23-2151589589.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Chris B.",
-          role: "Senior PM",
-          company: "BuildTrust",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-his-phone-sunny-morning_23-2148230184.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "95%",
-          label: "Retention Rate",
-        },
-        {
-          value: "12+",
-          label: "Complex Projects",
-        },
-        {
-          value: "5/5",
-          label: "Client Rating",
-        },
-      ]}
-      title="Partners in Delivery"
-      description="What our clients say about our stabilizing influence on their projects."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Partners in Delivery"
+            description="What our clients say about our stabilizing influence."
+            testimonials={[]}
+            kpiItems={[
+              { value: "95%", label: "Retention Rate" },
+              { value: "12+", label: "Complex Projects" },
+              { value: "5/5", label: "Client Rating" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "When should we bring you in?",
-          content: "Ideally during the early planning phases, but we also specialize in stabilizing projects that have already begun to drift.",
-        },
-        {
-          id: "f2",
-          title: "What industries do you serve?",
-          content: "We support commercial construction, residential development, and complex tech developments.",
-        },
-        {
-          id: "f3",
-          title: "What is your primary goal?",
-          content: "Our mission is to turn project complexity into controlled, efficient execution.",
-        },
-      ]}
-      sideTitle="Expert Advisory Support"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "When should we bring you in?", content: "Ideally during early planning, or when a project begins to drift." },
+              { id: "f2", title: "What industries do you serve?", content: "Construction, development, and tech infrastructure projects." }
+            ]}
+            sideTitle="Expert Advisory Support"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Stabilize"
-      title="Start Your Project Stabilization"
-      description="If your project needs direction, coordination, or recovery support, we can step in and stabilize delivery."
-      buttons={[
-        {
-          text: "Connect with Us",
-          href: "mailto:info@theopportunists.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Let's Stabilize"
+            title="Start Your Project Stabilization"
+            description="If your project needs direction, coordination, or recovery support, we can step in and stabilize delivery."
+            buttons={[{ text: "Connect with Us", href: "mailto:info@theopportunists.com" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Project Management",
-              href: "#",
-            },
-            {
-              label: "Contract Administration",
-              href: "#",
-            },
-            {
-              label: "Advisory Support",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 The Opportunists. All rights reserved."
-      bottomRightText="Luxury Project Advisory Services"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Services", items: [{ label: "Project Management" }, { label: "Contract Admin" }] },
+              { title: "Company", items: [{ label: "About Us" }, { label: "Contact" }] }
+            ]}
+            bottomLeftText="© 2024 The Opportunists. All rights reserved."
+            bottomRightText="Luxury Project Advisory Services"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1