111 lines
4.9 KiB
TypeScript
111 lines
4.9 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { Award } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Services", id: "metrics" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const navButton = {
|
|
text: "Explore Our Collection", href: "/products"};
|
|
|
|
const aboutHeading = [
|
|
{ type: "text" as const, content: "Three decades of" },
|
|
{ type: "image" as const, src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg", alt: "Heritage and experience" },
|
|
{ type: "text" as const, content: "industrial excellence and innovation" },
|
|
];
|
|
|
|
const certificationMetrics = [
|
|
{ id: "1", value: "30+", description: "Years of Industry Excellence" },
|
|
{ id: "2", value: "ISO 9001:2015", description: "Quality Management Certified" },
|
|
{ id: "3", value: "50+", description: "International Markets Served" },
|
|
{ id: "4", value: "500+", description: "Established Enterprise Clients" },
|
|
];
|
|
|
|
const socialProofLogos = [
|
|
"http://img.b2bpic.net/free-vector/logo-template-design_1289-103.jpg", "http://img.b2bpic.net/free-vector/initial-b-c-coffee-bean-shop-logo-business-branding-template-design-inspiration_384344-1595.jpg", "http://img.b2bpic.net/free-vector/industrial-company-logo-template_1071-31.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-103.jpg", "http://img.b2bpic.net/free-vector/abstract-business-card-template_23-2148303097.jpg", "http://img.b2bpic.net/free-vector/editable-business-card-template-modern-design-collection_53876-114878.jpg", "http://img.b2bpic.net/free-vector/abstract-business-card-template_23-2148303097.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg"];
|
|
|
|
const socialProofNames = [
|
|
"Global Trade Partners", "International Logistics", "Continental Distribution", "Enterprise Supply Chain", "Pacific Procurement", "European Export Alliance", "Middle East Commerce", "Asia Distribution Network"];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
button={navButton}
|
|
brandName="Resource Enterprises"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={aboutHeading}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Explore Products", href: "/products" },
|
|
{ text: "Contact Us", href: "/contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="certifications" data-section="certifications">
|
|
<MetricCardTwo
|
|
title="Our Credentials & Standards"
|
|
description="Resource Enterprises maintains the highest standards of quality, compliance, and operational excellence across all production facilities and international operations."
|
|
tag="Quality Assurance"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={certificationMetrics}
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
title="Strategic Global Partnerships"
|
|
description="Over three decades, we have built enduring relationships with leading enterprises and distributors across every major international market."
|
|
tag="Industry Network"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
logos={socialProofLogos}
|
|
names={socialProofNames}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Resource Enterprises"
|
|
leftLink={{ text: "Privacy Policy", href: "/" }}
|
|
rightLink={{ text: "Terms of Service", href: "/" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |