bender/4c968cd4-8d74-4f84-9fc1-f142bc22cb8a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 6 commits from version_1 into main 2026-03-03 02:58:19 +00:00
Conversation 0 Commits 6 Files Changed 6 +89 -296
6 changed files with 89 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/about/page.tsx
View File

@@ -18,8 +18,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Civil Works", href: "/services" },
{ label: "Urban Planning", href: "/services" },
{ label: "Water Networks", href: "/services" },
@@ -28,8 +27,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Projects", href: "/projects" },
{ label: "Contact Us", href: "/contact" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
],
},
{
title: "Legal & Compliance",
items: [
title: "Legal & Compliance", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "CNSS Compliance", href: "#" },
@@ -82,10 +79,11 @@ export default function AboutPage() {
{ value: "15+", title: "Years of Excellence" },
{ value: "50+", title: "Successful Projects" },
]}
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84845.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84845.jpg"
imageAlt="SUPINFRA company headquarters in Dakhla"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -102,32 +100,16 @@ export default function AboutPage() {
carouselMode="buttons"
metrics={[
{
id: "1",
value: "15+",
title: "Years Operating",
description: "Established expertise in infrastructure development",
icon: TrendingUp,
id: "1", value: "15+", title: "Years Operating", description: "Established expertise in infrastructure development", icon: TrendingUp,
},
{
id: "2",
value: "500+",
title: "km Delivered",
description: "Extensive infrastructure networks across Morocco",
icon: Building2,
id: "2", value: "500+", title: "km Delivered", description: "Extensive infrastructure networks across Morocco", icon: Building2,
},
{
id: "3",
value: "45+",
title: "Communities Served",
description: "Direct positive impact on Moroccan communities",
icon: Users,
id: "3", value: "45+", title: "Communities Served", description: "Direct positive impact on Moroccan communities", icon: Users,
},
{
id: "4",
value: "98%",
title: "On-Time Delivery",
description: "Consistent project completion excellence",
icon: Clock,
id: "4", value: "98%", title: "On-Time Delivery", description: "Consistent project completion excellence", icon: Clock,
},
]}
/>

54
src/app/contact/page.tsx
View File

@@ -18,8 +18,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Civil Works", href: "/services" },
{ label: "Urban Planning", href: "/services" },
{ label: "Water Networks", href: "/services" },
@@ -28,8 +27,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Projects", href: "/projects" },
{ label: "Contact Us", href: "/contact" },
@@ -38,8 +36,7 @@ export default function ContactPage() {
],
},
{
title: "Legal & Compliance",
items: [
title: "Legal & Compliance", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "CNSS Compliance", href: "#" },
@@ -77,34 +74,20 @@ export default function ContactPage() {
description="Contact SUPINFRA SARL today to discuss your infrastructure project. Our team is ready to provide expert solutions and comprehensive support."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Full Name",
required: true,
name: "name", type: "text", placeholder: "Your Full Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email Address",
required: true,
name: "email", type: "email", placeholder: "Your Email Address", required: true,
},
{
name: "company",
type: "text",
placeholder: "Company/Organization Name",
required: true,
name: "company", type: "text", placeholder: "Company/Organization Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Describe your infrastructure project needs...",
rows: 5,
name: "message", placeholder: "Describe your infrastructure project needs...", rows: 5,
required: true,
}}
useInvertedBackground={true}
@@ -133,23 +116,14 @@ export default function ContactPage() {
animationType="smooth"
faqs={[
{
id: "1",
title: "What infrastructure services does SUPINFRA offer?",
content:
"SUPINFRA specializes in comprehensive civil engineering solutions including civil works, urban planning, water networks, telecommunications infrastructure, electrification systems, and project management. We serve both public sector procurement and private enterprise contracts across Morocco.",
},
id: "1", title: "What infrastructure services does SUPINFRA offer?", content:
"SUPINFRA specializes in comprehensive civil engineering solutions including civil works, urban planning, water networks, telecommunications infrastructure, electrification systems, and project management. We serve both public sector procurement and private enterprise contracts across Morocco."},
{
id: "2",
title: "Are you compliant with Moroccan regulations and CNSS standards?",
content:
"Yes, SUPINFRA maintains 100% compliance with CNSS regulations, public procurement eligibility requirements, and all Moroccan infrastructure standards. We hold all necessary certifications for government contracting and are subject to rigorous regulatory oversight.",
},
id: "2", title: "Are you compliant with Moroccan regulations and CNSS standards?", content:
"Yes, SUPINFRA maintains 100% compliance with CNSS regulations, public procurement eligibility requirements, and all Moroccan infrastructure standards. We hold all necessary certifications for government contracting and are subject to rigorous regulatory oversight."},
{
id: "3",
title: "What is your track record for on-time project delivery?",
content:
"We maintain a 98% on-time delivery rate across all projects. Our robust project management methodology, experienced teams, and resource planning ensure we consistently meet contractual deadlines while maintaining quality standards.",
},
id: "3", title: "What is your track record for on-time project delivery?", content:
"We maintain a 98% on-time delivery rate across all projects. Our robust project management methodology, experienced teams, and resource planning ensure we consistently meet contractual deadlines while maintaining quality standards."},
]}
/>
</div>

27
src/app/layout.tsx
View File

@@ -3,36 +3,21 @@ import { Archivo } from "next/font/google";
import "./globals.css";
const archivo = Archivo({
variable: "--font-archivo",
subsets: ["latin"],
variable: "--font-archivo", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "SUPINFRA SARL - Civil Engineering & Infrastructure Solutions Morocco",
description: "Expert civil engineering, urban development, water networks, telecommunications, and electrification services. Trusted by Moroccan government and leading enterprises. CNSS compliant infrastructure specialist.",
keywords: "civil engineering, infrastructure, Morocco, Dakhla, water networks, electrification, telecommunications, urban planning, construction, public procurement",
metadataBase: new URL("https://supinfra.ma"),
title: "SUPINFRA SARL - Civil Engineering & Infrastructure Solutions Morocco", description: "Expert civil engineering, urban development, water networks, telecommunications, and electrification services. Trusted by Moroccan government and leading enterprises. CNSS compliant infrastructure specialist.", keywords: "civil engineering, infrastructure, Morocco, Dakhla, water networks, electrification, telecommunications, urban planning, construction, public procurement", metadataBase: new URL("https://supinfra.ma"),
alternates: {
canonical: "https://supinfra.ma",
},
canonical: "https://supinfra.ma"},
openGraph: {
title: "SUPINFRA SARL - Building Tomorrow's Infrastructure Today",
description: "Expert infrastructure solutions across Morocco. Civil works, urban planning, water networks, telecommunications, and electrification.",
url: "https://supinfra.ma",
siteName: "SUPINFRA SARL",
type: "website",
images: [
title: "SUPINFRA SARL - Building Tomorrow's Infrastructure Today", description: "Expert infrastructure solutions across Morocco. Civil works, urban planning, water networks, telecommunications, and electrification.", url: "https://supinfra.ma", siteName: "SUPINFRA SARL", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg",
alt: "SUPINFRA Infrastructure Solutions",
},
url: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg", alt: "SUPINFRA Infrastructure Solutions"},
],
},
twitter: {
card: "summary_large_image",
title: "SUPINFRA SARL - Civil Engineering Excellence",
description: "Trusted infrastructure partner for Morocco's public and private sectors",
images: ["http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg"],
card: "summary_large_image", title: "SUPINFRA SARL - Civil Engineering Excellence", description: "Trusted infrastructure partner for Morocco's public and private sectors", images: ["http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg"],
},
robots: {
index: true,

102
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Zap, Building2, Hammer, Wifi, Signal, Radio, Antenna, CheckCircle, Construction, CheckCheck, FolderOpen, TrendingUp, Clock, Users, Quote, HelpCircle, Award } from "lucide-react";
import { Zap, Building2, Hammer, Wifi, Signal, Radio, Antenna, CheckCircle, Construction, CheckCheck, FolderOpen, TrendingUp, Clock, Users, Quote, HelpCircle, Award, Lightbulb, Settings, Milestone } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -26,8 +26,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Civil Works", href: "/services" },
{ label: "Urban Planning", href: "/services" },
{ label: "Water Networks", href: "/services" },
@@ -36,8 +35,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Projects", href: "/projects" },
{ label: "Contact Us", href: "/contact" },
@@ -46,8 +44,7 @@ export default function HomePage() {
],
},
{
title: "Legal & Compliance",
items: [
title: "Legal & Compliance", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "CNSS Compliance", href: "#" },
@@ -94,13 +91,9 @@ export default function HomePage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg",
imageAlt: "Modern infrastructure construction site",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg", imageAlt: "Modern infrastructure construction site"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3044.jpg",
imageAlt: "Urban development planning",
},
imageSrc: "http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3044.jpg", imageAlt: "Urban development planning"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -120,10 +113,11 @@ export default function HomePage() {
{ value: "15+", title: "Years of Excellence" },
{ value: "50+", title: "Successful Projects" },
]}
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84845.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84845.jpg"
imageAlt="SUPINFRA company headquarters in Dakhla"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -139,25 +133,9 @@ export default function HomePage() {
showCard={true}
speed={40}
names={[
"Ministry of Public Works",
"Maroc Telecom",
"ONEE",
"Regional Government of Dakhla",
"Private Construction Consortium",
"Urban Development Authority",
"National Investment Bank",
"Morocco Water Authority",
]}
"Ministry of Public Works", "Maroc Telecom", "ONEE", "Regional Government of Dakhla", "Private Construction Consortium", "Urban Development Authority", "National Investment Bank", "Morocco Water Authority"]}
logos={[
"http://img.b2bpic.net/free-vector/vintage-design-presidents-day_23-2148405559.jpg",
"http://img.b2bpic.net/free-vector/communication-logo-design-template_23-2149856800.jpg",
"http://img.b2bpic.net/free-vector/realistic-world-water-day-badges-collection_23-2149266087.jpg",
"http://img.b2bpic.net/free-photo/georgia-flag-with-banner_187299-35482.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-construction-project-labels_23-2149671647.jpg",
"http://img.b2bpic.net/free-vector/world-habitat-day-background-badge-with-skyscrapers_23-2147570174.jpg",
"http://img.b2bpic.net/free-vector/bank-finance-labels-collection_23-2149720456.jpg",
"http://img.b2bpic.net/free-vector/set-water-labels_23-2147505704.jpg",
]}
"http://img.b2bpic.net/free-vector/vintage-design-presidents-day_23-2148405559.jpg", "http://img.b2bpic.net/free-vector/communication-logo-design-template_23-2149856800.jpg", "http://img.b2bpic.net/free-vector/realistic-world-water-day-badges-collection_23-2149266087.jpg", "http://img.b2bpic.net/free-photo/georgia-flag-with-banner_187299-35482.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-construction-project-labels_23-2149671647.jpg", "http://img.b2bpic.net/free-vector/world-habitat-day-background-badge-with-skyscrapers_23-2147570174.jpg", "http://img.b2bpic.net/free-vector/bank-finance-labels-collection_23-2149720456.jpg", "http://img.b2bpic.net/free-vector/set-water-labels_23-2147505704.jpg"]}
/>
</div>
@@ -175,32 +153,16 @@ export default function HomePage() {
carouselMode="buttons"
metrics={[
{
id: "1",
value: "500+",
title: "km Delivered",
description: "Infrastructure networks successfully constructed",
icon: Zap,
id: "1", value: "500+", title: "km Delivered", description: "Infrastructure networks successfully constructed", icon: Milestone,
},
{
id: "2",
value: "98%",
title: "On-Time Delivery",
description: "Project completion rate meeting deadlines",
icon: Clock,
id: "2", value: "98%", title: "On-Time Delivery", description: "Project completion rate meeting deadlines", icon: Clock,
},
{
id: "3",
value: "45+",
title: "Communities Served",
description: "Direct beneficiaries of our infrastructure",
icon: Users,
id: "3", value: "45+", title: "Communities Served", description: "Direct beneficiaries of our infrastructure", icon: Users,
},
{
id: "4",
value: "100%",
title: "CNSS Compliant",
description: "Full regulatory and safety compliance",
icon: CheckCircle,
id: "4", value: "100%", title: "CNSS Compliant", description: "Full regulatory and safety compliance", icon: CheckCircle,
},
]}
/>
@@ -218,37 +180,17 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Minister Hassan Al-Khalil",
role: "Director",
company: "Ministry of Public Works",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1",
},
id: "1", name: "Minister Hassan Al-Khalil", role: "Director", company: "Ministry of Public Works", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
{
id: "2",
name: "Fatima Benkirane",
role: "Project Manager",
company: "Maroc Telecom",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-leader-modern-office-with-businesspeople-workin_1139-956.jpg?_wi=1",
},
id: "2", name: "Fatima Benkirane", role: "Project Manager", company: "Maroc Telecom", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-leader-modern-office-with-businesspeople-workin_1139-956.jpg"},
{
id: "3",
name: "Ahmed Bennani",
role: "CEO",
company: "ONEE (National Water Authority)",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
},
id: "3", name: "Ahmed Bennani", role: "CEO", company: "ONEE (National Water Authority)", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "4",
name: "Yasmine Oukhadda",
role: "Development Director",
company: "Regional Investment Bank",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
},
id: "4", name: "Yasmine Oukhadda", role: "Development Director", company: "Regional Investment Bank", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
]}
kpiItems={[
{ value: "50+", label: "Projects Completed" },

102
src/app/projects/page.tsx
View File

@@ -18,8 +18,7 @@ export default function ProjectsPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Civil Works", href: "/services" },
{ label: "Urban Planning", href: "/services" },
{ label: "Water Networks", href: "/services" },
@@ -28,8 +27,7 @@ export default function ProjectsPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Projects", href: "/projects" },
{ label: "Contact Us", href: "/contact" },
@@ -38,8 +36,7 @@ export default function ProjectsPage() {
],
},
{
title: "Legal & Compliance",
items: [
title: "Legal & Compliance", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "CNSS Compliance", href: "#" },
@@ -84,65 +81,23 @@ export default function ProjectsPage() {
carouselMode="buttons"
products={[
{
id: "1",
brand: "SUPINFRA SARL",
name: "Dakhla Urban Development Zone",
price: "Completed 2023",
rating: 5,
reviewCount: "Government Approved",
imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4012.jpg",
imageAlt: "Dakhla urban development project",
},
id: "1", brand: "SUPINFRA SARL", name: "Dakhla Urban Development Zone", price: "Completed 2023", rating: 5,
reviewCount: "Government Approved", imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4012.jpg", imageAlt: "Dakhla urban development project"},
{
id: "2",
brand: "SUPINFRA SARL",
name: "Water Network Expansion - Southern Region",
price: "Completed 2022",
rating: 5,
reviewCount: "500+ km coverage",
imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-150.jpg",
imageAlt: "Water network installation project",
},
id: "2", brand: "SUPINFRA SARL", name: "Water Network Expansion - Southern Region", price: "Completed 2022", rating: 5,
reviewCount: "500+ km coverage", imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-150.jpg", imageAlt: "Water network installation project"},
{
id: "3",
brand: "SUPINFRA SARL",
name: "Telecommunications Infrastructure - Maroc Telecom",
price: "Completed 2024",
rating: 5,
reviewCount: "25 sites deployed",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-telecom-tower-field-breathtaking-sky-perfect-wallpaper_181624-30688.jpg",
imageAlt: "Telecommunications infrastructure project",
},
id: "3", brand: "SUPINFRA SARL", name: "Telecommunications Infrastructure - Maroc Telecom", price: "Completed 2024", rating: 5,
reviewCount: "25 sites deployed", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-telecom-tower-field-breathtaking-sky-perfect-wallpaper_181624-30688.jpg", imageAlt: "Telecommunications infrastructure project"},
{
id: "4",
brand: "SUPINFRA SARL",
name: "Coastal Road Network Development",
price: "Completed 2023",
rating: 5,
reviewCount: "150 km delivered",
imageSrc: "http://img.b2bpic.net/free-photo/carlsbad-energy-plant_181624-20975.jpg",
imageAlt: "Coastal road construction project",
},
id: "4", brand: "SUPINFRA SARL", name: "Coastal Road Network Development", price: "Completed 2023", rating: 5,
reviewCount: "150 km delivered", imageSrc: "http://img.b2bpic.net/free-photo/carlsbad-energy-plant_181624-20975.jpg", imageAlt: "Coastal road construction project"},
{
id: "5",
brand: "SUPINFRA SARL",
name: "Electrification Initiative - Remote Communities",
price: "Ongoing 2024",
rating: 5,
reviewCount: "45 communities",
imageSrc: "http://img.b2bpic.net/free-photo/substation-equipment-dense-lines-blue-tone-map_1127-2984.jpg",
imageAlt: "Electrification project implementation",
},
id: "5", brand: "SUPINFRA SARL", name: "Electrification Initiative - Remote Communities", price: "Ongoing 2024", rating: 5,
reviewCount: "45 communities", imageSrc: "http://img.b2bpic.net/free-photo/substation-equipment-dense-lines-blue-tone-map_1127-2984.jpg", imageAlt: "Electrification project implementation"},
{
id: "6",
brand: "SUPINFRA SARL",
name: "Industrial Complex Construction",
price: "Completed 2023",
rating: 5,
reviewCount: "Private sector partner",
imageSrc: "http://img.b2bpic.net/free-photo/fourth-block-chernobyl-nuclear-power-plant-30-years-after-explosion-nuclear-power-plant_627829-11676.jpg",
imageAlt: "Industrial construction project",
},
id: "6", brand: "SUPINFRA SARL", name: "Industrial Complex Construction", price: "Completed 2023", rating: 5,
reviewCount: "Private sector partner", imageSrc: "http://img.b2bpic.net/free-photo/fourth-block-chernobyl-nuclear-power-plant-30-years-after-explosion-nuclear-power-plant_627829-11676.jpg", imageAlt: "Industrial construction project"},
]}
/>
</div>
@@ -159,29 +114,14 @@ export default function ProjectsPage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Minister Hassan Al-Khalil",
role: "Director",
company: "Ministry of Public Works",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2",
},
id: "1", name: "Minister Hassan Al-Khalil", role: "Director", company: "Ministry of Public Works", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
{
id: "2",
name: "Fatima Benkirane",
role: "Project Manager",
company: "Maroc Telecom",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-leader-modern-office-with-businesspeople-workin_1139-956.jpg?_wi=2",
},
id: "2", name: "Fatima Benkirane", role: "Project Manager", company: "Maroc Telecom", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-leader-modern-office-with-businesspeople-workin_1139-956.jpg"},
{
id: "3",
name: "Ahmed Bennani",
role: "CEO",
company: "ONEE (National Water Authority)",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
},
id: "3", name: "Ahmed Bennani", role: "CEO", company: "ONEE (National Water Authority)", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
]}
kpiItems={[
{ value: "50+", label: "Projects Completed" },

64
src/app/services/page.tsx
View File

@@ -5,7 +5,7 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Hammer, Wifi, Signal, Radio, Antenna, CheckCircle, Construction, CheckCheck, Building2, Zap } from "lucide-react";
import { Hammer, Wifi, Signal, Radio, Antenna, CheckCircle, Construction, CheckCheck, Building2, Zap, Lightbulb, Settings } from "lucide-react";
export default function ServicesPage() {
const navItems = [
@@ -18,8 +18,7 @@ export default function ServicesPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Civil Works", href: "/services" },
{ label: "Urban Planning", href: "/services" },
{ label: "Water Networks", href: "/services" },
@@ -28,8 +27,7 @@ export default function ServicesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Projects", href: "/projects" },
{ label: "Contact Us", href: "/contact" },
@@ -38,8 +36,7 @@ export default function ServicesPage() {
],
},
{
title: "Legal & Compliance",
items: [
title: "Legal & Compliance", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "CNSS Compliance", href: "#" },
@@ -83,25 +80,13 @@ export default function ServicesPage() {
animationType="slide-up"
features={[
{
title: "Civil Works",
description: "Foundation construction, road networks, and structural engineering for public and private projects",
bentoComponent: "animated-bar-chart",
},
title: "Civil Works", description: "Foundation construction, road networks, and structural engineering for public and private projects", bentoComponent: "animated-bar-chart"},
{
title: "Urban Planning",
description: "Master planning and development coordination for sustainable city growth and modern infrastructure",
bentoComponent: "map",
},
title: "Urban Planning", description: "Master planning and development coordination for sustainable city growth and modern infrastructure", bentoComponent: "map"},
{
title: "Water Networks",
description: "Comprehensive potable water and sanitation system design and installation across regions",
bentoComponent: "line-chart",
},
title: "Water Networks", description: "Comprehensive potable water and sanitation system design and installation across regions", bentoComponent: "line-chart"},
{
title: "Telecommunications",
description: "Network infrastructure setup and management for seamless connectivity solutions",
bentoComponent: "orbiting-icons",
centerIcon: Wifi,
title: "Telecommunications", description: "Network infrastructure setup and management for seamless connectivity solutions", bentoComponent: "orbiting-icons", centerIcon: Wifi,
items: [
{ icon: Signal, ring: 1 },
{ icon: Radio, ring: 2 },
@@ -109,36 +94,20 @@ export default function ServicesPage() {
],
},
{
title: "Electrification",
description: "Complete electrical infrastructure design, installation, and maintenance for reliable power distribution",
bentoComponent: "3d-stack-cards",
items: [
title: "Electrification", description: "Complete electrical infrastructure design, installation, and maintenance for reliable power distribution", bentoComponent: "3d-stack-cards", items: [
{
icon: Zap,
title: "Distribution",
subtitle: "Power Networks",
detail: "High-voltage transmission systems",
},
title: "Distribution", subtitle: "Power Networks", detail: "High-voltage transmission systems"},
{
icon: Zap,
title: "Installation",
subtitle: "On-Site Setup",
detail: "Professional electrical implementation",
},
icon: Lightbulb,
title: "Installation", subtitle: "On-Site Setup", detail: "Professional electrical implementation"},
{
icon: Zap,
title: "Maintenance",
subtitle: "System Care",
detail: "Preventive and corrective maintenance",
},
icon: Settings,
title: "Maintenance", subtitle: "System Care", detail: "Preventive and corrective maintenance"},
],
},
{
title: "Project Phases",
description: "End-to-end coordination ensuring timely delivery, budget adherence, and quality standards",
bentoComponent: "3d-task-list",
title: "Project Phases",
items: [
title: "Project Phases", description: "End-to-end coordination ensuring timely delivery, budget adherence, and quality standards", bentoComponent: "3d-task-list", items: [
{ icon: CheckCircle, label: "Planning & Design", time: "Phase 1" },
{ icon: Construction, label: "Construction", time: "Phase 2" },
{ icon: CheckCheck, label: "Inspection & Handover", time: "Phase 3" },
@@ -159,10 +128,11 @@ export default function ServicesPage() {
{ value: "98%", title: "On-Time Delivery Rate" },
{ value: "100%", title: "CNSS Compliance" },
]}
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84845.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84845.jpg"
imageAlt="SUPINFRA team collaborating on infrastructure solutions"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>