Merge version_1 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "analytics",
|
||||
},
|
||||
name: "Analytics", id: "analytics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Snapack"
|
||||
/>
|
||||
@@ -55,67 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Master Your Live Selling Workflow"
|
||||
description="Snapack gives live sellers the power to manage inventory, automate proof of packing, and unlock deep analytics in real-time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"
|
||||
imageAlt="Snapack Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-business-woman-medium-shot_23-2148692818.jpg",
|
||||
alt: "Happy Seller",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-business-woman-medium-shot_23-2148692818.jpg", alt: "Happy Seller"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg",
|
||||
alt: "Retailer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg", alt: "Retailer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg",
|
||||
alt: "Business Owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg", alt: "Business Owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11601.jpg",
|
||||
alt: "Commerce Expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11601.jpg", alt: "Commerce Expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-nerdy-waitress-work_329181-2082.jpg",
|
||||
alt: "Shop Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-nerdy-waitress-work_329181-2082.jpg", alt: "Shop Manager"},
|
||||
]}
|
||||
avatarText="Join 500+ top-tier streamers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625696.jpg",
|
||||
alt: "Online shopping",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625696.jpg", alt: "Online shopping"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/packaging-engineer-looking-tablet-with-greenscreen-depot_482257-82403.jpg",
|
||||
alt: "Packaging engineer",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/packaging-engineer-looking-tablet-with-greenscreen-depot_482257-82403.jpg", alt: "Packaging engineer"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
alt: "Entrepreneur",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", alt: "Entrepreneur"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-staff-managing-package-labeling-using-shipment-details-adhesive-tags-handling-order-processing_482257-136489.jpg",
|
||||
alt: "Packaging labeling",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/woman-staff-managing-package-labeling-using-shipment-details-adhesive-tags-handling-order-processing_482257-136489.jpg", alt: "Packaging labeling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Verification",
|
||||
},
|
||||
type: "text", text: "Real-time Verification"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,19 +92,13 @@ export default function LandingPage() {
|
||||
description="Stop worrying about packing errors and inventory discrepancies. Snapack provides the ultimate verification layer for professional live sellers."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Accuracy",
|
||||
},
|
||||
value: "100%", title: "Accuracy"},
|
||||
{
|
||||
value: "50%",
|
||||
title: "Faster Packing",
|
||||
},
|
||||
value: "50%", title: "Faster Packing"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Inventory Control",
|
||||
},
|
||||
value: "24/7", title: "Inventory Control"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg"
|
||||
imageAlt="Snapack Platform Workflow"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -153,55 +112,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Analytics",
|
||||
description: "Understand your live stream performance, conversion rates, and item popularity instantly.",
|
||||
icon: Zap,
|
||||
title: "Real-time Analytics", description: "Understand your live stream performance, conversion rates, and item popularity instantly.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-elements-dot-bar-pie-charts-diagrams-graphs-icons-set-isolated_98292-4927.jpg",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-elements-dot-bar-pie-charts-diagrams-graphs-icons-set-isolated_98292-4927.jpg", imageAlt: "Analytics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/different-infographic-elements_1284-12076.jpg",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=2",
|
||||
imageAlt: "data visualization icons tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/different-infographic-elements_1284-12076.jpg", imageAlt: "Analytics"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Proof of Packing",
|
||||
description: "Automated verification for every parcel, ensuring you ship the right item, every single time.",
|
||||
icon: ShieldCheck,
|
||||
title: "Proof of Packing", description: "Automated verification for every parcel, ensuring you ship the right item, every single time.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-laptop-computer-with-electronic-business-icons_24911-45478.jpg",
|
||||
imageAlt: "Packing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-laptop-computer-with-electronic-business-icons_24911-45478.jpg", imageAlt: "Packing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-procurement-shipping-freight-word_53876-123830.jpg",
|
||||
imageAlt: "Packing",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=2",
|
||||
imageAlt: "data visualization icons tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-procurement-shipping-freight-word_53876-123830.jpg", imageAlt: "Packing"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Smart Inventory",
|
||||
description: "Sync stock levels automatically across channels as you stream and sell.",
|
||||
icon: Package,
|
||||
title: "Smart Inventory", description: "Sync stock levels automatically across channels as you stream and sell.", icon: Package,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-worker-communicating-with-her-female-colleague-while-preparing-shipment-industrial-warehouse_637285-4050.jpg",
|
||||
imageAlt: "Stock",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-worker-communicating-with-her-female-colleague-while-preparing-shipment-industrial-warehouse_637285-4050.jpg", imageAlt: "Stock"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-wheelbarrow-checklist_1156-222.jpg",
|
||||
imageAlt: "Stock",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg?_wi=1",
|
||||
imageAlt: "data visualization icons tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-wheelbarrow-checklist_1156-222.jpg", imageAlt: "Stock"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Powerful Selling Tools"
|
||||
@@ -216,20 +151,11 @@ export default function LandingPage() {
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
description: "Items Shipped Verified",
|
||||
},
|
||||
id: "m1", value: "1.2M+", description: "Items Shipped Verified"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450k",
|
||||
description: "Live Sessions Processed",
|
||||
},
|
||||
id: "m2", value: "450k", description: "Live Sessions Processed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "System Uptime",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "System Uptime"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -242,45 +168,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
role: "Owner",
|
||||
company: "Rivers Style",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alex Rivers", role: "Owner", company: "Rivers Style", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO",
|
||||
company: "Vogue Live",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cobbler_1098-13672.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", role: "CEO", company: "Vogue Live", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cobbler_1098-13672.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Miller",
|
||||
role: "Operations",
|
||||
company: "Miller Mart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-girl-with-red-lipstick-taking-notes-tablet-pink-background-with-dressees_197531-17620.jpg",
|
||||
},
|
||||
id: "3", name: "David Miller", role: "Operations", company: "Miller Mart", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-girl-with-red-lipstick-taking-notes-tablet-pink-background-with-dressees_197531-17620.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Zhao",
|
||||
role: "Live Seller",
|
||||
company: "Zhao Fashion",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-stressed-concerned-laptop-screen-clench-fist-frowns-with-angry_1258-314892.jpg",
|
||||
},
|
||||
id: "4", name: "Emily Zhao", role: "Live Seller", company: "Zhao Fashion", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-stressed-concerned-laptop-screen-clench-fist-frowns-with-angry_1258-314892.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Bond",
|
||||
role: "Manager",
|
||||
company: "Global Trade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-donations_23-2149196126.jpg",
|
||||
},
|
||||
id: "5", name: "James Bond", role: "Manager", company: "Global Trade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-donations_23-2149196126.jpg"},
|
||||
]}
|
||||
title="Trusted by Pro Sellers"
|
||||
description="See why top live commerce brands choose Snapack for their operations."
|
||||
@@ -293,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Does it integrate with my stream platform?",
|
||||
content: "Yes, Snapack integrates with all major live selling platforms.",
|
||||
},
|
||||
id: "q1", title: "Does it integrate with my stream platform?", content: "Yes, Snapack integrates with all major live selling platforms."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How does proof of packing work?",
|
||||
content: "We use smart verification scans during packing to log every item before it leaves your door.",
|
||||
},
|
||||
id: "q2", title: "How does proof of packing work?", content: "We use smart verification scans during packing to log every item before it leaves your door."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I use this for multiple accounts?",
|
||||
content: "Absolutely, handle multiple live selling accounts under one operational dashboard.",
|
||||
},
|
||||
id: "q3", title: "Can I use this for multiple accounts?", content: "Absolutely, handle multiple live selling accounts under one operational dashboard."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about getting started with Snapack."
|
||||
@@ -318,16 +210,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to scale your live selling?"
|
||||
description="Join thousands of sellers who are automating their inventory management today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "mailto:hello@snapack.com",
|
||||
},
|
||||
text: "Contact Sales", href: "mailto:hello@snapack.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -337,29 +226,19 @@ export default function LandingPage() {
|
||||
logoText="Snapack"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Documentation", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user