120 lines
5.1 KiB
TypeScript
120 lines
5.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Star } from 'lucide-react';
|
|
|
|
export default function TestimonialsPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About Us", id: "/about" },
|
|
{ name: "Products", id: "/products" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Blog", id: "/blog" },
|
|
{ name: "Testimonials", id: "/testimonials" },
|
|
{ name: "FAQ", id: "/faq" },
|
|
{ name: "Contact", id: "/contact" }
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "Risk Assessment", href: "/products" },
|
|
{ label: "HSE Procedures", href: "/products" },
|
|
{ label: "ISO Documentation", href: "/products" },
|
|
{ label: "Digital Platforms", href: "/products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Contact Us", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "/faq" },
|
|
{ label: "WhatsApp", href: "https://wa.me/212638673530" },
|
|
{ label: "Email", href: "mailto:nimadigital99@gmail.com" }
|
|
]
|
|
}
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={navItems}
|
|
brandName="Smart QHSE System"
|
|
button={{ text: "Get a Quote", href: "/contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial-section" data-section="testimonial-section">
|
|
<TestimonialCardSixteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Ahmed Al-Farsi", role: "CEO", company: "Global Energy Co.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-118152.jpg", imageAlt: "Ahmed Al-Farsi"
|
|
},
|
|
{
|
|
id: "t2", name: "Fatima Zahra", role: "HSE Manager", company: "Apex Constructors", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-person-intership_23-2149315641.jpg", imageAlt: "Fatima Zahra"
|
|
},
|
|
{
|
|
id: "t3", name: "Omar Benali", role: "Safety Consultant", company: "CertifyPro Group", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-with-helmet-working-logistic_23-2148886814.jpg", imageAlt: "Omar Benali"
|
|
},
|
|
{
|
|
id: "t4", name: "Layla Mansour", role: "Operations Director", company: "LogiChain Solutions", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-leader-explaining-management-project-using-monitor-working-company-meeting-office-roo_482257-2924.jpg", imageAlt: "Layla Mansour"
|
|
},
|
|
{
|
|
id: "t5", name: "Youssef El-Hajj", role: "Training Center Director", company: "EcoGuard Alliance", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-work_23-2148943348.jpg", imageAlt: "Youssef El-Hajj"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "500+", description: "Satisfied Clients" },
|
|
{ value: "4.9", description: "Average Rating" },
|
|
{ value: "100+", description: "Case Studies" }
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear from our satisfied partners about the impact of Smart QHSE Systems."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Smart QHSE System"
|
|
columns={footerColumns}
|
|
copyrightText="Smart QHSE System © 2026 - All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|