From 8f0a59eb7238b7236d34d147ffe99d02ecc7a52f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 20 May 2026 14:54:42 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b05f940..9294f9c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,10 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Award, CheckCircle, Droplets, MapPin, Shield, Zap } from "lucide-react";
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
+import { Award, CheckCircle, Droplets, MapPin, Shield, Zap, Target, Layers, Settings, ClipboardCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +34,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Why Us", id: "why-us" },
+        { name: "Process", id: "process" },
+        { name: "Services", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="ColinsDrilz"
     />
@@ -54,39 +48,15 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Reliable Borehole Drilling Solutions"
       description="Professional groundwater extraction and water infrastructure drilling services for industrial, agricultural, and residential projects."
       tag="Expert Drilling Services"
-      buttons={[
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get a Quote", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/combine-machine-service_146671-19098.jpg",
-          imageAlt: "borehole drilling rig construction site",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/oil-worker-orange-uniform-helmet-working-with-pipe-wrench-near-oil-pump-jack_651396-2454.jpg",
-          imageAlt: "drilling team field work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fossil-tree-trunk_91008-583.jpg",
-          imageAlt: "drill bit entering ground",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tourist-cooking-tea-gasoline-stove_1398-1216.jpg",
-          imageAlt: "borehole drilling rig construction site",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
-          imageAlt: "drilling team field work",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/combine-machine-service_146671-19098.jpg", imageAlt: "borehole drilling rig" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/oil-worker-orange-uniform-helmet-working-with-pipe-wrench-near-oil-pump-jack_651396-2454.jpg", imageAlt: "drilling team field work" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fossil-tree-trunk_91008-583.jpg", imageAlt: "drill bit" }
       ]}
       mediaAnimation="slide-up"
     />
@@ -97,53 +67,66 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Your Trusted Water Resource Partner"
       metrics={[
-        {
-          icon: Award,
-          label: "Projects Completed",
-          value: "500+",
-        },
-        {
-          icon: Shield,
-          label: "Years Experience",
-          value: "15",
-        },
-        {
-          icon: CheckCircle,
-          label: "Client Satisfaction",
-          value: "99%",
-        },
+        { icon: Award, label: "Projects Completed", value: "500+" },
+        { icon: Shield, label: "Years Experience", value: "15" },
+        { icon: CheckCircle, label: "Client Satisfaction", value: "99%" },
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
+  <div id="portfolio" data-section="portfolio">
+    <ProductCardFour
+      title="Featured Projects"
+      description="Explore our recent borehole installations and infrastructure projects across various terrains."
+      gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      products={[
+        { id: "1", name: "Industrial Well", price: "Completed", variant: "High Yield", imageSrc: "http://img.b2bpic.net/free-photo/combine-machine-service_146671-19098.jpg" },
+        { id: "2", name: "Farm Irrigation", price: "Completed", variant: "Automated", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-taking-care-their-crops_329181-16497.jpg" },
+        { id: "3", name: "Residential borehole", price: "Completed", variant: "Domestic", imageSrc: "http://img.b2bpic.net/free-photo/tourist-cooking-tea-gasoline-stove_1398-1216.jpg" }
+      ]}
+    />
+  </div>
+
+  <div id="why-us" data-section="why-us">
+    <FeatureCardNineteen
+      title="Why Choose ColinsDrilz"
+      description="We combine technical expertise with premium equipment to guarantee reliable water access."
+      textboxLayout="split"
+      useInvertedBackground={false}
+      features={[
+        { tag: "Tech", title: "Advanced Rigs", subtitle: "Precision technology", description: "High-speed rigs for efficient drilling.", imageSrc: "http://img.b2bpic.net/free-photo/combine-machine-service_146671-19098.jpg" },
+        { tag: "Team", title: "Expert Staff", subtitle: "Geological experts", description: "Certified technicians at every site.", imageSrc: "http://img.b2bpic.net/free-photo/oil-worker-orange-uniform-helmet-working-with-pipe-wrench-near-oil-pump-jack_651396-2454.jpg" },
+        { tag: "Safety", title: "Safety Focused", subtitle: "Zero incident policy", description: "Strict site safety management.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-protection-helmet_23-2148921427.jpg" }
+      ]}
+    />
+  </div>
+
+  <div id="process" data-section="process">
+    <TimelinePhoneView
+      title="Our Project Workflow"
+      description="A seamless journey from initial site survey to sustainable water delivery."
+      textboxLayout="split-description"
+      items={[
+        { trigger: "01 Site Assessment", content: "Geological surveys to determine best drilling depth and water potential.", imageOne: "http://img.b2bpic.net/free-photo/document-marketing-strategy-business-concept_53876-124276.jpg" },
+        { trigger: "02 Drilling Phase", content: "Execution of high-precision drilling using our state-of-the-art rigs.", imageOne: "http://img.b2bpic.net/free-photo/combine-machine-service_146671-19098.jpg" },
+        { trigger: "03 Pump & Testing", content: "Pump installation followed by water quality analysis and final certification.", imageOne: "http://img.b2bpic.net/free-photo/oil-worker-orange-uniform-helmet-working-with-pipe-wrench-near-oil-pump-jack_651396-2454.jpg" }
+      ]}
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentyEight
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Borehole Drilling",
-          subtitle: "Commercial & Residential",
-          category: "Service",
-          value: "Precision Drilling",
-        },
-        {
-          id: "f2",
-          title: "Pump Installation",
-          subtitle: "High Capacity Pumps",
-          category: "Infrastructure",
-          value: "Full Install",
-        },
-        {
-          id: "f3",
-          title: "Water Testing",
-          subtitle: "Safety & Quality",
-          category: "Analysis",
-          value: "Lab Certified",
-        },
+        { id: "f1", title: "Borehole Drilling", subtitle: "Commercial & Residential", category: "Service", value: "Precision Drilling" },
+        { id: "f2", title: "Pump Installation", subtitle: "High Capacity Pumps", category: "Infrastructure", value: "Full Install" },
+        { id: "f3", title: "Water Testing", subtitle: "Safety & Quality", category: "Analysis", value: "Lab Certified" },
       ]}
       title="Professional Services"
       description="We deliver efficient, high-performance drilling services backed by deep geological expertise."
@@ -156,24 +139,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Zap,
-          title: "Depth Reached (km)",
-          value: "25",
-        },
-        {
-          id: "m2",
-          icon: Droplets,
-          title: "Water Yield (L/day)",
-          value: "1M+",
-        },
-        {
-          id: "m3",
-          icon: MapPin,
-          title: "Sites Drilled",
-          value: "120",
-        },
+        { id: "m1", icon: Zap, title: "Depth Reached (km)", value: "25" },
+        { id: "m2", icon: Droplets, title: "Water Yield (L/day)", value: "1M+" },
+        { id: "m3", icon: MapPin, title: "Sites Drilled", value: "120" },
       ]}
       title="Operational Excellence"
       description="Driving water sustainability with state-of-the-art machinery."
@@ -186,44 +154,11 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alex Rivers",
-          role: "Site Manager",
-          testimonial: "Exceptional drilling speed and site safety standards maintained throughout the project.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-her-phone-with-coffee_1163-555.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah Miller",
-          role: "Farm Owner",
-          testimonial: "The pump installation was seamless, and water quality is better than expected.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-taking-care-their-crops_329181-16497.jpg",
-        },
-        {
-          id: "t3",
-          name: "John Doe",
-          role: "Lead Architect",
-          testimonial: "ColinsDrilz is our first choice for complex site water solutions. Truly professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-protection-helmet_23-2148921427.jpg",
-        },
-        {
-          id: "t4",
-          name: "Linda Wu",
-          role: "Urban Developer",
-          testimonial: "Reliable service delivery every single time. Their expertise is unmatched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professionals-taking-selfie-close-up_23-2148336925.jpg",
-        },
-        {
-          id: "t5",
-          name: "Mark Stevens",
-          role: "Agricultural Consultant",
-          testimonial: "Professional, on-time, and budget-friendly drilling services. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
-        },
+        { id: "t1", name: "Alex Rivers", role: "Site Manager", testimonial: "Exceptional drilling speed.", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-her-phone-with-coffee_1163-555.jpg" },
+        { id: "t2", name: "Sarah Miller", role: "Farm Owner", testimonial: "Pump installation was seamless.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-taking-care-their-crops_329181-16497.jpg" }
       ]}
       title="Client Success Stories"
-      description="See why property developers and farmers trust ColinsDrilz for water infrastructure."
+      description="See why property developers and farmers trust ColinsDrilz."
     />
   </div>
 
@@ -231,21 +166,8 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How deep can you drill?",
-          content: "Our equipment allows us to drill down to 300 meters depending on the site geology.",
-        },
-        {
-          id: "q2",
-          title: "Is testing included?",
-          content: "Yes, comprehensive water quality analysis is standard with every project completion.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer maintenance?",
-          content: "We offer full pump maintenance and long-term infrastructure service packages.",
-        },
+        { id: "q1", title: "How deep can you drill?", content: "Up to 300 meters." },
+        { id: "q2", title: "Is testing included?", content: "Yes, analysis is standard." },
       ]}
       sideTitle="Common Questions"
       faqsAnimation="slide-up"
@@ -256,31 +178,11 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={true}
       title="Contact Us"
-      description="Ready to get started? Reach out to our technical team for a site assessment today."
+      description="Reach out to our technical team for a site assessment today."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-        {
-          name: "project",
-          type: "text",
-          placeholder: "Project Location",
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
       ]}
-      textarea={{
-        name: "details",
-        placeholder: "Briefly describe your needs",
-        rows: 4,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/document-marketing-strategy-business-concept_53876-124276.jpg"
     />
   </div>
@@ -288,30 +190,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
+        { items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Process", href: "#process" }] },
       ]}
       logoText="ColinsDrilz"
     />
@@ -319,4 +199,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file