Merge version_2 into main #1
278
src/app/page.tsx
278
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user