Merge version_1 into main #2
170
src/app/page.tsx
170
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="PrintPop"
|
||||
/>
|
||||
@@ -49,62 +43,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Ideas. Your Style. Printed."
|
||||
description="Custom t-shirts and hoodies made exactly how you want them. Every order is custom — we work with you 1-on-1 to get it perfect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Order",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Start Your Order", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-red-blouses_23-2147704085.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-red-blouses_23-2147704085.jpg"
|
||||
imageAlt="Custom apparel examples"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/logo-element-vector-fashion-branding-sticker-design_53876-156423.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/logo-element-vector-fashion-branding-sticker-design_53876-156423.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-red-blouses_23-2147704085.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-red-blouses_23-2147704085.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Streetwear Inspired",
|
||||
},
|
||||
type: "text", text: "Streetwear Inspired"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Quality Print",
|
||||
},
|
||||
type: "text", text: "High Quality Print"},
|
||||
{
|
||||
type: "text",
|
||||
text: "1-on-1 Collaboration",
|
||||
},
|
||||
type: "text", text: "1-on-1 Collaboration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Fulfillment",
|
||||
},
|
||||
type: "text", text: "Fast Fulfillment"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Apparel",
|
||||
},
|
||||
type: "text", text: "Custom Apparel"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,55 +87,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Submit Your Idea",
|
||||
description: "Share your vision with us through our simple custom order request form.",
|
||||
icon: Sparkles,
|
||||
title: "Submit Your Idea", description: "Share your vision with us through our simple custom order request form.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg?_wi=1",
|
||||
imageAlt: "Idea submission",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg", imageAlt: "Idea submission"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg?_wi=2",
|
||||
imageAlt: "Idea submission",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg", imageAlt: "Idea submission"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-red-blouses_23-2147704085.jpg?_wi=2",
|
||||
imageAlt: "custom apparel clothing mockup",
|
||||
},
|
||||
{
|
||||
title: "We Discuss & Design",
|
||||
description: "Our team reviews your details and collaborates with you on the design.",
|
||||
icon: MessageSquare,
|
||||
title: "We Discuss & Design", description: "Our team reviews your details and collaborates with you on the design.", icon: MessageSquare,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg?_wi=1",
|
||||
imageAlt: "Design discussion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg", imageAlt: "Design discussion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg?_wi=2",
|
||||
imageAlt: "Design discussion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg", imageAlt: "Design discussion"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg?_wi=3",
|
||||
imageAlt: "creative design brainstorming icon",
|
||||
},
|
||||
{
|
||||
title: "Approve & Order",
|
||||
description: "Once you're happy with the final mockups, we finalize the details and print.",
|
||||
icon: CheckCircle,
|
||||
title: "Approve & Order", description: "Once you're happy with the final mockups, we finalize the details and print.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logo-element-vector-fashion-branding-sticker-design_53876-156423.jpg?_wi=1",
|
||||
imageAlt: "Final approval",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logo-element-vector-fashion-branding-sticker-design_53876-156423.jpg", imageAlt: "Final approval"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logo-element-vector-fashion-branding-sticker-design_53876-156423.jpg?_wi=2",
|
||||
imageAlt: "Final approval",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logo-element-vector-fashion-branding-sticker-design_53876-156423.jpg", imageAlt: "Final approval"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg?_wi=3",
|
||||
imageAlt: "design discussion icon",
|
||||
},
|
||||
]}
|
||||
title="How It Works"
|
||||
@@ -179,12 +126,7 @@ export default function LandingPage() {
|
||||
title="Trusted by Brands"
|
||||
description="We partner with visionary creators to bring their clothing lines to the streets."
|
||||
names={[
|
||||
"Creative Collective",
|
||||
"Urban Apparel",
|
||||
"StreetCulture",
|
||||
"Modern Wear",
|
||||
"Style Hub",
|
||||
]}
|
||||
"Creative Collective", "Urban Apparel", "StreetCulture", "Modern Wear", "Style Hub"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,23 +140,11 @@ export default function LandingPage() {
|
||||
description="Check out our most popular customisable apparel."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Hoodie",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-red-blouses_23-2147704085.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Classic Hoodie", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/black-red-blouses_23-2147704085.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Graphic T-Shirt",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg?_wi=4",
|
||||
},
|
||||
id: "2", name: "Graphic T-Shirt", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Oversized Tee",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg?_wi=4",
|
||||
},
|
||||
id: "3", name: "Oversized Tee", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,25 +158,9 @@ export default function LandingPage() {
|
||||
description="Learn more about the art of custom apparel."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tips",
|
||||
title: "Choosing The Right Fabric",
|
||||
excerpt: "What you need to know about material selection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-red-blouses_23-2147704085.jpg?_wi=4",
|
||||
authorName: "Team PrintPop",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "b1", category: "Tips", title: "Choosing The Right Fabric", excerpt: "What you need to know about material selection.", imageSrc: "http://img.b2bpic.net/free-photo/black-red-blouses_23-2147704085.jpg", authorName: "Team PrintPop", authorAvatar: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928211.jpg", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Trends",
|
||||
title: "Streetwear Branding 2024",
|
||||
excerpt: "How to stay ahead of the design curve.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg?_wi=5",
|
||||
authorName: "Team PrintPop",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
id: "b2", category: "Trends", title: "Streetwear Branding 2024", excerpt: "How to stay ahead of the design curve.", imageSrc: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg", authorName: "Team PrintPop", authorAvatar: "http://img.b2bpic.net/free-photo/messenger-window-icon-3d-render-illustration-isolated-white-background_460848-11271.jpg", date: "Oct 15, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -255,29 +169,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PrintPop",
|
||||
items: [
|
||||
title: "PrintPop", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Start Order",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Start Order", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user