Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e95522ffe | |||
| 6ece59b051 |
216
src/app/page.tsx
216
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="PackCraft"
|
brandName="PackCraft"
|
||||||
/>
|
/>
|
||||||
@@ -55,40 +47,26 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<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."
|
description="Sustainable, high-quality, and completely custom packaging solutions designed to impress your customers and protect your products."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Collection",
|
text: "Explore Collection", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-camera-coffee-cup-glasses-notepad-flat-lay_169016-17222.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/vintage-camera-coffee-cup-glasses-notepad-flat-lay_169016-17222.jpg?_wi=1"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg", alt: "Happy colleagues at meeting"},
|
||||||
alt: "Happy colleagues at meeting",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
|
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg", alt: "Marketing agency team"},
|
||||||
alt: "Marketing agency team",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-leading-this-business-meeting_329181-20137.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-leading-this-business-meeting_329181-20137.jpg", alt: "Businesswoman leader"},
|
||||||
alt: "Businesswoman leader",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-colleagues-table_23-2149006872.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-smiley-colleagues-table_23-2149006872.jpg", alt: "Smiley colleagues at table"},
|
||||||
alt: "Smiley colleagues at table",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586556.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586556.jpg", alt: "Young adult professional"},
|
||||||
alt: "Young adult professional",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 500+ global brands"
|
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."
|
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={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Eco-Friendly Materials",
|
title: "Eco-Friendly Materials", description: "Compostable, recyclable, and FSC certified papers used for all designs."},
|
||||||
description: "Compostable, recyclable, and FSC certified papers used for all designs.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Custom Design",
|
title: "Custom Design", description: "Tailored solutions that reflect your specific brand aesthetic."},
|
||||||
description: "Tailored solutions that reflect your specific brand aesthetic.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Fast Turnaround",
|
title: "Fast Turnaround", description: "Efficient production cycles to meet your market demand."},
|
||||||
description: "Efficient production cycles to meet your market demand.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/packaging-concept_23-2147788397.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/packaging-concept_23-2147788397.jpg?_wi=1"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -127,41 +99,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
id: "4", name: "Sustainable Food Container", price: "$0.65", imageSrc: "http://img.b2bpic.net/free-photo/ecological-notebook_23-2148576634.jpg"},
|
||||||
name: "Sustainable Food Container",
|
|
||||||
price: "$0.65",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/ecological-notebook_23-2148576634.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Premium Apparel Box", price: "$1.20", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-shirt-with-dots_23-2148539816.jpg"},
|
||||||
name: "Premium Apparel Box",
|
|
||||||
price: "$1.20",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-shirt-with-dots_23-2148539816.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
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"},
|
||||||
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"
|
title="Our Signature Collection"
|
||||||
description="Browse our curated list of premium packaging solutions tailored for luxury retail, e-commerce, and sustainable brands."
|
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}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "1.2M+", title: "Boxes Produced", description: "Delivering quality at scale.", icon: Box,
|
||||||
value: "1.2M+",
|
|
||||||
title: "Boxes Produced",
|
|
||||||
description: "Delivering quality at scale.",
|
|
||||||
icon: Box,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "500+", title: "Happy Brands", description: "Trusted by market leaders.", icon: Award,
|
||||||
value: "500+",
|
|
||||||
title: "Happy Brands",
|
|
||||||
description: "Trusted by market leaders.",
|
|
||||||
icon: Award,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "99.9%", title: "Sustainability Rate", description: "Committed to the planet.", icon: Leaf,
|
||||||
value: "99.9%",
|
|
||||||
title: "Sustainability Rate",
|
|
||||||
description: "Committed to the planet.",
|
|
||||||
icon: Leaf,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Choose PackCraft?"
|
title="Why Choose PackCraft?"
|
||||||
@@ -207,14 +143,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"EcoFlow",
|
"EcoFlow", "LuxVibe", "TechBox", "GreenPath", "StylePack", "PureLabel", "NatureStore"]}
|
||||||
"LuxVibe",
|
|
||||||
"TechBox",
|
|
||||||
"GreenPath",
|
|
||||||
"StylePack",
|
|
||||||
"PureLabel",
|
|
||||||
"NatureStore",
|
|
||||||
]}
|
|
||||||
title="Trusted by Industry Leaders"
|
title="Trusted by Industry Leaders"
|
||||||
description="Join a growing list of companies using our sustainable packaging solutions."
|
description="Join a growing list of companies using our sustainable packaging solutions."
|
||||||
/>
|
/>
|
||||||
@@ -226,60 +155,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Client Success Stories"
|
||||||
description="Don't just take our word for it—here is what our partners think about our packaging."
|
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}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "What materials do you use?", content: "We primarily use FSC-certified cardboard and post-consumer recycled materials."},
|
||||||
title: "What materials do you use?",
|
|
||||||
content: "We primarily use FSC-certified cardboard and post-consumer recycled materials.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Do you offer custom printing?", content: "Yes, we provide full custom branding and printing services for all orders."},
|
||||||
title: "Do you offer custom printing?",
|
|
||||||
content: "Yes, we provide full custom branding and printing services for all orders.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "What are your minimum order quantities?", content: "Our MOQ starts from 500 units for fully custom branded orders."},
|
||||||
title: "What are your minimum order quantities?",
|
|
||||||
content: "Our MOQ starts from 500 units for fully custom branded orders.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Have questions? We have answers regarding our packaging solutions."
|
description="Have questions? We have answers regarding our packaging solutions."
|
||||||
@@ -317,8 +192,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
tag="Let's Connect"
|
tag="Let's Connect"
|
||||||
title="Start Your Project"
|
title="Start Your Project"
|
||||||
description="Contact our experts to discuss your custom packaging needs."
|
description="Contact our experts to discuss your custom packaging needs."
|
||||||
@@ -329,29 +203,19 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Resources",
|
title: "Resources", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Sustainability",
|
label: "Sustainability", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Design Gallery",
|
label: "Design Gallery", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user