Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Droplets, ListChecks, Tool, Waves } from "lucide-react";
|
||||
import { Droplets, ListChecks, Wrench, Waves } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BET Bouderbala"
|
||||
/>
|
||||
@@ -61,14 +46,9 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="BET Bouderbala"
|
||||
description="Expert hydrogeology and water resources engineering services in northern Algeria. Providing advanced groundwater solutions using modern technological innovations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book an Appointment", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/eco-friendly-photovoltaics-factory-manager-working-with-solar-engineering-team_482257-119681.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/eco-friendly-photovoltaics-factory-manager-working-with-solar-engineering-team_482257-119681.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,20 +59,11 @@ export default function LandingPage() {
|
||||
title="About Our Expertise"
|
||||
description="With extensive experience in northern Algeria, BET Bouderbala specializes in groundwater exploration and atmospheric water research. Our dedicated team of engineers provides high-precision technical assessments to drive sustainable water projects."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Regional Expertise",
|
||||
description: "Proven experience in diverse terrains across northern Algeria.",
|
||||
},
|
||||
{
|
||||
title: "Modern Tech",
|
||||
description: "Utilizing state-of-the-art sensors and digital mapping equipment.",
|
||||
},
|
||||
{
|
||||
title: "Scientific Accuracy",
|
||||
description: "Rigorous technical reporting and feasibility assessments.",
|
||||
},
|
||||
{ title: "Regional Expertise", description: "Proven experience in diverse terrains across northern Algeria." },
|
||||
{ title: "Modern Tech", description: "Utilizing state-of-the-art sensors and digital mapping equipment." },
|
||||
{ title: "Scientific Accuracy", description: "Rigorous technical reporting and feasibility assessments." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-looking-paperwork-documents-analyzing-data_482257-118009.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-looking-paperwork-documents-analyzing-data_482257-118009.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -103,26 +74,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Hydrogeological Studies",
|
||||
description: "Detailed analysis of groundwater potential and aquifer mapping.",
|
||||
},
|
||||
{
|
||||
icon: Tool,
|
||||
title: "Well Drilling Supervision",
|
||||
description: "Technical guidance and management for borehole and well projects.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Atmospheric Water Research",
|
||||
description: "Exploration of atmospheric water harvesting solutions for arid regions.",
|
||||
},
|
||||
{
|
||||
icon: ListChecks,
|
||||
title: "Technical Assessments",
|
||||
description: "Professional engineering reports for regulatory and construction needs.",
|
||||
},
|
||||
{ icon: Waves, title: "Hydrogeological Studies", description: "Detailed analysis of groundwater potential and aquifer mapping." },
|
||||
{ icon: Wrench, title: "Well Drilling Supervision", description: "Technical guidance and management for borehole and well projects." },
|
||||
{ icon: Droplets, title: "Atmospheric Water Research", description: "Exploration of atmospheric water harvesting solutions for arid regions." },
|
||||
{ icon: ListChecks, title: "Technical Assessments", description: "Professional engineering reports for regulatory and construction needs." },
|
||||
]}
|
||||
title="Our Engineering Services"
|
||||
description="We offer comprehensive hydrogeological solutions to meet your infrastructure and developmental water requirements."
|
||||
@@ -133,34 +88,11 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Groundwater Studies",
|
||||
items: [
|
||||
"Completed projects",
|
||||
"Across 5 provinces",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45+",
|
||||
title: "Drilling Sites",
|
||||
items: [
|
||||
"Successfully managed",
|
||||
"Quality certified",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Annual Research",
|
||||
items: [
|
||||
"Atmospheric studies",
|
||||
"Ongoing innovation",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Groundwater Studies", items: ["Completed projects", "Across 5 provinces"] },
|
||||
{ id: "m2", value: "45+", title: "Drilling Sites", items: ["Successfully managed", "Quality certified"] },
|
||||
{ id: "m3", value: "20+", title: "Annual Research", items: ["Atmospheric studies", "Ongoing innovation"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quantifiable results from our water engineering efforts."
|
||||
@@ -174,48 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Northern Aquifer Survey",
|
||||
price: "Khemis Miliana",
|
||||
variant: "Well Mapping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-river-big-dry-grassland_181624-45045.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Arid Atmospheric Research",
|
||||
price: "Regional Study",
|
||||
variant: "Tech Innovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-burning-oil-container-placed-surface-trees-distance_181624-26695.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Geological Mapping Data",
|
||||
price: "Professional Assessment",
|
||||
variant: "Data Analysis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/map-north-dakota-polygonal-mesh-line-map-flag-map_559531-11425.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Well Supervision Project",
|
||||
price: "Borehole Project",
|
||||
variant: "Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iceland-landscape-beautiful-plains_23-2149099971.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Atmospheric Moisture Test",
|
||||
price: "Field Discovery",
|
||||
variant: "Research",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192733.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Comprehensive Soil Analysis",
|
||||
price: "Site Assessment",
|
||||
variant: "Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-natural-landscape_23-2150788240.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Northern Aquifer Survey", price: "Khemis Miliana", variant: "Well Mapping", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-river-big-dry-grassland_181624-45045.jpg" },
|
||||
{ id: "p2", name: "Arid Atmospheric Research", price: "Regional Study", variant: "Tech Innovation", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-burning-oil-container-placed-surface-trees-distance_181624-26695.jpg" },
|
||||
{ id: "p3", name: "Geological Mapping Data", price: "Professional Assessment", variant: "Data Analysis", imageSrc: "http://img.b2bpic.net/free-photo/map-north-dakota-polygonal-mesh-line-map-flag-map_559531-11425.jpg" },
|
||||
{ id: "p4", name: "Well Supervision Project", price: "Borehole Project", variant: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/iceland-landscape-beautiful-plains_23-2149099971.jpg" },
|
||||
{ id: "p5", name: "Atmospheric Moisture Test", price: "Field Discovery", variant: "Research", imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192733.jpg" },
|
||||
{ id: "p6", name: "Comprehensive Soil Analysis", price: "Site Assessment", variant: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-natural-landscape_23-2150788240.jpg" },
|
||||
]}
|
||||
title="Completed Projects"
|
||||
description="Showcasing our recent hydrogeological successes throughout Algeria."
|
||||
@@ -227,61 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amine Z.",
|
||||
date: "2023",
|
||||
title: "Developer",
|
||||
quote: "Exceptional precision in well site exploration. Highly recommended.",
|
||||
tag: "Industrial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-photovoltaics-factory-manager-working-with-solar-engineering-team_482257-119681.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
date: "2024",
|
||||
title: "Project Manager",
|
||||
quote: "The engineering reporting was thorough and met all local regulatory standards.",
|
||||
tag: "Public Sector",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-looking-paperwork-documents-analyzing-data_482257-118009.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Omar B.",
|
||||
date: "2023",
|
||||
title: "Land Owner",
|
||||
quote: "Professional team that provided the clarity I needed for our irrigation project.",
|
||||
tag: "Agriculture",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12781.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-river-big-dry-grassland_181624-45045.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fatima R.",
|
||||
date: "2024",
|
||||
title: "Consultant",
|
||||
quote: "Innovative atmospheric water solutions that transformed our perspective.",
|
||||
tag: "Environmental",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-burning-oil-container-placed-surface-trees-distance_181624-26695.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Yacine M.",
|
||||
date: "2023",
|
||||
title: "Contractor",
|
||||
quote: "Reliable and high-tech approach to all hydrogeological concerns.",
|
||||
tag: "Construction",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/map-north-dakota-polygonal-mesh-line-map-flag-map_559531-11425.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{ id: "t1", name: "Amine Z.", date: "2023", title: "Developer", quote: "Exceptional precision in well site exploration. Highly recommended.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg" },
|
||||
{ id: "t2", name: "Sarah K.", date: "2024", title: "Project Manager", quote: "The engineering reporting was thorough and met all local regulatory standards.", tag: "Public Sector", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
|
||||
{ id: "t3", name: "Omar B.", date: "2023", title: "Land Owner", quote: "Professional team that provided the clarity I needed for our irrigation project.", tag: "Agriculture", avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12781.jpg" },
|
||||
{ id: "t4", name: "Fatima R.", date: "2024", title: "Consultant", quote: "Innovative atmospheric water solutions that transformed our perspective.", tag: "Environmental", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
|
||||
{ id: "t5", name: "Yacine M.", date: "2023", title: "Contractor", quote: "Reliable and high-tech approach to all hydrogeological concerns.", tag: "Construction", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What our partners say about our technical expertise."
|
||||
@@ -292,21 +138,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What geographical areas do you cover?",
|
||||
content: "We primarily focus on the northern regions of Algeria.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How can I book an appointment?",
|
||||
content: "Use the booking form on our contact page to request a slot.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide technical reports?",
|
||||
content: "Yes, all our services conclude with detailed professional engineering assessments.",
|
||||
},
|
||||
{ id: "q1", title: "What geographical areas do you cover?", content: "We primarily focus on the northern regions of Algeria." },
|
||||
{ id: "q2", title: "How can I book an appointment?", content: "Use the booking form on our contact page to request a slot." },
|
||||
{ id: "q3", title: "Do you provide technical reports?", content: "Yes, all our services conclude with detailed professional engineering assessments." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get clear answers to your hydrogeology concerns."
|
||||
@@ -320,23 +154,10 @@ export default function LandingPage() {
|
||||
title="Contact Us"
|
||||
description="Have a water engineering project in mind? Let's discuss your requirements today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your project or water requirements...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Describe your project or water requirements..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -344,14 +165,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BET Bouderbala"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user