161 lines
6.5 KiB
TypeScript
161 lines
6.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import Link from "next/link";
|
|
import { TrendingUp, MessageSquare } from "lucide-react";
|
|
|
|
const AboutPage = () => {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Testimonials", id: "/testimonials" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Services", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Support", href: "#" },
|
|
{ label: "FAQ", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
],
|
|
},
|
|
];
|
|
|
|
const metrics = [
|
|
{ id: "1", value: "15K+", description: "Successful Deliveries" },
|
|
{ id: "2", value: "99.8%", description: "On-Time Delivery Rate" },
|
|
{ id: "3", value: "50+", description: "Active Fleet Vehicles" },
|
|
];
|
|
|
|
const kpiItems: [{ value: string; label: string }, { value: string; label: string }, { value: string; label: string }] = [
|
|
{ value: "500+", label: "Satisfied Clients" },
|
|
{ value: "12", label: "Years in Industry" },
|
|
{ value: "24/7", label: "Customer Support" },
|
|
];
|
|
|
|
const testimonials = [
|
|
{
|
|
id: "1", name: "Michael Chen", role: "Supply Chain Manager", company: "TechFlow Industries", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "2", name: "Sarah Johnson", role: "Operations Director", company: "GrowthCo Manufacturing", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "3", name: "David Rodriguez", role: "Logistics Manager", company: "ExpressMarket Group", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "David Rodriguez"},
|
|
{
|
|
id: "4", name: "Emily Watson", role: "CEO", company: "Premium Retail Solutions", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Emily Watson"},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Eternal Transport"
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id,
|
|
}))}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Our Story & Mission"
|
|
description={[
|
|
"Founded with a vision to revolutionize the logistics industry, Eternal Transport emerged from decades of combined experience in freight management and supply chain optimization. We recognized the need for a partner that combines reliability with innovation.", "Today, we operate one of the most modern fleets in the region, equipped with state-of-the-art tracking technology and managed by certified professionals. Our commitment extends beyond timely deliveries—we're invested in sustainable logistics practices and community partnerships.", "Every shipment handled by Eternal Transport represents our promise: excellence in execution, transparency in communication, and unwavering dedication to your success."]}
|
|
buttons={[
|
|
{ text: "View Our Services", href: "/services" },
|
|
{ text: "Get In Touch", href: "/contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Eternal Transport - Our Story"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Our Impact & Reach"
|
|
description="Trusted by leading companies across multiple industries to handle their most critical shipments."
|
|
tag="Growth Metrics"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={metrics}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Company metrics and performance"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Trusted by Industry Leaders"
|
|
description="See how Eternal Transport has become the preferred logistics partner for businesses seeking reliability and innovation."
|
|
tag="Client Success Stories"
|
|
tagIcon={MessageSquare}
|
|
tagAnimation="slide-up"
|
|
testimonials={testimonials}
|
|
kpiItems={kpiItems}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Client testimonials and reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Eternal Transport"
|
|
columns={footerColumns}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
};
|
|
|
|
export default AboutPage; |