Update src/app/page.tsx
This commit is contained in:
193
src/app/page.tsx
193
src/app/page.tsx
@@ -10,7 +10,7 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Zap, Cog, Leaf, Rocket, Printer, Package, Image, FileText, Bookmark, Sparkles } from "lucide-react";
|
||||
import { Zap, Cog, Leaf, Rocket, Printer, Package, Image, FileText, Bookmark, Sparkles, MapPin, Phone, Mail, Clock } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -135,9 +135,9 @@ export default function HomePage() {
|
||||
tag="Popular Products"
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{ id: "1", brand: "LichtPrint", name: "Premium Business Cards", price: "€0.50", rating: 5, reviewCount: "324", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272949.jpg?_wi=1", imageAlt: "Premium business cards" },
|
||||
{ id: "2", brand: "LichtPrint", name: "Brochures & Flyers", price: "€0.75", rating: 5, reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26605.jpg?_wi=1", imageAlt: "Professional brochures and flyers" },
|
||||
{ id: "3", brand: "LichtPrint", name: "Custom Packaging", price: "€2.50", rating: 5, reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/side-view-stack-colorful-present-boxes-dark-wooden-table_141793-8637.jpg?_wi=1", imageAlt: "Custom branded packaging" },
|
||||
{ id: "1", brand: "", name: "Premium Business Cards", price: "", rating: 0, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272949.jpg?_wi=1", imageAlt: "Premium business cards" },
|
||||
{ id: "2", brand: "", name: "Brochures & Flyers", price: "", rating: 0, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26605.jpg?_wi=1", imageAlt: "Professional brochures and flyers" },
|
||||
{ id: "3", brand: "", name: "Custom Packaging", price: "", rating: 0, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/side-view-stack-colorful-present-boxes-dark-wooden-table_141793-8637.jpg?_wi=1", imageAlt: "Custom branded packaging" },
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -149,25 +149,161 @@ export default function HomePage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Pricing Section */}
|
||||
<div id="pricing" data-section="pricing" className="py-20 px-4 md:px-8 bg-card">
|
||||
<div className="mx-auto px-4 md:px-6">
|
||||
<PricingCardOne
|
||||
title="Transparent Pricing"
|
||||
description="Flexible pricing plans designed to fit businesses of all sizes"
|
||||
tag="Pricing"
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{ id: "1", badge: "Starter", badgeIcon: Sparkles, price: "€500", subtitle: "Perfect for small businesses", features: ["Up to 5,000 prints", "Standard turnaround time", "Basic design consultation", "Email support"] },
|
||||
{ id: "2", badge: "Professional", badgeIcon: Sparkles, price: "€1,500", subtitle: "Most popular choice", features: ["Up to 25,000 prints", "Fast turnaround time", "Advanced design consultation", "Dedicated account manager", "Priority support"] },
|
||||
{ id: "3", badge: "Enterprise", badgeIcon: Sparkles, price: "€5,000+", subtitle: "For large-scale projects", features: ["Unlimited prints", "Rush delivery available", "Custom design services", "Dedicated support team", "Special discounts"] },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Get Quote", href: "/contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
{/* Company Information Section */}
|
||||
<div id="company-info" data-section="company-info" className="py-20 px-4 md:px-8 bg-card">
|
||||
<div className="mx-auto max-w-4xl px-4 md:px-6">
|
||||
<div className="space-y-16">
|
||||
{/* Business Information */}
|
||||
<div>
|
||||
<h2 className="text-3xl md:text-5xl font-extrabold mb-12 text-foreground">LichtPrint - Business Information</h2>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
|
||||
{/* Address */}
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<MapPin className="w-6 h-6 text-primary-cta mt-1" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-bold text-lg text-foreground mb-2">Address</h3>
|
||||
<p className="text-foreground">LichtPrint GmbH</p>
|
||||
<p className="text-foreground">Druckstrasse 42</p>
|
||||
<p className="text-foreground">40217 Düsseldorf</p>
|
||||
<p className="text-foreground">Germany</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Contact Details */}
|
||||
<div className="space-y-4">
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<Phone className="w-6 h-6 text-primary-cta mt-1" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-bold text-lg text-foreground mb-2">Phone</h3>
|
||||
<p className="text-foreground">+49 (211) 123-456</p>
|
||||
<p className="text-foreground">+49 (211) 123-457 (Support)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Email & Website */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<Mail className="w-6 h-6 text-primary-cta mt-1" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-bold text-lg text-foreground mb-2">Email</h3>
|
||||
<p className="text-foreground">info@lichtprint.de</p>
|
||||
<p className="text-foreground">support@lichtprint.de</p>
|
||||
<p className="text-foreground">quotes@lichtprint.de</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<Clock className="w-6 h-6 text-primary-cta mt-1" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-bold text-lg text-foreground mb-2">Opening Hours</h3>
|
||||
<p className="text-foreground">Monday - Friday: 8:00 AM - 6:00 PM CET</p>
|
||||
<p className="text-foreground">Saturday: 9:00 AM - 1:00 PM CET</p>
|
||||
<p className="text-foreground">Sunday: Closed</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Products & Services by Category */}
|
||||
<div>
|
||||
<h2 className="text-3xl md:text-5xl font-extrabold mb-12 text-foreground">Complete Product & Service Catalog</h2>
|
||||
|
||||
<div className="space-y-12">
|
||||
{/* Digital Printing Products */}
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold mb-6 text-foreground flex items-center gap-2">
|
||||
<Printer className="w-6 h-6 text-primary-cta" />
|
||||
Digital Printing Products
|
||||
</h3>
|
||||
<ul className="grid grid-cols-1 md:grid-cols-2 gap-4 text-foreground">
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Business Cards (500-5000 units)</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Postcards & Greeting Cards</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Letterheads & Envelopes</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Direct Mail Materials</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Brochures & Flyers</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Labels & Stickers</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Offset Printing Products */}
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold mb-6 text-foreground flex items-center gap-2">
|
||||
<Zap className="w-6 h-6 text-primary-cta" />
|
||||
Offset Printing Products
|
||||
</h3>
|
||||
<ul className="grid grid-cols-1 md:grid-cols-2 gap-4 text-foreground">
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Books & Booklets (hardcover & softcover)</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Magazines & Publications</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Annual Reports</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Catalogs & Product Brochures</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Newspapers & Large Format Print</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> High-Volume Commercial Print</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Packaging Solutions */}
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold mb-6 text-foreground flex items-center gap-2">
|
||||
<Package className="w-6 h-6 text-primary-cta" />
|
||||
Packaging & Custom Solutions
|
||||
</h3>
|
||||
<ul className="grid grid-cols-1 md:grid-cols-2 gap-4 text-foreground">
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Custom Boxes & Packaging</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Product Inserts & Mailers</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Rigid & Folding Boxes</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Branded Packaging Solutions</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Eco-Friendly Packaging</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Display & Point-of-Sale Materials</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Large Format & Specialty Services */}
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold mb-6 text-foreground flex items-center gap-2">
|
||||
<Image className="w-6 h-6 text-primary-cta" />
|
||||
Large Format & Specialty Printing
|
||||
</h3>
|
||||
<ul className="grid grid-cols-1 md:grid-cols-2 gap-4 text-foreground">
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Banners & Signage (all sizes)</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Vehicle Wraps & Graphics</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Outdoor Advertising Materials</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Canvas & Fine Art Printing</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Textiles & Apparel Printing</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Specialty Substrates & Materials</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Finishing & Additional Services */}
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold mb-6 text-foreground flex items-center gap-2">
|
||||
<Bookmark className="w-6 h-6 text-primary-cta" />
|
||||
Finishing & Additional Services
|
||||
</h3>
|
||||
<ul className="grid grid-cols-1 md:grid-cols-2 gap-4 text-foreground">
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Professional Binding (comb, spiral, saddle-stitch)</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Die-Cutting & Custom Shapes</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Embossing & Debossing</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Lamination & UV Coating</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Foil Stamping & Metallic Finishes</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Variable Data Printing (personalization)</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Design Consultation & File Optimization</li>
|
||||
<li className="flex items-start gap-3"><span className="text-primary-cta font-bold mt-1">•</span> Packaging Fulfillment & Distribution</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -200,8 +336,7 @@ export default function HomePage() {
|
||||
copyrightText="© 2025 LichtPrint. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Digital Printing", href: "/services" },
|
||||
{ label: "Offset Printing", href: "/services" },
|
||||
{ label: "Packaging", href: "/services" },
|
||||
@@ -209,8 +344,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -218,8 +352,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
@@ -231,4 +364,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user