Files
118d87e7-b838-47f0-8f5f-ea1…/src/app/services/page.tsx

126 lines
6.2 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Printer, Zap, Package, Image, FileText, Bookmark } from "lucide-react";
export default function ServicesPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Products", id: "/products" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="large"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="LichtPrint"
navItems={navItems}
button={{ text: "Get Quote", href: "/contact" }}
/>
</div>
{/* Services Details Section */}
<div id="services-detail" data-section="services-detail" className="py-20 px-4 md:px-8 bg-card">
<div className="mx-auto px-4 md:px-6">
<FeatureHoverPattern
title="Complete Printing Solutions"
description="Explore our comprehensive range of professional printing services designed to meet every business need, from small custom projects to large-scale commercial production."
tag="All Services"
tagAnimation="slide-up"
features={[
{ icon: Printer, title: "Digital Printing", description: "High-speed digital printing perfect for short runs, full color, variable data printing, and quick turnarounds. Ideal for promotional materials, direct mail, and on-demand printing." },
{ icon: Zap, title: "Offset Printing", description: "Professional offset printing for large volume projects with exceptional color accuracy, consistency, and cost efficiency. Best for books, magazines, and high-volume commercial projects." },
{ icon: Package, title: "Packaging Solutions", description: "Custom packaging design and printing including boxes, labels, pouches, and more. We help your products stand out on retail shelves with premium packaging solutions." },
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
/>
</div>
</div>
{/* Services FAQ Section */}
<div id="services-faq" data-section="services-faq" className="py-20 px-4 md:px-8 bg-background">
<div className="mx-auto px-4 md:px-6">
<FaqDouble
title="Service Information"
description="Get answers to common questions about our printing services, capabilities, and processes."
tag="Help"
tagAnimation="slide-up"
faqs={[
{ id: "1", title: "What is the minimum order quantity?", content: "Our minimum order quantities vary depending on the printing method. Digital printing starts at 25 units, while offset printing typically has a minimum of 500 units. Contact us for specific requirements." },
{ id: "2", title: "How long does production take?", content: "Standard turnaround time is 5-7 business days. Rush delivery is available for an additional fee. Large orders may require extended timelines." },
{ id: "3", title: "Do you offer design services?", content: "Yes, we provide professional design consultation and can work with your existing designs. Our team can help optimize your files for printing." },
{ id: "4", title: "What file formats do you accept?", content: "We accept PDF, AI, PSD, and TIFF files. All files should be in CMYK color mode and 300 DPI for optimal print quality." },
{ id: "5", title: "Are your materials sustainable?", content: "We prioritize eco-friendly materials and printing processes. We offer FSC-certified paper and use environmentally responsible inks and practices." },
{ id: "6", title: "What is your revision policy?", content: "We include unlimited revisions during the design phase. Once production begins, major changes may incur additional costs." },
]}
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
animationType="smooth"
/>
</div>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-81.jpg?_wi=2"
imageAlt="LichtPrint footer background"
logoText="LichtPrint"
copyrightText="© 2025 LichtPrint. All rights reserved."
columns={[
{
title: "Services",
items: [
{ label: "Digital Printing", href: "/services" },
{ label: "Offset Printing", href: "/services" },
{ label: "Packaging", href: "/services" },
{ label: "Large Format", href: "/services" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Our Team", href: "/about" },
{ label: "Careers", href: "#" },
{ label: "Blog", href: "#" },
],
},
{
title: "Support",
items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#faq" },
{ label: "Pricing", href: "#pricing" },
{ label: "Privacy Policy", href: "#" },
],
},
]}
/>
</div>
</ThemeProvider>
);
}