Merge version_2 into main #5
286
src/app/page.tsx
286
src/app/page.tsx
@@ -36,17 +36,15 @@ export default function HomePage() {
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Login", href: "/login"}}
|
||||
brandName="ShopHub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Your Premium Shopping Destination"
|
||||
description="Discover curated products with secure payment options, exclusive discounts, and seamless checkout experience. Shop with confidence using our trusted platform."
|
||||
title="Grow Your Online Business 10x Faster"
|
||||
description="Launch your store in minutes with our all-in-one e-commerce platform. Enjoy secure payments, built-in analytics, and automated marketing tools to scale your revenue effortlessly. No technical skills required."
|
||||
tag="Next Generation E-Commerce"
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
@@ -54,13 +52,9 @@ export default function HomePage() {
|
||||
imageAlt="Modern e-commerce dashboard"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Start Shopping", href: "/products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -74,36 +68,16 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Leather Messenger Bag",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516475.jpg?_wi=1",
|
||||
imageAlt: "Premium leather messenger bag",
|
||||
initialQuantity: 1,
|
||||
id: "1", name: "Premium Leather Messenger Bag", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516475.jpg?_wi=1", imageAlt: "Premium leather messenger bag", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ultra-Compact Tech Device",
|
||||
price: "$299.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-landing-page-with-photo_52683-22730.jpg?_wi=1",
|
||||
imageAlt: "Ultra-compact tech device",
|
||||
initialQuantity: 1,
|
||||
id: "2", name: "Ultra-Compact Tech Device", price: "$299.99", imageSrc: "http://img.b2bpic.net/free-vector/technology-landing-page-with-photo_52683-22730.jpg?_wi=1", imageAlt: "Ultra-compact tech device", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Organic Wellness Starter Kit",
|
||||
price: "$79.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cannabis-cannabis-seeds-cannabis-oil-placed-wooden-floor-with-green-tree-background_1150-18860.jpg?_wi=1",
|
||||
imageAlt: "Organic wellness starter kit",
|
||||
initialQuantity: 1,
|
||||
id: "3", name: "Organic Wellness Starter Kit", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/cannabis-cannabis-seeds-cannabis-oil-placed-wooden-floor-with-green-tree-background_1150-18860.jpg?_wi=1", imageAlt: "Organic wellness starter kit", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sustainable Fashion Essentials",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516475.jpg?_wi=2",
|
||||
imageAlt: "Sustainable fashion essentials",
|
||||
initialQuantity: 1,
|
||||
id: "4", name: "Sustainable Fashion Essentials", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516475.jpg?_wi=2", imageAlt: "Sustainable fashion essentials", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -112,9 +86,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Products",
|
||||
href: "/products",
|
||||
},
|
||||
text: "View All Products", href: "/products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -129,34 +101,20 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Secure Payment Gateway",
|
||||
description: "Multiple payment options including credit cards, digital wallets, and encrypted transactions. Bank-level security protects your sensitive information.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-doing-online-shopping_23-2149159937.jpg?_wi=1",
|
||||
imageAlt: "Secure payment processing",
|
||||
},
|
||||
title: "Secure Payment Gateway", description: "Multiple payment options including credit cards, digital wallets, and encrypted transactions. Bank-level security protects your sensitive information.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-doing-online-shopping_23-2149159937.jpg?_wi=1", imageAlt: "Secure payment processing"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Exclusive Coupon System",
|
||||
description: "Apply promotional codes at checkout to unlock special discounts. Stack savings with loyalty rewards and seasonal offers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-sales-promotion-banner_23-2148342926.jpg?_wi=1",
|
||||
imageAlt: "Discount coupon promotion",
|
||||
},
|
||||
title: "Exclusive Coupon System", description: "Apply promotional codes at checkout to unlock special discounts. Stack savings with loyalty rewards and seasonal offers.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-sales-promotion-banner_23-2148342926.jpg?_wi=1", imageAlt: "Discount coupon promotion"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Seamless User Experience",
|
||||
description: "Intuitive interface designed for quick purchases. One-click checkout, saved preferences, and personalized recommendations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359899.jpg?_wi=2",
|
||||
imageAlt: "User-friendly shopping interface",
|
||||
},
|
||||
title: "Seamless User Experience", description: "Intuitive interface designed for quick purchases. One-click checkout, saved preferences, and personalized recommendations.", imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359899.jpg?_wi=2", imageAlt: "User-friendly shopping interface"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Features", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -170,72 +128,35 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
price: "Free",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "1", price: "Free", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/signup",
|
||||
},
|
||||
text: "Get Started", href: "/signup"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Up to 50 products",
|
||||
"Basic analytics",
|
||||
"Standard support",
|
||||
"2% transaction fee",
|
||||
],
|
||||
"Up to 50 products", "Basic analytics", "Standard support", "2% transaction fee"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$29/mo",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$29/mo", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "/subscribe",
|
||||
},
|
||||
text: "Subscribe Now", href: "/subscribe"},
|
||||
{
|
||||
text: "Chat to Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Chat to Sales", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Up to 500 products",
|
||||
"Advanced analytics",
|
||||
"Priority support",
|
||||
"1% transaction fee",
|
||||
"Custom branding",
|
||||
],
|
||||
"Up to 500 products", "Advanced analytics", "Priority support", "1% transaction fee", "Custom branding"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
price: "$99/mo",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
id: "3", price: "$99/mo", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
{
|
||||
text: "Demo Available",
|
||||
href: "#",
|
||||
},
|
||||
text: "Demo Available", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited products",
|
||||
"Custom analytics",
|
||||
"24/7 dedicated support",
|
||||
"0.5% transaction fee",
|
||||
"White-label solution",
|
||||
"API access",
|
||||
],
|
||||
"Unlimited products", "Custom analytics", "24/7 dedicated support", "0.5% transaction fee", "White-label solution", "API access"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -243,9 +164,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Plans",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View All Plans", href: "#pricing"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -259,59 +178,23 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahjohnson",
|
||||
testimonial: "ShopHub transformed my online selling experience. The payment integration is seamless and customer support is exceptional!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-lady-wearing-formal-suit-glasses-standing-with-arms-folded-smiling_74855-9932.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahjohnson", testimonial: "ShopHub transformed my online selling experience. The payment integration is seamless and customer support is exceptional!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-lady-wearing-formal-suit-glasses-standing-with-arms-folded-smiling_74855-9932.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mikechen",
|
||||
testimonial: "Best e-commerce platform I've used. The coupon system and analytics tools help me optimize sales effectively.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mikechen", testimonial: "Best e-commerce platform I've used. The coupon system and analytics tools help me optimize sales effectively.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrodriguez",
|
||||
testimonial: "Secure, reliable, and user-friendly. I've increased my revenue 40% since moving to ShopHub!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-businesswoman-isolated-classy-outfit_1303-19300.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrodriguez", testimonial: "Secure, reliable, and user-friendly. I've increased my revenue 40% since moving to ShopHub!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-businesswoman-isolated-classy-outfit_1303-19300.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Williams",
|
||||
handle: "@davidwill",
|
||||
testimonial: "The payment gateway integration is top-notch. My customers appreciate the multiple payment options.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg",
|
||||
imageAlt: "David Williams",
|
||||
},
|
||||
id: "4", name: "David Williams", handle: "@davidwill", testimonial: "The payment gateway integration is top-notch. My customers appreciate the multiple payment options.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", imageAlt: "David Williams"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessicalee",
|
||||
testimonial: "Incredible platform for managing promotions and discounts. My conversion rate improved significantly!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resting-young-female-sitting-time_1262-2795.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", handle: "@jessicalee", testimonial: "Incredible platform for managing promotions and discounts. My conversion rate improved significantly!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resting-young-female-sitting-time_1262-2795.jpg", imageAlt: "Jessica Lee"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Thompson",
|
||||
handle: "@robert.t",
|
||||
testimonial: "ShopHub's seller tools are comprehensive yet easy to use. Highly recommended for all business sizes!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
|
||||
imageAlt: "Robert Thompson",
|
||||
},
|
||||
id: "6", name: "Robert Thompson", handle: "@robert.t", testimonial: "ShopHub's seller tools are comprehensive yet easy to use. Highly recommended for all business sizes!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg", imageAlt: "Robert Thompson"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
@@ -328,35 +211,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I get started selling on ShopHub?",
|
||||
content: "Sign up for an account, choose your subscription plan, and start adding products. Our setup wizard guides you through the entire process in minutes. All you need is your business information and payment details.",
|
||||
},
|
||||
id: "1", title: "How do I get started selling on ShopHub?", content: "Sign up for an account, choose your subscription plan, and start adding products. Our setup wizard guides you through the entire process in minutes. All you need is your business information and payment details."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What payment methods are supported?",
|
||||
content: "We support credit cards (Visa, Mastercard, American Express), digital wallets (Apple Pay, Google Pay), bank transfers, and cryptocurrency payments. All transactions are encrypted and PCI-DSS compliant.",
|
||||
},
|
||||
id: "2", title: "What payment methods are supported?", content: "We support credit cards (Visa, Mastercard, American Express), digital wallets (Apple Pay, Google Pay), bank transfers, and cryptocurrency payments. All transactions are encrypted and PCI-DSS compliant."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How does the coupon system work?",
|
||||
content: "Create custom discount codes in your dashboard. Set discount percentages, expiration dates, and usage limits. Customers apply coupons at checkout to receive instant discounts on their orders.",
|
||||
},
|
||||
id: "3", title: "How does the coupon system work?", content: "Create custom discount codes in your dashboard. Set discount percentages, expiration dates, and usage limits. Customers apply coupons at checkout to receive instant discounts on their orders."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is my data secure on ShopHub?",
|
||||
content: "Yes. We use bank-level SSL encryption, secure servers, and regular security audits. Your customer data and payment information are never stored on our servers for additional safety.",
|
||||
},
|
||||
id: "4", title: "Is my data secure on ShopHub?", content: "Yes. We use bank-level SSL encryption, secure servers, and regular security audits. Your customer data and payment information are never stored on our servers for additional safety."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What are the transaction fees?",
|
||||
content: "Transaction fees vary by plan: Starter (2%), Professional (1%), and Enterprise (0.5%). No hidden fees. We also support free transactions for specific promotions.",
|
||||
},
|
||||
id: "5", title: "What are the transaction fees?", content: "Transaction fees vary by plan: Starter (2%), Professional (1%), and Enterprise (0.5%). No hidden fees. We also support free transactions for specific promotions."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I integrate ShopHub with my existing systems?",
|
||||
content: "Enterprise plans include API access for custom integrations. We support integration with popular platforms like Shopify, WooCommerce, and custom e-commerce solutions.",
|
||||
},
|
||||
id: "6", title: "Can I integrate ShopHub with my existing systems?", content: "Enterprise plans include API access for custom integrations. We support integration with popular platforms like Shopify, WooCommerce, and custom e-commerce solutions."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -369,66 +234,39 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
{
|
||||
label: "Status",
|
||||
href: "#",
|
||||
},
|
||||
label: "Status", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "/careers"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Documentation", href: "#"},
|
||||
{
|
||||
label: "API Docs",
|
||||
href: "#",
|
||||
},
|
||||
label: "API Docs", href: "#"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
label: "Community", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -437,4 +275,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user