Merge version_2 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -36,9 +36,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "View Cart",
|
||||
href: "/cart",
|
||||
}}
|
||||
text: "View Cart", href: "/cart"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -47,20 +45,15 @@ export default function HomePage() {
|
||||
title="Discover Premium Products"
|
||||
description="Shop curated collections with seamless WhatsApp ordering. Experience modern e-commerce designed for your convenience."
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Welcome to ShopHub"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Products",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Browse Products", href: "/products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/super-sale-fashion-landing-page_23-2148591413.jpg"
|
||||
@@ -75,52 +68,22 @@ export default function HomePage() {
|
||||
description="Handpicked items from our exclusive collection. Add to cart and order via WhatsApp."
|
||||
products={[
|
||||
{
|
||||
id: "prod-001",
|
||||
name: "Premium Wireless Headphones",
|
||||
price: "$149.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072209.jpg?_wi=1",
|
||||
imageAlt: "Wireless headphones",
|
||||
initialQuantity: 1,
|
||||
id: "prod-001", name: "Premium Wireless Headphones", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072209.jpg?_wi=1", imageAlt: "Wireless headphones", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "prod-002",
|
||||
name: "Smart Watch Pro",
|
||||
price: "$299.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-curly-haired-woman-checks-results-fitness-training-wristwatch-controls-burned-caloies-after-workout-wears-cropped-top-leggings-poses-against-urban-buildings-sporty-lifestyle_273609-59898.jpg?_wi=1",
|
||||
imageAlt: "Smart watch",
|
||||
initialQuantity: 1,
|
||||
id: "prod-002", name: "Smart Watch Pro", price: "$299.99", imageSrc: "http://img.b2bpic.net/free-photo/serious-curly-haired-woman-checks-results-fitness-training-wristwatch-controls-burned-caloies-after-workout-wears-cropped-top-leggings-poses-against-urban-buildings-sporty-lifestyle_273609-59898.jpg?_wi=1", imageAlt: "Smart watch", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "prod-003",
|
||||
name: "Laptop Stand Ergonomic",
|
||||
price: "$79.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-cellphone-notebook-pencil-with-laptop-white-desk_23-2147854255.jpg?_wi=1",
|
||||
imageAlt: "Laptop stand",
|
||||
initialQuantity: 1,
|
||||
id: "prod-003", name: "Laptop Stand Ergonomic", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-cellphone-notebook-pencil-with-laptop-white-desk_23-2147854255.jpg?_wi=1", imageAlt: "Laptop stand", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "prod-004",
|
||||
name: "USB-C Hub Multi-Port",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/universal-cables-gadgets-neon-charging-data_169016-71502.jpg?_wi=1",
|
||||
imageAlt: "USB hub",
|
||||
initialQuantity: 1,
|
||||
id: "prod-004", name: "USB-C Hub Multi-Port", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/universal-cables-gadgets-neon-charging-data_169016-71502.jpg?_wi=1", imageAlt: "USB hub", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "prod-005",
|
||||
name: "Mechanical Keyboard RGB",
|
||||
price: "$179.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=1",
|
||||
imageAlt: "Mechanical keyboard",
|
||||
initialQuantity: 1,
|
||||
id: "prod-005", name: "Mechanical Keyboard RGB", price: "$179.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=1", imageAlt: "Mechanical keyboard", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "prod-006",
|
||||
name: "HD Webcam 1080P",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-camera-still-life_23-2150630645.jpg?_wi=1",
|
||||
imageAlt: "Webcam",
|
||||
initialQuantity: 1,
|
||||
id: "prod-006", name: "HD Webcam 1080P", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/photo-camera-still-life_23-2150630645.jpg?_wi=1", imageAlt: "Webcam", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
@@ -134,19 +97,13 @@ export default function HomePage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Why Choose ShopHub?",
|
||||
},
|
||||
type: "text", content: "Why Choose ShopHub?"},
|
||||
{
|
||||
type: "text",
|
||||
content: "\n\nWe bring together premium products with exceptional shopping experience. Our curated collections are sourced from trusted brands and delivered with care.\n\nWith WhatsApp integration, ordering is simple and direct—no complicated checkout process, just straightforward communication and quick service.",
|
||||
},
|
||||
type: "text", content: "\n\nWe bring together premium products with exceptional shopping experience. Our curated collections are sourced from trusted brands and delivered with care.\n\nWith WhatsApp integration, ordering is simple and direct—no complicated checkout process, just straightforward communication and quick service."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Explore Collection", href: "/products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -159,41 +116,17 @@ export default function HomePage() {
|
||||
description="Everything you need for a seamless shopping experience, from discovery to delivery."
|
||||
features={[
|
||||
{
|
||||
id: "feat-001",
|
||||
title: "Curated Selection",
|
||||
author: "Premium Brands",
|
||||
description: "Handpicked products from trusted brands and sellers worldwide.",
|
||||
tags: ["Quality", "Trusted"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg?_wi=1",
|
||||
imageAlt: "Curated products",
|
||||
},
|
||||
id: "feat-001", title: "Curated Selection", author: "Premium Brands", description: "Handpicked products from trusted brands and sellers worldwide.", tags: ["Quality", "Trusted"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg?_wi=1", imageAlt: "Curated products"},
|
||||
{
|
||||
id: "feat-002",
|
||||
title: "WhatsApp Ordering",
|
||||
author: "Direct Communication",
|
||||
description: "Order directly via WhatsApp with instant confirmation and support.",
|
||||
tags: ["Easy", "Direct"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dating-application-concept_23-2148277325.jpg?_wi=1",
|
||||
imageAlt: "WhatsApp ordering",
|
||||
},
|
||||
id: "feat-002", title: "WhatsApp Ordering", author: "Direct Communication", description: "Order directly via WhatsApp with instant confirmation and support.", tags: ["Easy", "Direct"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dating-application-concept_23-2148277325.jpg?_wi=1", imageAlt: "WhatsApp ordering"},
|
||||
{
|
||||
id: "feat-003",
|
||||
title: "Fast Checkout",
|
||||
author: "Simple Process",
|
||||
description: "Skip complicated forms. Add to cart and message—that's it.",
|
||||
tags: ["Quick", "Simple"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cup-medium-shot_23-2149013899.jpg?_wi=1",
|
||||
imageAlt: "Fast checkout",
|
||||
},
|
||||
id: "feat-003", title: "Fast Checkout", author: "Simple Process", description: "Skip complicated forms. Add to cart and message—that's it.", tags: ["Quick", "Simple"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cup-medium-shot_23-2149013899.jpg?_wi=1", imageAlt: "Fast checkout"},
|
||||
{
|
||||
id: "feat-004",
|
||||
title: "Secure Transactions",
|
||||
author: "Your Safety",
|
||||
description: "Your data is protected with industry-leading security standards.",
|
||||
tags: ["Safe", "Secure"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-credit-card-hand-entering-security-code-using-laptop-keyboard_1423-158.jpg?_wi=1",
|
||||
imageAlt: "Security",
|
||||
},
|
||||
id: "feat-004", title: "Secure Transactions", author: "Your Safety", description: "Your data is protected with industry-leading security standards.", tags: ["Safe", "Secure"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-credit-card-hand-entering-security-code-using-laptop-keyboard_1423-158.jpg?_wi=1", imageAlt: "Security"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -207,73 +140,31 @@ export default function HomePage() {
|
||||
description="Real experiences from customers who trust ShopHub for their shopping needs."
|
||||
testimonials={[
|
||||
{
|
||||
id: "test-001",
|
||||
name: "Sarah Johnson",
|
||||
role: "Tech Enthusiast",
|
||||
company: "Creative Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-away_23-2148415892.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "test-001", name: "Sarah Johnson", role: "Tech Enthusiast", company: "Creative Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-away_23-2148415892.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "test-002",
|
||||
name: "Michael Chen",
|
||||
role: "Product Manager",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-blinking-eye_1298-120.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "test-002", name: "Michael Chen", role: "Product Manager", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-blinking-eye_1298-120.jpg?_wi=1", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "test-003",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Content Creator",
|
||||
company: "Digital Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-positive_114579-21797.jpg?_wi=1",
|
||||
imageAlt: "Emma Rodriguez",
|
||||
},
|
||||
id: "test-003", name: "Emma Rodriguez", role: "Content Creator", company: "Digital Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-positive_114579-21797.jpg?_wi=1", imageAlt: "Emma Rodriguez"},
|
||||
{
|
||||
id: "test-004",
|
||||
name: "David Kumar",
|
||||
role: "Entrepreneur",
|
||||
company: "Innovation Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg",
|
||||
imageAlt: "David Kumar",
|
||||
},
|
||||
id: "test-004", name: "David Kumar", role: "Entrepreneur", company: "Innovation Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg", imageAlt: "David Kumar"},
|
||||
{
|
||||
id: "test-005",
|
||||
name: "Lisa Anderson",
|
||||
role: "Designer",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg",
|
||||
imageAlt: "Lisa Anderson",
|
||||
},
|
||||
id: "test-005", name: "Lisa Anderson", role: "Designer", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg", imageAlt: "Lisa Anderson"},
|
||||
{
|
||||
id: "test-006",
|
||||
name: "James Wilson",
|
||||
role: "Developer",
|
||||
company: "Software Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "test-006", name: "James Wilson", role: "Developer", company: "Software Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg", imageAlt: "James Wilson"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50K+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "50K+", label: "Happy Customers"},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Products",
|
||||
},
|
||||
value: "1000+", label: "Products"},
|
||||
{
|
||||
value: "99.8%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "99.8%", label: "Satisfaction Rate"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -285,38 +176,21 @@ export default function HomePage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Start Shopping?"
|
||||
ctaDescription="Have questions? Our team is here to help via WhatsApp."
|
||||
ctaDescription="Get instant support and personalized recommendations—no hold times, no bots."
|
||||
ctaButton={{
|
||||
text: "Contact via WhatsApp",
|
||||
href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20have%20a%20question",
|
||||
}}
|
||||
text: "Contact via WhatsApp", href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20have%20a%20question"}}
|
||||
ctaIcon={MessageCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-001",
|
||||
title: "How do I place an order?",
|
||||
content: "Browse our products, add items to your cart, and click 'Order via WhatsApp'. A pre-filled message with your order details will be sent to our team.",
|
||||
},
|
||||
id: "faq-001", title: "How do I place an order?", content: "Browse our products, add items to your cart, and click 'Order via WhatsApp'. A pre-filled message with your order details will be sent to our team."},
|
||||
{
|
||||
id: "faq-002",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major payment methods. Details and options will be confirmed with you via WhatsApp after you submit your order.",
|
||||
},
|
||||
id: "faq-002", title: "What payment methods do you accept?", content: "We accept all major payment methods. Details and options will be confirmed with you via WhatsApp after you submit your order."},
|
||||
{
|
||||
id: "faq-003",
|
||||
title: "How long does shipping take?",
|
||||
content: "Shipping times vary by location and product. Our team will provide estimated delivery dates when you confirm your order via WhatsApp.",
|
||||
},
|
||||
id: "faq-003", title: "How long does shipping take?", content: "Shipping times vary by location and product. Our team will provide estimated delivery dates when you confirm your order via WhatsApp."},
|
||||
{
|
||||
id: "faq-004",
|
||||
title: "Do you offer returns?",
|
||||
content: "Yes! We offer a 30-day return policy on most items. Contact our support team via WhatsApp for return authorization.",
|
||||
},
|
||||
id: "faq-004", title: "Do you offer returns?", content: "Yes! We offer a 30-day return policy on most items. Contact our support team via WhatsApp for return authorization."},
|
||||
{
|
||||
id: "faq-005",
|
||||
title: "Is my information secure?",
|
||||
content: "Absolutely. We use industry-standard encryption and security measures to protect your personal and payment information.",
|
||||
},
|
||||
id: "faq-005", title: "Is my information secure?", content: "Absolutely. We use industry-standard encryption and security measures to protect your personal and payment information."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -332,27 +206,19 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user