Merge version_2 into main #2
218
src/app/page.tsx
218
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PackCraft"
|
||||
/>
|
||||
@@ -55,40 +47,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Packaging That Elevates Your Brand"
|
||||
title="Premium Custom Packaging That Elevates Your Brand"
|
||||
description="Sustainable, high-quality, and completely custom packaging solutions designed to impress your customers and protect your products."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-camera-coffee-cup-glasses-notepad-flat-lay_169016-17222.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg",
|
||||
alt: "Happy colleagues at meeting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg", alt: "Happy colleagues at meeting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
|
||||
alt: "Marketing agency team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg", alt: "Marketing agency team"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-leading-this-business-meeting_329181-20137.jpg",
|
||||
alt: "Businesswoman leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-leading-this-business-meeting_329181-20137.jpg", alt: "Businesswoman leader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-colleagues-table_23-2149006872.jpg",
|
||||
alt: "Smiley colleagues at table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-colleagues-table_23-2149006872.jpg", alt: "Smiley colleagues at table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586556.jpg",
|
||||
alt: "Young adult professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586556.jpg", alt: "Young adult professional"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
/>
|
||||
@@ -102,17 +80,11 @@ export default function LandingPage() {
|
||||
description="At PackCraft, we believe packaging is the first physical interaction your customer has with your brand. We focus on sustainability, durability, and premium design."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Eco-Friendly Materials",
|
||||
description: "Compostable, recyclable, and FSC certified papers used for all designs.",
|
||||
},
|
||||
title: "Eco-Friendly Materials", description: "Compostable, recyclable, and FSC certified papers used for all designs."},
|
||||
{
|
||||
title: "Custom Design",
|
||||
description: "Tailored solutions that reflect your specific brand aesthetic.",
|
||||
},
|
||||
title: "Custom Design", description: "Tailored solutions that reflect your specific brand aesthetic."},
|
||||
{
|
||||
title: "Fast Turnaround",
|
||||
description: "Efficient production cycles to meet your market demand.",
|
||||
},
|
||||
title: "Fast Turnaround", description: "Efficient production cycles to meet your market demand."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/packaging-concept_23-2147788397.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -127,41 +99,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxury Skincare Box",
|
||||
price: "$1.40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936106.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Luxury Skincare Box", price: "$1.40", imageSrc: "http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936106.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Eco-Kraft Mailer",
|
||||
price: "$0.85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mystery-box-concept_23-2149516465.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Eco-Kraft Mailer", price: "$0.85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mystery-box-concept_23-2149516465.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gift Box Gold Foil",
|
||||
price: "$2.10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-background-with-golden-gift-with-ribbon-dark-top-view_1220-6594.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Gift Box Gold Foil", price: "$2.10", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-background-with-golden-gift-with-ribbon-dark-top-view_1220-6594.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sustainable Food Container",
|
||||
price: "$0.65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecological-notebook_23-2148576634.jpg",
|
||||
},
|
||||
id: "4", name: "Sustainable Food Container", price: "$0.65", imageSrc: "http://img.b2bpic.net/free-photo/ecological-notebook_23-2148576634.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Premium Apparel Box",
|
||||
price: "$1.20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-shirt-with-dots_23-2148539816.jpg",
|
||||
},
|
||||
id: "5", name: "Premium Apparel Box", price: "$1.20", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-shirt-with-dots_23-2148539816.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Textured Wine Box",
|
||||
price: "$2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-glass-near-box-with-wine_23-2147764887.jpg",
|
||||
},
|
||||
id: "6", name: "Textured Wine Box", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/empty-glass-near-box-with-wine_23-2147764887.jpg"},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Browse our curated list of premium packaging solutions tailored for luxury retail, e-commerce, and sustainable brands."
|
||||
@@ -176,25 +124,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Boxes Produced",
|
||||
description: "Delivering quality at scale.",
|
||||
icon: Box,
|
||||
id: "m1", value: "1.2M+", title: "Boxes Produced", description: "Delivering quality at scale.", icon: Box,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Happy Brands",
|
||||
description: "Trusted by market leaders.",
|
||||
icon: Award,
|
||||
id: "m2", value: "500+", title: "Happy Brands", description: "Trusted by market leaders.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Sustainability Rate",
|
||||
description: "Committed to the planet.",
|
||||
icon: Leaf,
|
||||
id: "m3", value: "99.9%", title: "Sustainability Rate", description: "Committed to the planet.", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Why Choose PackCraft?"
|
||||
@@ -207,14 +143,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"EcoFlow",
|
||||
"LuxVibe",
|
||||
"TechBox",
|
||||
"GreenPath",
|
||||
"StylePack",
|
||||
"PureLabel",
|
||||
"NatureStore",
|
||||
]}
|
||||
"EcoFlow", "LuxVibe", "TechBox", "GreenPath", "StylePack", "PureLabel", "NatureStore"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join a growing list of companies using our sustainable packaging solutions."
|
||||
/>
|
||||
@@ -226,60 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Jan 2024",
|
||||
title: "Founder, LuxVibe",
|
||||
quote: "PackCraft transformed our unboxing experience entirely.",
|
||||
tag: "Luxury",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/team-multiracial-bookkeepers-comparing-data-statistics-after-business-audit_482257-123566.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-camera-coffee-cup-glasses-notepad-flat-lay_169016-17222.jpg?_wi=2",
|
||||
imageAlt: "business owner portrait",
|
||||
},
|
||||
id: "1", name: "Elena Rodriguez", date: "Jan 2024", title: "Founder, LuxVibe", quote: "PackCraft transformed our unboxing experience entirely.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/team-multiracial-bookkeepers-comparing-data-statistics-after-business-audit_482257-123566.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vintage-camera-coffee-cup-glasses-notepad-flat-lay_169016-17222.jpg?_wi=2", imageAlt: "business owner portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Chen",
|
||||
date: "Feb 2024",
|
||||
title: "CTO, TechBox",
|
||||
quote: "Reliable supply chain and excellent sustainable materials.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136879.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept_23-2147788397.jpg?_wi=2",
|
||||
imageAlt: "business owner portrait",
|
||||
},
|
||||
id: "2", name: "Mark Chen", date: "Feb 2024", title: "CTO, TechBox", quote: "Reliable supply chain and excellent sustainable materials.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136879.jpg", imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept_23-2147788397.jpg?_wi=2", imageAlt: "business owner portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
date: "Mar 2024",
|
||||
title: "Owner, EcoFlow",
|
||||
quote: "The best eco-friendly packaging we've ever sourced.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936106.jpg?_wi=2",
|
||||
imageAlt: "business owner portrait",
|
||||
},
|
||||
id: "3", name: "Sarah Miller", date: "Mar 2024", title: "Owner, EcoFlow", quote: "The best eco-friendly packaging we've ever sourced.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936106.jpg?_wi=2", imageAlt: "business owner portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thorne",
|
||||
date: "Apr 2024",
|
||||
title: "Operations Lead, GreenPath",
|
||||
quote: "Incredible durability, our shipping damages dropped by 30%.",
|
||||
tag: "Sustainable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mystery-box-concept_23-2149516465.jpg?_wi=2",
|
||||
imageAlt: "business owner portrait",
|
||||
},
|
||||
id: "4", name: "David Thorne", date: "Apr 2024", title: "Operations Lead, GreenPath", quote: "Incredible durability, our shipping damages dropped by 30%.", tag: "Sustainable", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mystery-box-concept_23-2149516465.jpg?_wi=2", imageAlt: "business owner portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia Lee",
|
||||
date: "May 2024",
|
||||
title: "Product Mgr, PureLabel",
|
||||
quote: "Their design team really understands our luxury branding.",
|
||||
tag: "Cosmetics",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-holding-tablet_23-2149722599.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-background-with-golden-gift-with-ribbon-dark-top-view_1220-6594.jpg?_wi=2",
|
||||
imageAlt: "business owner portrait",
|
||||
},
|
||||
id: "5", name: "Sophia Lee", date: "May 2024", title: "Product Mgr, PureLabel", quote: "Their design team really understands our luxury branding.", tag: "Cosmetics", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-holding-tablet_23-2149722599.jpg", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-background-with-golden-gift-with-ribbon-dark-top-view_1220-6594.jpg?_wi=2", imageAlt: "business owner portrait"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't just take our word for it—here is what our partners think about our packaging."
|
||||
@@ -292,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What materials do you use?",
|
||||
content: "We primarily use FSC-certified cardboard and post-consumer recycled materials.",
|
||||
},
|
||||
id: "f1", title: "What materials do you use?", content: "We primarily use FSC-certified cardboard and post-consumer recycled materials."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer custom printing?",
|
||||
content: "Yes, we provide full custom branding and printing services for all orders.",
|
||||
},
|
||||
id: "f2", title: "Do you offer custom printing?", content: "Yes, we provide full custom branding and printing services for all orders."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your minimum order quantities?",
|
||||
content: "Our MOQ starts from 500 units for fully custom branded orders.",
|
||||
},
|
||||
id: "f3", title: "What are your minimum order quantities?", content: "Our MOQ starts from 500 units for fully custom branded orders."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers regarding our packaging solutions."
|
||||
@@ -317,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Project"
|
||||
description="Contact our experts to discuss your custom packaging needs."
|
||||
@@ -329,29 +203,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
{
|
||||
label: "Design Gallery",
|
||||
href: "#",
|
||||
},
|
||||
label: "Design Gallery", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -362,4 +226,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user