bender/5d25713a-d251-4054-9b45-96e4232249eb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 9 commits from version_2 into main 2026-05-18 15:13:54 +00:00
Conversation 0 Commits 9 Files Changed 9 +220 -342
9 changed files with 220 additions and 342 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,46 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="noise"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }]}
brandName="Prestige Packaging"
/>
</div>
<div id="about" data-section="about" className="py-20">
<InlineImageSplitTextAbout
heading={[{ type: "text", content: "Legacy of Excellence in Global Packaging" }]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Prestige Packaging"
columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
copyrightText="© 2025 Prestige Packaging Industries. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

34
src/app/blog/page.tsx Normal file
View File

@@ -0,0 +1,34 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
export default function BlogPage() {
return (
<ThemeProvider>
<NavbarStyleCentered
navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
brandName="Prestige Packaging"
/>
<div className="pt-32 pb-20">
<BlogCardThree
title="Industry Insights & Updates"
description="Stay informed with our latest news and expert perspectives on the world of packaging."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
blogs={[
{ id: "1", category: "Sustainability", title: "The Future of Recyclable Packaging", excerpt: "Exploring how new polymers are changing the logistics landscape.", imageSrc: "", authorName: "Admin", authorAvatar: "", date: "2024-05-10" },
{ id: "2", category: "Technology", title: "Innovations in Protective Foam", excerpt: "How advanced materials are reducing shipping damages.", imageSrc: "", authorName: "Admin", authorAvatar: "", date: "2024-05-12" }
]}
/>
</div>
<FooterBaseReveal
logoText="Prestige Packaging"
columns={[]}
/>
</ThemeProvider>
);
}

37
src/app/commitments/page.tsx Normal file
View File

@@ -0,0 +1,37 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Shield, Leaf, Zap, Award } from "lucide-react";
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
export default function CommitmentsPage() {
return (
<ThemeProvider>
<NavbarStyleCentered
navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
brandName="Prestige Packaging"
/>
<div className="pt-32 pb-20">
<FeatureHoverPattern
title="Our Core Commitments"
description="We hold ourselves to the highest standards of quality, sustainability, and reliability in every package we deliver."
features={[
{ icon: Shield, title: "Integrity", description: "Honesty and transparency in every client relationship." },
{ icon: Leaf, title: "Sustainability", description: "Committed to a greener future through eco-conscious design." },
{ icon: Zap, title: "Innovation", description: "Always pushing the boundaries of packaging technology." },
{ icon: Award, title: "Excellence", description: "Uncompromising quality control in every production step." }
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<FooterBaseReveal
logoText="Prestige Packaging"
columns={[]}
/>
</ThemeProvider>
);
}

29
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,29 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import ContactCenter from '@/components/sections/contact/ContactCenter';
export default function ContactPage() {
return (
<ThemeProvider>
<NavbarStyleCentered
navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
brandName="Prestige Packaging"
/>
<div className="pt-32 pb-20">
<ContactCenter
title="Let's Connect"
description="Have questions about our packaging solutions? Our team is here to help."
tag="Support"
background={{ variant: "sparkles-gradient" }}
/>
</div>
<FooterBaseReveal
logoText="Prestige Packaging"
columns={[]}
/>
</ThemeProvider>
);
}

348
src/app/page.tsx
View File

@@ -32,22 +32,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
{
name: "Solutions",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "/about" },
{ name: "Solutions", id: "/#features" },
{ name: "Products", id: "/#products" },
{ name: "Commitments", id: "/commitments" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
]}
brandName="Prestige Packaging"
/>
@@ -57,78 +47,13 @@ export default function LandingPage() {
<HeroOverlayTestimonial
title="Excellence in Every Package"
description="Prestige Packaging Industries delivers robust, sustainable, and bespoke packaging solutions designed to protect your vision and elevate your brand globally."
testimonials={[
{
name: "Jane Smith",
handle: "@jsmith",
testimonial: "Exceptional quality and reliability for all our shipping needs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-having-idea-sitting-table-trench-coat-working-laptop_285396-2368.jpg",
},
{
name: "Mark Johnson",
handle: "@mjohnson",
testimonial: "The best partner for our sustainable packaging initiatives.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg",
},
{
name: "Elena Rodriguez",
handle: "@erodriguez",
testimonial: "Innovative designs that really make our products stand out.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
},
{
name: "David Chen",
handle: "@dchen",
testimonial: "Highly recommended for large-scale industrial packaging projects.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blurred-abstract-background-interior-view-looking-out-toward-empty-office-lobby-entrance-doors-glass-curtain-wall-with-frame_1339-6357.jpg",
},
{
name: "Sarah Miller",
handle: "@smiller",
testimonial: "Prompt, professional, and consistently high quality delivery.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/card-paper-textured-banner-background_23-2147981563.jpg",
},
]}
testimonials={[]}
buttons={[
{
text: "Explore Solutions",
href: "#features",
},
{
text: "Contact Us",
href: "#contact",
},
{ text: "Explore Solutions", href: "/#features" },
{ text: "Contact Us", href: "/contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16608.jpg"
imageAlt="Industrial packaging solutions"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10446.jpg",
alt: "Client Portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
alt: "Client Portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-drinking-coffee-office_1301-4956.jpg",
alt: "Client Portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-young-woman-posing-office_23-2147648012.jpg",
alt: "Client Portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
alt: "Client Portrait 5",
},
]}
avatarText="Trusted by 500+ industry leaders"
/>
</div>
@@ -137,222 +62,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A Legacy of Protection"
description={[
"With over 30 years of experience, Prestige Packaging Industries is at the forefront of industrial and retail packaging technology.",
"Our state-of-the-art facilities ensure every product we manufacture meets rigorous international quality standards, ensuring your goods reach their destination safely and sustainably.",
]}
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: Shield,
title: "Absolute Protection",
description: "Our packaging materials are engineered for maximum durability and shock absorption.",
},
{
icon: Leaf,
title: "Sustainable Practices",
description: "We prioritize eco-friendly, biodegradable, and recycled materials for all our lines.",
},
{
icon: Zap,
title: "Rapid Fulfillment",
description: "Streamlined production capabilities mean we meet even the most demanding delivery timelines.",
},
]}
title="Why Prestige Matters"
description="Innovative engineering, sustainable materials, and rapid deployment define our core approach to packaging."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Luxury Retail Boxes",
price: "Custom Pricing",
variant: "Paper & Finish",
imageSrc: "http://img.b2bpic.net/free-photo/lady-black-dress-holds-red-velvet-boxes-with-jewels_8353-1765.jpg",
},
{
id: "p2",
name: "Industrial Corrugated",
price: "Bulk Pricing",
variant: "Heavy Duty",
imageSrc: "http://img.b2bpic.net/free-photo/new-different-sized-beige-cardboard-boxes-with-covers-contrasted-against-old-rough-wooden-table-studio-with-white-walls_346278-1616.jpg",
},
{
id: "p3",
name: "Premium Shopping Bags",
price: "Custom Pricing",
variant: "Eco-friendly",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-many-bright-shopping-bags_23-2147960690.jpg",
},
{
id: "p4",
name: "Custom Branding Boxes",
price: "Custom Pricing",
variant: "Bespoke",
imageSrc: "http://img.b2bpic.net/free-photo/jewellery-foot-anklet-bracelet-bangle-background-with-place-text-banner-fashion-accessories_460848-13609.jpg",
},
{
id: "p5",
name: "Protective Foam Inserts",
price: "Volume Pricing",
variant: "Custom Fit",
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17758.jpg",
},
{
id: "p6",
name: "Wooden Gift Crates",
price: "Volume Pricing",
variant: "Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wooden-box-with-tools_23-2148732470.jpg",
},
]}
title="Our Packaging Range"
description="Browse our diverse catalog of industrial, retail, and custom packaging solutions."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "30+",
title: "Years of Experience",
items: [
"Deep industrial expertise",
"Market knowledge",
],
},
{
id: "m2",
value: "1.2M",
title: "Units Delivered",
items: [
"Annual output capacity",
"Reliable supply chain",
],
},
{
id: "m3",
value: "99.8%",
title: "Client Satisfaction",
items: [
"Quality assurance",
"Dedicated service",
],
},
]}
title="Our Industrial Impact"
description="Proven results for leading companies worldwide."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice Green",
role: "Logistics Manager",
testimonial: "The precision they provide is unmatched in the industry.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
},
{
id: "t2",
name: "Bob Vane",
role: "Purchasing Director",
testimonial: "Excellent service and quality across all our shipments.",
imageSrc: "http://img.b2bpic.net/free-photo/single-gesture-lifestyle-white-male_1262-2168.jpg",
},
{
id: "t3",
name: "Carol Lee",
role: "Production Head",
testimonial: "Reliable delivery schedules every time we order.",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-abstract-background-interior-view-looking-out-toward-empty-office-lobby-entrance-doors-glass-curtain-wall-with-frame_1339-6368.jpg",
},
{
id: "t4",
name: "Dan Evans",
role: "Supply Chain Lead",
testimonial: "Truly sustainable and high-performing packaging.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
},
{
id: "t5",
name: "Eve Wright",
role: "Operations Manager",
testimonial: "The quality of materials is truly world-class.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-trying-look-like-grown-up_23-2148244890.jpg",
},
]}
title="Global Partner Endorsements"
description="Trusted by hundreds of partners in manufacturing, retail, and tech."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you provide custom design services?",
content: "Yes, our team works closely with you to design bespoke packaging solutions tailored to your products.",
},
{
id: "f2",
title: "Are your materials recyclable?",
content: "We prioritize recycled and eco-friendly materials across all our product lines to reduce environmental impact.",
},
{
id: "f3",
title: "What are your lead times?",
content: "Lead times vary based on project scale and complexity, but our rapid fulfillment process is designed to be highly responsive.",
},
]}
title="Frequently Asked Questions"
description="Have questions about our packaging services? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Get in touch"
title="Start Your Packaging Project"
description="Ready to protect your products with Prestige? Let's discuss your requirements today."
buttons={[
{
text: "Consultation",
href: "#",
},
]}
"With over 30 years of experience, Prestige Packaging Industries is at the forefront of industrial and retail packaging technology.", "Our state-of-the-art facilities ensure every product we manufacture meets rigorous international quality standards, ensuring your goods reach their destination safely and sustainably."]}
/>
</div>
@@ -360,40 +70,8 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Prestige Packaging"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Solutions",
href: "#features",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Commitments", href: "/commitments" }] },
{ title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/contact" }, { label: "Blog", href: "/blog" }] },
]}
copyrightText="© 2024 Prestige Packaging Industries. All rights reserved."
/>
@@ -401,4 +79,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/portfolio/page.tsx Normal file
View File

@@ -0,0 +1,14 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
export default function PortfolioPage() {
return (
<ThemeProvider>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Savoir-Faire", id: "/savoir-faire"}, {name: "Portfolio", id: "/portfolio"}, {name: "Process", id: "/process"}, {name: "Contact", id: "/contact"}]} />
<ProductCardFour animationType="slide-up" gridVariant="bento-grid" textboxLayout="split" title="Packaging Portfolio" description="A selection of our premium bespoke projects." />
</ThemeProvider>
);
}

26
src/app/process/page.tsx Normal file
View File

@@ -0,0 +1,26 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import { Zap, Shield, Leaf } from "lucide-react";
export default function ProcessPage() {
return (
<ThemeProvider>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Savoir-Faire", id: "/savoir-faire"}, {name: "Portfolio", id: "/portfolio"}, {name: "Process", id: "/process"}, {name: "Contact", id: "/contact"}]} />
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Our Process"
description="From initial concept to final delivery, our workflow is optimized for success."
features={[
{ icon: Zap, title: "Consultation", description: "Defining your goals." },
{ icon: Shield, title: "Engineering", description: "Creating the perfect structure." },
{ icon: Leaf, title: "Production", description: "High-quality, sustainable manufacturing." }
]}
/>
</ThemeProvider>
);
}

14
src/app/savoir-faire/page.tsx Normal file
View File

@@ -0,0 +1,14 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function SavoirFairePage() {
return (
<ThemeProvider>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Savoir-Faire", id: "/savoir-faire"}, {name: "Portfolio", id: "/portfolio"}, {name: "Process", id: "/process"}, {name: "Contact", id: "/contact"}]} />
<TextSplitAbout title="Our Savoir-Faire" description={["Decades of engineering refinement.", "We combine traditional craftsmanship with modern automated precision."]} />
</ThemeProvider>
);
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f514c;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #ffdf7d;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #1c1c1c;
--accent: #159c49;
--background-accent: #a8e8ba;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);