Merge version_1 into main #2
243
src/app/page.tsx
243
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="ShopifyPlus"
|
||||
/>
|
||||
@@ -56,40 +48,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Redefining Online Retail"
|
||||
description="The complete platform for scaling your e-commerce brand globally."
|
||||
dashboard={{
|
||||
title: "Sales Performance",
|
||||
stats: [
|
||||
title: "Sales Performance", stats: [
|
||||
{
|
||||
title: "Revenue",
|
||||
values: [
|
||||
title: "Revenue", values: [
|
||||
124000,
|
||||
150000,
|
||||
135000,
|
||||
],
|
||||
description: "Current month",
|
||||
},
|
||||
description: "Current month"},
|
||||
{
|
||||
title: "Orders",
|
||||
values: [
|
||||
title: "Orders", values: [
|
||||
3200,
|
||||
4100,
|
||||
3800,
|
||||
],
|
||||
description: "Processing",
|
||||
},
|
||||
description: "Processing"},
|
||||
{
|
||||
title: "Visitors",
|
||||
values: [
|
||||
title: "Visitors", values: [
|
||||
12000,
|
||||
15000,
|
||||
14000,
|
||||
],
|
||||
description: "Global reach",
|
||||
},
|
||||
description: "Global reach"},
|
||||
],
|
||||
logoIcon: Zap,
|
||||
sidebarItems: [
|
||||
@@ -107,22 +91,16 @@ export default function LandingPage() {
|
||||
listItems: [
|
||||
{
|
||||
icon: Package,
|
||||
title: "Nike Sneakers",
|
||||
status: "Shipped",
|
||||
},
|
||||
title: "Nike Sneakers", status: "Shipped"},
|
||||
{
|
||||
icon: Watch,
|
||||
title: "Apple Watch",
|
||||
status: "Delivered",
|
||||
},
|
||||
title: "Apple Watch", status: "Delivered"},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "Sony Audio",
|
||||
status: "Pending",
|
||||
},
|
||||
title: "Sony Audio", status: "Pending"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-template_23-2148372587.jpg?_wi=1",
|
||||
}}
|
||||
buttons: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-template_23-2148372587.jpg"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,29 +111,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
title: "Lightning Delivery",
|
||||
description: "Same day dispatch for all regions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-template_23-2148372587.jpg?_wi=2",
|
||||
imageAlt: "e-commerce analytics dashboard dark mode",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Truck,
|
||||
title: "Lightning Delivery", description: "Same day dispatch for all regions."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Payments",
|
||||
description: "Encrypted transactions for total safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens_23-2148420736.jpg",
|
||||
imageAlt: "fast shipping icon tech",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
title: "Secure Payments", description: "Encrypted transactions for total safety."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Globe,
|
||||
title: "Global Logistics",
|
||||
description: "Ship anywhere in the world effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-lock-with-wires_78370-3591.jpg",
|
||||
imageAlt: "cybersecurity shield secure",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Globe,
|
||||
title: "Global Logistics", description: "Ship anywhere in the world effortlessly."},
|
||||
]}
|
||||
title="Smart Logistics"
|
||||
description="Optimized tools for every stage of the shopping lifecycle."
|
||||
@@ -170,19 +133,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: BarChart2,
|
||||
title: "Realtime Reports",
|
||||
description: "Monitor performance in real-time.",
|
||||
},
|
||||
title: "Realtime Reports", description: "Monitor performance in real-time."},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Sales Forecasting",
|
||||
description: "AI-driven trend analysis.",
|
||||
},
|
||||
title: "Sales Forecasting", description: "AI-driven trend analysis."},
|
||||
{
|
||||
icon: Search,
|
||||
title: "Customer Insights",
|
||||
description: "Deep behavior understanding.",
|
||||
},
|
||||
title: "Customer Insights", description: "Deep behavior understanding."},
|
||||
]}
|
||||
title="Advanced Analytics"
|
||||
description="Understand your customers like never before."
|
||||
@@ -196,17 +153,11 @@ export default function LandingPage() {
|
||||
description="Building the future of retail since 2015, one transaction at a time."
|
||||
metrics={[
|
||||
{
|
||||
value: "500K+",
|
||||
title: "Happy Users",
|
||||
},
|
||||
value: "500K+", title: "Happy Users"},
|
||||
{
|
||||
value: "12M+",
|
||||
title: "Processed Orders",
|
||||
},
|
||||
value: "12M+", title: "Processed Orders"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
},
|
||||
value: "24/7", title: "Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880966.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -221,40 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best platform I have ever used for my boutique.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands_1258-245384.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best platform I have ever used for my boutique.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands_1258-245384.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Unparalleled speed and ease of use, truly impressive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-apron_23-2148986296.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Unparalleled speed and ease of use, truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-apron_23-2148986296.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Highly recommended for scaling businesses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman_23-2148815616.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Highly recommended for scaling businesses.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman_23-2148815616.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Customer support is top-notch, always there.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling_1262-21181.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Customer support is top-notch, always there.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling_1262-21181.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivera",
|
||||
handle: "@arivera",
|
||||
testimonial: "Transformed our global outreach strategy overnight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands_1258-245384.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Alex Rivera", handle: "@arivera", testimonial: "Transformed our global outreach strategy overnight.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands_1258-245384.jpg"},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Our community is growing every single day."
|
||||
@@ -268,52 +194,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$29",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "basic", price: "$29", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"1 User",
|
||||
"Basic Analytics",
|
||||
"Daily Reports",
|
||||
],
|
||||
"1 User", "Basic Analytics", "Daily Reports"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$79",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
id: "pro", price: "$79", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"5 Users",
|
||||
"Advanced Analytics",
|
||||
"24/7 Support",
|
||||
],
|
||||
"5 Users", "Advanced Analytics", "24/7 Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$199",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
id: "enterprise", price: "$199", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Users",
|
||||
"Custom Integrations",
|
||||
"Personal Account Manager",
|
||||
],
|
||||
"Unlimited Users", "Custom Integrations", "Personal Account Manager"],
|
||||
},
|
||||
]}
|
||||
title="Select Your Plan"
|
||||
@@ -327,20 +229,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it free to start?",
|
||||
content: "Yes, we offer a 14-day free trial.",
|
||||
},
|
||||
id: "f1", title: "Is it free to start?", content: "Yes, we offer a 14-day free trial."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you support crypto?",
|
||||
content: "Absolutely, we support all major crypto assets.",
|
||||
},
|
||||
id: "f2", title: "Do you support crypto?", content: "Absolutely, we support all major crypto assets."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long is shipping?",
|
||||
content: "Most orders arrive within 3-5 business days.",
|
||||
},
|
||||
id: "f3", title: "How long is shipping?", content: "Most orders arrive within 3-5 business days."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -352,20 +245,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Start your journey today"
|
||||
description="Ready to scale? Join the thousands of retailers working with us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Talk to Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Talk to Sales", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -375,42 +263,27 @@ export default function LandingPage() {
|
||||
logoText="ShopifyPlus"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user