diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 68910ca..d3c517b 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -2,22 +2,36 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import TextAbout from "@/components/sections/about/TextAbout"; import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern"; +import TeamCardFive from "@/components/sections/team/TeamCardFive"; import MetricCardThree from "@/components/sections/metrics/MetricCardThree"; -import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen"; +import ContactText from "@/components/sections/contact/ContactText"; import FooterMedia from "@/components/sections/footer/FooterMedia"; -import Link from "next/link"; -import { Shield, Zap, Users, Truck, Award, TrendingUp, Package, Globe, MessageSquare } from "lucide-react"; +import { + Zap, + Package, + Shield, + Users, + Truck, + Award, + TrendingUp, + Globe, + Handshake, + Target, + Lightbulb, + Heart, +} from "lucide-react"; + +const navItems = [ + { name: "Home", id: "/" }, + { name: "About", id: "/about" }, + { name: "Products", id: "/products" }, + { name: "Services", id: "/" }, + { name: "Contact", id: "/" }, +]; export default function AboutPage() { - const navItems = [ - { name: "Home", id: "/" }, - { name: "Products", id: "/products" }, - { name: "Services", id: "/services" }, - { name: "Pricing", id: "/pricing" }, - { name: "Contact", id: "/contact" }, - ]; - return ( -
+
+ +
+ +
+
+ +
+
-
+
+ +
+ +
-
- +
@@ -132,16 +144,20 @@ export default function HomePage() { metrics={[ { id: "customers", icon: Users, - title: "Global Customers", value: "2,500+"}, + title: "Global Customers", value: "2,500+" + }, { id: "products", icon: Package, - title: "Products Shipped", value: "500K+"}, + title: "Products Shipped", value: "500K+" + }, { id: "countries", icon: Globe, - title: "Operating Countries", value: "85+"}, + title: "Operating Countries", value: "85+" + }, { id: "uptime", icon: Zap, - title: "System Uptime", value: "99.9%"}, + title: "System Uptime", value: "99.9%" + }, ]} />
@@ -156,9 +172,11 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "TechCorp Manufacturing", "Industrial Solutions Inc", "Precision Engineering Co", "Global Factory Systems", "Advanced Tech Automation", "Quality Industries Ltd", "Innovation Manufacturing", "Professional Factory Group"]} + "TechCorp Manufacturing", "Industrial Solutions Inc", "Precision Engineering Co", "Global Factory Systems", "Advanced Tech Automation", "Quality Industries Ltd", "Innovation Manufacturing", "Professional Factory Group" + ]} logos={[ - "http://img.b2bpic.net/free-vector/flat-set-logos-car-establishments_23-2147612932.jpg", "http://img.b2bpic.net/free-vector/technology-logo-gradient-style_23-2148135218.jpg", "http://img.b2bpic.net/free-vector/vintage-collection-labor-day-badges_23-2147656796.jpg", "http://img.b2bpic.net/free-vector/gradient-technology-blue-logo-collection_23-2148233811.jpg", "http://img.b2bpic.net/free-vector/employee-month-business-gradient-badge-collection_23-2149524695.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-247.jpg", "http://img.b2bpic.net/free-vector/gradient-labor-day-labels-collection_23-2149048127.jpg"]} + "http://img.b2bpic.net/free-vector/flat-set-logos-car-establishments_23-2147612932.jpg", "http://img.b2bpic.net/free-vector/technology-logo-gradient-style_23-2148135218.jpg", "http://img.b2bpic.net/free-vector/vintage-collection-labor-day-badges_23-2147656796.jpg", "http://img.b2bpic.net/free-vector/gradient-technology-blue-logo-collection_23-2148233811.jpg", "http://img.b2bpic.net/free-vector/employee-month-business-gradient-badge-collection_23-2149524695.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-247.jpg", "http://img.b2bpic.net/free-vector/gradient-labor-day-labels-collection_23-2149048127.jpg" + ]} speed={40} showCard={true} /> @@ -172,9 +190,11 @@ export default function HomePage() { useInvertedBackground={true} buttons={[ { - text: "Request Quote", href: "/contact"}, + text: "Request Quote", href: "/contact" + }, { - text: "Schedule Demo", href: "/contact"}, + text: "Schedule Demo", href: "/contact" + }, ]} />
@@ -189,37 +209,49 @@ export default function HomePage() { { title: "Products", items: [ { - label: "Electric Motors", href: "/products"}, + label: "Electric Motors", href: "/products" + }, { - label: "Components", href: "/products"}, + label: "Components", href: "/products" + }, { - label: "Equipment", href: "/products"}, + label: "Equipment", href: "/products" + }, { - label: "Specifications", href: "/products"}, + label: "Specifications", href: "/products" + }, ], }, { title: "Company", items: [ { - label: "About Us", href: "/"}, + label: "About Us", href: "/about" + }, { - label: "Our Team", href: "/"}, + label: "Our Team", href: "/about" + }, { - label: "Careers", href: "/"}, + label: "Careers", href: "/" + }, { - label: "Blog", href: "/"}, + label: "Blog", href: "/" + }, ], }, { title: "Support", items: [ { - label: "Contact Us", href: "/contact"}, + label: "Contact Us", href: "/contact" + }, { - label: "Technical Support", href: "/"}, + label: "Technical Support", href: "/" + }, { - label: "Documentation", href: "/"}, + label: "Documentation", href: "/" + }, { - label: "FAQ", href: "/"}, + label: "FAQ", href: "/" + }, ], }, ]} diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx index ff84c3c..90eb57b 100644 --- a/src/app/products/page.tsx +++ b/src/app/products/page.tsx @@ -2,17 +2,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; -import ProductCardThree from "@/components/sections/product/ProductCardThree"; -import PricingCardOne from "@/components/sections/pricing/PricingCardOne"; -import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen"; +import ProductCardFour from "@/components/sections/product/ProductCardFour"; import FooterMedia from "@/components/sections/footer/FooterMedia"; -import { - Package, - Star, - Crown, - DollarSign, - MessageSquare, -} from "lucide-react"; +import { Package, Filter, Search, Zap } from "lucide-react"; +import { useState } from "react"; const navItems = [ { name: "Home", id: "/" }, @@ -22,7 +15,46 @@ const navItems = [ { name: "Contact", id: "/" }, ]; +const productCategories = [ + { id: "all", name: "All Products" }, + { id: "motors", name: "Electric Motors" }, + { id: "components", name: "Components" }, + { id: "equipment", name: "Equipment" }, + { id: "accessories", name: "Accessories" }, +]; + +const allProducts = [ + { + id: "1", name: "Industrial AC Motor 50HP", price: "$1,250", variant: "Three Phase 50Hz", imageSrc: "http://img.b2bpic.net/free-photo/industrial-gear_1136-285.jpg", imageAlt: "AC Motor", category: "motors"}, + { + id: "2", name: "Precision Ball Bearing Set", price: "$450", variant: "Stainless Steel Multiple Sizes", imageSrc: "http://img.b2bpic.net/free-photo/mechanical-parts_1136-290.jpg", imageAlt: "Ball Bearing Set", category: "components"}, + { + id: "3", name: "Heavy Duty Coupling", price: "$680", variant: "Flexible Coupling Various Diameters", imageSrc: "http://img.b2bpic.net/free-photo/industrial-coupling_1136-295.jpg", imageAlt: "Coupling", category: "components"}, + { + id: "4", name: "Industrial Gearbox 100:1", price: "$2,100", variant: "Helical Gears Cast Iron", imageSrc: "http://img.b2bpic.net/free-photo/rusty-gear-assembly_1136-278.jpg", imageAlt: "Gearbox", category: "equipment"}, + { + id: "5", name: "Stainless Steel Shaft", price: "$320", variant: "Precision Ground Various Lengths", imageSrc: "http://img.b2bpic.net/free-photo/metal-shaft_1136-300.jpg", imageAlt: "Stainless Shaft", category: "components"}, + { + id: "6", name: "VFD Variable Speed Drive", price: "$950", variant: "Three Phase 30kW Capacity", imageSrc: "http://img.b2bpic.net/free-photo/electronic-drive_1136-305.jpg", imageAlt: "VFD Drive", category: "equipment"}, + { + id: "7", name: "Polymer Conveyor Belt", price: "$580", variant: "Anti-Static Food Grade", imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt_1136-310.jpg", imageAlt: "Conveyor Belt", category: "equipment"}, + { + id: "8", name: "Lubrication Pump Kit", price: "$275", variant: "Automatic 12V System", imageSrc: "http://img.b2bpic.net/free-photo/pump-assembly_1136-315.jpg", imageAlt: "Lubrication Pump", category: "accessories"}, +]; + export default function ProductsPage() { + const [selectedCategory, setSelectedCategory] = useState("all"); + const [searchTerm, setSearchTerm] = useState(""); + + const filteredProducts = allProducts.filter((product) => { + const matchesCategory = + selectedCategory === "all" || product.category === selectedCategory; + const matchesSearch = product.name + .toLowerCase() + .includes(searchTerm.toLowerCase()); + return matchesCategory && matchesSearch; + }); + return ( -
- -
+
+
+
+ {/* Header */} +
+

Our Products

+

+ Explore our comprehensive range of industrial components and equipment +

+
-
- -
+ {/* Search Bar */} +
+ + setSearchTerm(e.target.value)} + className="flex-1 bg-transparent outline-none text-foreground placeholder-foreground/50" + /> +
-
- + {/* Category Filter */} +
+
+ + Filter by Category: +
+
+ {productCategories.map((category) => ( + + ))} +
+
+ + {/* Product Grid */} +
+ {filteredProducts.length > 0 ? ( +
+

+ Showing {filteredProducts.length} product + {filteredProducts.length !== 1 ? "s" : ""} +

+ ({ + ...product, + onFavorite: () => console.log(`Favorited: ${product.id}`), + onProductClick: () => console.log(`Clicked: ${product.id}`), + isFavorited: false, + }))} + title="" + description="" + textboxLayout="default" + gridVariant="uniform-all-items-equal" + animationType="slide-up" + useInvertedBackground={false} + /> +
+ ) : ( +
+ +

+ No products found matching your criteria. +

+
+ )} +
+
+