217 lines
11 KiB
TypeScript
217 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { Award, Mail } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
export default function HomePage() {
|
|
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 heroMediaItems = [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/various-surgical-tools-kept-table-operation-theater_107420-63639.jpg", imageAlt: "Premium cutlery collection"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wooden-feet-shape-arrangement_23-2149007459.jpg", imageAlt: "Industrial footwear production"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/salt-salt-farm-ready-harvest-thailand_335224-1148.jpg", imageAlt: "Industrial salt products"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg", imageAlt: "Precision manufactured parts"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-manufacturing-environment-showing-robotics-action-photovoltaic-system-monitoring_482257-132268.jpg", imageAlt: "State-of-the-art facility"},
|
|
];
|
|
|
|
const aboutHeading = [
|
|
{ type: "text" as const, content: "Established heritage meets" },
|
|
{ type: "image" as const, src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg", alt: "Corporate heritage" },
|
|
{ type: "text" as const, content: "modern production capacity" },
|
|
];
|
|
|
|
const productItems = [
|
|
{
|
|
id: "1", name: "Premium Cutlery", price: "Custom Bulk Pricing", imageSrc: "http://img.b2bpic.net/free-photo/cutlery-set-with-fork-knife-spoon-isolated-white-background_1212-919.jpg", imageAlt: "Premium cutlery collection"},
|
|
{
|
|
id: "2", name: "Industrial Footwear", price: "Custom Bulk Pricing", imageSrc: "http://img.b2bpic.net/free-photo/wooden-feet-shape-arrangement_23-2149007459.jpg", imageAlt: "Industrial footwear range"},
|
|
{
|
|
id: "3", name: "Specialty Salt & Crafts", price: "Custom Bulk Pricing", imageSrc: "http://img.b2bpic.net/free-photo/salt-salt-farm-ready-harvest-thailand_335224-1148.jpg", imageAlt: "Specialty salt products"},
|
|
];
|
|
|
|
const metricItems = [
|
|
{ id: "1", value: "30+", description: "Years Industry Leadership" },
|
|
{ id: "2", value: "50+", description: "Countries Served" },
|
|
{ id: "3", value: "500+", description: "Enterprise Clients" },
|
|
{ id: "4", value: "ISO 9001", description: "Quality Certified" },
|
|
];
|
|
|
|
const testimonialItems = [
|
|
{
|
|
id: "1", name: "Ahmed Hassan", role: "Chief Procurement Officer", company: "Middle East Trading Corporation", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Ahmed Hassan"},
|
|
{
|
|
id: "2", name: "Maria Garcia", role: "International Buyer", company: "European Distribution Ltd", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", imageAlt: "Maria Garcia"},
|
|
{
|
|
id: "3", name: "David Chen", role: "Supply Chain Manager", company: "Asia-Pacific Logistics", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", imageAlt: "David Chen"},
|
|
{
|
|
id: "4", name: "Sophia Kowalski", role: "Export Compliance Manager", company: "Global Trade Ventures", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", imageAlt: "Sophia Kowalski"},
|
|
];
|
|
|
|
const kpiItems: [{ value: string; label: string }, { value: string; label: string }, { value: string; label: string }] = [
|
|
{ value: "99.2%", label: "On-Time Delivery Rate" },
|
|
{ value: "4.9/5", label: "Average Client Rating" },
|
|
{ value: "18+", label: "Years Average Partnership" },
|
|
];
|
|
|
|
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="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Precision Crafted Globally Trusted"
|
|
description="Resource Enterprises delivers premium industrial products across cutlery, footwear, salt crafts, and specialized parts to procurement leaders and export partners worldwide. Built on decades of operational excellence and uncompromising quality standards."
|
|
tag="Global Industrial Excellence"
|
|
tagIcon={Award}
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Explore Our Collection", href: "/products" },
|
|
{ text: "Request Quotation", href: "/contact" },
|
|
]}
|
|
mediaItems={heroMediaItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={aboutHeading}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "/about" },
|
|
{ text: "View Certifications", href: "/contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Industrial Product Categories"
|
|
description="Discover our diverse range of premium industrial exports engineered for reliability and excellence. Each category represents decades of specialized manufacturing expertise."
|
|
tag="Our Collections"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={productItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Institutional Credibility"
|
|
description="Trusted metrics that demonstrate our commitment to excellence and international standards."
|
|
tag="Performance"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={metricItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Trusted by Global Procurement Leaders"
|
|
description="Hear from international buyers and export partners who rely on Resource Enterprises for consistent quality, reliability, and operational excellence."
|
|
tag="Client Testimonials"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={testimonialItems}
|
|
kpiItems={kpiItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders Globally"
|
|
description="Resource Enterprises partners with renowned international distributors, procurement departments, and trading organizations across diverse sectors."
|
|
tag="Global Partners"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
logos={socialProofLogos}
|
|
names={socialProofNames}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Connect with Our Team"
|
|
description="Ready to discuss your industrial procurement needs? Our team of export specialists is prepared to provide customized solutions, transparent pricing, and responsive support for your supply requirements."
|
|
tagIcon={Mail}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/hall-business-building_1127-3310.jpg"
|
|
imageAlt="Modern industrial facility"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your business email"
|
|
buttonText="Request Information"
|
|
termsText="We respect your privacy. We'll respond within 24 business hours with tailored procurement solutions."
|
|
mediaAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Resource Enterprises"
|
|
leftLink={{ text: "Privacy Policy", href: "/" }}
|
|
rightLink={{ text: "Terms of Service", href: "/" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |