Update src/app/page.tsx
This commit is contained in:
288
src/app/page.tsx
288
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="ShopClone"
|
||||
/>
|
||||
@@ -53,32 +45,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Your Store, Scale Your Vision"
|
||||
description="Create, manage, and grow your online business with the most powerful e-commerce platform designed for every entrepreneur."
|
||||
tag="The all-in-one e-commerce solution"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg",
|
||||
imageAlt: "Dashboard UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg", imageAlt: "e-commerce dashboard UI mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-low-poly_1048-12443.jpg",
|
||||
imageAlt: "Commerce Visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg",
|
||||
imageAlt: "Analytics Chart",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg",
|
||||
imageAlt: "Payment Gateway",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/import-export-shipment-truck-graphic-concept_53876-121112.jpg",
|
||||
imageAlt: "Logistics Management",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-low-poly_1048-12443.jpg", imageAlt: "abstract digital commerce 3d"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -93,34 +68,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Sales",
|
||||
title: "Advanced Analytics",
|
||||
items: [
|
||||
"Real-time reporting",
|
||||
"Conversion tracking",
|
||||
"Revenue insights",
|
||||
],
|
||||
id: "f1", label: "Sales", title: "Advanced Analytics", items: [
|
||||
"Real-time reporting", "Conversion tracking", "Revenue insights"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Security",
|
||||
title: "Secure Payments",
|
||||
items: [
|
||||
"Fraud detection",
|
||||
"Multiple payment gateways",
|
||||
"PCI compliance",
|
||||
],
|
||||
id: "f2", label: "Security", title: "Secure Payments", items: [
|
||||
"Fraud detection", "Multiple payment gateways", "PCI compliance"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Logistics",
|
||||
title: "Global Shipping",
|
||||
items: [
|
||||
"Automated fulfillment",
|
||||
"Carrier integrations",
|
||||
"Inventory management",
|
||||
],
|
||||
id: "f3", label: "Logistics", title: "Global Shipping", items: [
|
||||
"Automated fulfillment", "Carrier integrations", "Inventory management"],
|
||||
},
|
||||
]}
|
||||
title="Everything You Need to Succeed"
|
||||
@@ -136,59 +93,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "AppStore",
|
||||
name: "Analytics Pro",
|
||||
price: "$29/mo",
|
||||
rating: 5,
|
||||
reviewCount: "1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-black-friday-sale-inscription-table_23-2147957592.jpg",
|
||||
},
|
||||
id: "p1", brand: "AppStore", name: "Analytics Pro", price: "$29/mo", rating: 5,
|
||||
reviewCount: "1200", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-black-friday-sale-inscription-table_23-2147957592.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "AppStore",
|
||||
name: "Global Shipping",
|
||||
price: "$49/mo",
|
||||
rating: 5,
|
||||
reviewCount: "850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072232.jpg",
|
||||
},
|
||||
id: "p2", brand: "AppStore", name: "Global Shipping", price: "$49/mo", rating: 5,
|
||||
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072232.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "AppStore",
|
||||
name: "Email Marketing",
|
||||
price: "$19/mo",
|
||||
rating: 4,
|
||||
reviewCount: "430",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913301.jpg",
|
||||
},
|
||||
id: "p3", brand: "AppStore", name: "Email Marketing", price: "$19/mo", rating: 4,
|
||||
reviewCount: "430", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913301.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "AppStore",
|
||||
name: "Customer Support",
|
||||
price: "$39/mo",
|
||||
rating: 5,
|
||||
reviewCount: "670",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eid-shopping-basket-tablet-with-laptop-right-side-white-background_187299-38880.jpg",
|
||||
},
|
||||
id: "p4", brand: "AppStore", name: "Customer Support", price: "$39/mo", rating: 5,
|
||||
reviewCount: "670", imageSrc: "http://img.b2bpic.net/free-photo/eid-shopping-basket-tablet-with-laptop-right-side-white-background_187299-38880.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "AppStore",
|
||||
name: "SEO Optimization",
|
||||
price: "$25/mo",
|
||||
rating: 4,
|
||||
reviewCount: "220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913283.jpg",
|
||||
},
|
||||
id: "p5", brand: "AppStore", name: "SEO Optimization", price: "$25/mo", rating: 4,
|
||||
reviewCount: "220", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913283.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "AppStore",
|
||||
name: "POS Integration",
|
||||
price: "$59/mo",
|
||||
rating: 5,
|
||||
reviewCount: "910",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eid-responsive-shopping_187299-47533.jpg",
|
||||
},
|
||||
id: "p6", brand: "AppStore", name: "POS Integration", price: "$59/mo", rating: 5,
|
||||
reviewCount: "910", imageSrc: "http://img.b2bpic.net/free-photo/eid-responsive-shopping_187299-47533.jpg"},
|
||||
]}
|
||||
title="Top Trending Tools"
|
||||
description="Empower your store with our top-rated integrations and apps."
|
||||
@@ -202,52 +123,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Basic",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
description: "Perfect for small businesses.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included features:",
|
||||
features: [
|
||||
"Online store",
|
||||
"Basic reports",
|
||||
"24/7 support",
|
||||
],
|
||||
id: "basic", tag: "Basic", price: "$29", period: "/mo", description: "Perfect for small businesses.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included features:", features: [
|
||||
"Online store", "Basic reports", "24/7 support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Professional",
|
||||
price: "$79",
|
||||
period: "/mo",
|
||||
description: "For growing stores.",
|
||||
button: {
|
||||
text: "Upgrade",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Advanced analytics",
|
||||
"Shipping discounts",
|
||||
"Fraud analysis",
|
||||
],
|
||||
id: "pro", tag: "Professional", price: "$79", period: "/mo", description: "For growing stores.", button: {
|
||||
text: "Upgrade"},
|
||||
featuresTitle: "Everything in Basic, plus:", features: [
|
||||
"Advanced analytics", "Shipping discounts", "Fraud analysis"],
|
||||
},
|
||||
{
|
||||
id: "plus",
|
||||
tag: "Plus",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
description: "For massive scale.",
|
||||
button: {
|
||||
text: "Go Plus",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"Custom checkout",
|
||||
"Dedicated support",
|
||||
"API access",
|
||||
],
|
||||
id: "plus", tag: "Plus", price: "$299", period: "/mo", description: "For massive scale.", button: {
|
||||
text: "Go Plus"},
|
||||
featuresTitle: "Everything in Pro, plus:", features: [
|
||||
"Custom checkout", "Dedicated support", "API access"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Plans for Any Scale"
|
||||
@@ -262,59 +153,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
company: "EcoShop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "CEO", company: "EcoShop", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Marketing",
|
||||
company: "TechGear",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", role: "Marketing", company: "TechGear", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Owner",
|
||||
company: "StyleHouse",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", role: "Owner", company: "StyleHouse", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James K.",
|
||||
role: "Manager",
|
||||
company: "HomeGoods",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-works-with-tablet-table-cafe_1304-5549.jpg",
|
||||
},
|
||||
id: "t4", name: "James K.", role: "Manager", company: "HomeGoods", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-works-with-tablet-table-cafe_1304-5549.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice P.",
|
||||
role: "Founder",
|
||||
company: "ArtisanCraft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-cv_23-2149927575.jpg",
|
||||
},
|
||||
id: "t5", name: "Alice P.", role: "Founder", company: "ArtisanCraft", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-cv_23-2149927575.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Active Stores",
|
||||
},
|
||||
value: "1M+", label: "Active Stores"},
|
||||
{
|
||||
value: "$500B",
|
||||
label: "Global GMV",
|
||||
},
|
||||
value: "$500B", label: "Global GMV"},
|
||||
{
|
||||
value: "175",
|
||||
label: "Countries",
|
||||
},
|
||||
value: "175", label: "Countries"},
|
||||
]}
|
||||
title="Loved by Entrepreneurs Globally"
|
||||
description="See why over a million brands choose our platform."
|
||||
@@ -325,16 +185,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Launch Your Store?"
|
||||
description="Start your free trial today and take your business to the next level."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Free Trial", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -344,50 +201,31 @@ export default function LandingPage() {
|
||||
logoText="ShopClone"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Integration",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Integration", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", 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