bender/48d2c9c9-0d55-4151-b48e-000cfa865e8d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #4

Merged
bender merged 6 commits from version_3 into main 2026-03-21 19:47:12 +00:00
Conversation 0 Commits 6 Files Changed 6 +98 -373
6 changed files with 98 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/app/about/page.tsx
View File

@@ -34,9 +34,7 @@ export default function AboutPage() {
brandName="ShopHub"
navItems={navItems}
button={{
text: "View Cart",
href: "/cart",
}}
text: "View Cart", href: "/cart"}}
/>
</div>
@@ -44,19 +42,13 @@ export default function AboutPage() {
<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}
@@ -69,41 +61,17 @@ export default function AboutPage() {
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=4",
imageAlt: "curated product selection shopping store",
},
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=4", imageAlt: "curated product selection shopping store"},
{
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=2",
imageAlt: "WhatsApp messaging mobile chat interface",
},
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=2", imageAlt: "WhatsApp messaging mobile chat interface"},
{
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=3",
imageAlt: "fast checkout quick payment process",
},
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=3", imageAlt: "fast checkout quick payment process"},
{
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=3",
imageAlt: "security lock protection digital safety",
},
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=3", imageAlt: "security lock protection digital safety"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -118,27 +86,19 @@ export default function AboutPage() {
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>
);
}
}

31
src/app/cart/page.tsx
View File

@@ -17,30 +17,15 @@ export default function CartPage() {
const faqs = [
{
id: "faq-001",
title: "How do I modify my cart?",
content: "You can increase or decrease quantities, remove items, or add more products. All changes are saved instantly.",
},
id: "faq-001", title: "How do I modify my cart?", content: "You can increase or decrease quantities, remove items, or add more products. All changes are saved instantly."},
{
id: "faq-002",
title: "What payment methods are available?",
content: "We accept all major credit cards, debit cards, and digital wallets. Payment details are confirmed via WhatsApp after checkout.",
},
id: "faq-002", title: "What payment methods are available?", content: "We accept all major credit cards, debit cards, and digital wallets. Payment details are confirmed via WhatsApp after checkout."},
{
id: "faq-003",
title: "How long is my cart saved?",
content: "Your cart is saved for 30 days. You can continue shopping and return to complete your purchase anytime.",
},
id: "faq-003", title: "How long is my cart saved?", content: "Your cart is saved for 30 days. You can continue shopping and return to complete your purchase anytime."},
{
id: "faq-004",
title: "Can I apply coupon codes?",
content: "Yes! Enter your coupon code during checkout. Our team will verify and apply the discount via WhatsApp confirmation.",
},
id: "faq-004", title: "Can I apply coupon codes?", content: "Yes! Enter your coupon code during checkout. Our team will verify and apply the discount via WhatsApp confirmation."},
{
id: "faq-005",
title: "Is checkout secure?",
content: "Absolutely. All transactions are encrypted with industry-standard SSL security. Your information is never shared with third parties.",
},
id: "faq-005", title: "Is checkout secure?", content: "Absolutely. All transactions are encrypted with industry-standard SSL security. Your information is never shared with third parties."},
];
return (
@@ -132,9 +117,7 @@ export default function CartPage() {
ctaTitle="Need Help with Your Order?"
ctaDescription="Have questions about your cart or need assistance? Contact us via WhatsApp."
ctaButton={{
text: "Chat via WhatsApp",
href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20have%20questions%20about%20my%20cart",
}}
text: "Chat via WhatsApp", href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20have%20questions%20about%20my%20cart"}}
ctaIcon={MessageCircle}
faqs={faqs}
useInvertedBackground={false}
@@ -158,4 +141,4 @@ export default function CartPage() {
</div>
</ThemeProvider>
);
}
}

51
src/app/contact/page.tsx
View File

@@ -33,9 +33,7 @@ export default function ContactPage() {
brandName="ShopHub"
navItems={navItems}
button={{
text: "View Cart",
href: "/cart",
}}
text: "View Cart", href: "/cart"}}
/>
</div>
@@ -44,36 +42,19 @@ export default function ContactPage() {
ctaTitle="Ready to Start Shopping?"
ctaDescription="Have questions? Our team is here to help via WhatsApp."
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"
@@ -89,27 +70,19 @@ export default function ContactPage() {
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>
);
}
}

82
src/app/page.tsx
View File

@@ -4,10 +4,10 @@ import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, MessageCircle, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";
@@ -45,7 +45,7 @@ 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: "rotated-rays-animated"}}
tag="Welcome to ShopHub"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -62,31 +62,19 @@ export default function HomePage() {
/>
</div>
<div id="featured-products" data-section="featured-products">
<ProductCardThree
title="Featured Products"
description="Handpicked items from our exclusive collection. Add to cart and order via WhatsApp."
products={[
<div id="featured-metrics" data-section="featured-metrics">
<MetricCardTwo
title="Our Impact"
description="Key metrics that showcase our growth and customer trust."
metrics={[
{
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: "metric-001", value: "50K+", description: "Happy Customers"},
{
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: "metric-002", value: "1000+", description: "Products"},
{
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-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: "metric-003", value: "99.8%", description: "Satisfaction Rate"},
]}
gridVariant="bento-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -117,16 +105,16 @@ export default function HomePage() {
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"},
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg?_wi=4", 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"},
imageSrc: "http://img.b2bpic.net/free-vector/dating-application-concept_23-2148277325.jpg?_wi=2", 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"},
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cup-medium-shot_23-2149013899.jpg?_wi=3", 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"},
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-credit-card-hand-entering-security-code-using-laptop-keyboard_1423-158.jpg?_wi=3", imageAlt: "Security"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -134,42 +122,22 @@ export default function HomePage() {
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Our Customers Say"
description="Real experiences from customers who trust ShopHub for their shopping needs."
testimonials={[
<div id="featured-products" data-section="featured-products">
<ProductCardOne
title="Featured Products"
description="Handpicked items from our exclusive collection. Add to cart and order via WhatsApp."
products={[
{
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: "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"},
{
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: "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"},
{
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-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"},
]}
kpiItems={[
{
value: "50K+", label: "Happy Customers"},
{
value: "1000+", label: "Products"},
{
value: "99.8%", label: "Satisfaction Rate"},
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"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>

110
src/app/product/[id]/page.tsx
View File

@@ -3,11 +3,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import { MessageCircle, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";
import { Facebook, Instagram, Twitter, Linkedin } from "lucide-react";
export default function ProductDetailPage() {
const navItems = [
@@ -19,89 +18,23 @@ export default function ProductDetailPage() {
const relatedProducts = [
{
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=3",
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=3", imageAlt: "Wireless headphones"},
{
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=4",
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=4", imageAlt: "Smart watch"},
{
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=4",
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=4", imageAlt: "Laptop stand"},
];
const features = [
{
id: "feat-001",
title: "Premium Quality",
author: "Verified",
description: "All products are carefully tested and verified for quality assurance.",
tags: ["Quality", "Tested"],
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg?_wi=3",
imageAlt: "Premium quality",
},
id: "feat-001", title: "Premium Quality", author: "Verified", description: "All products are carefully tested and verified for quality assurance.", tags: ["Quality", "Tested"],
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg?_wi=3", imageAlt: "Premium quality"},
{
id: "feat-002",
title: "Fast Shipping",
author: "Worldwide",
description: "We ship worldwide with reliable tracking and fast delivery.",
tags: ["Quick", "Tracked"],
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cup-medium-shot_23-2149013899.jpg?_wi=2",
imageAlt: "Fast shipping",
},
id: "feat-002", title: "Fast Shipping", author: "Worldwide", description: "We ship worldwide with reliable tracking and fast delivery.", tags: ["Quick", "Tracked"],
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cup-medium-shot_23-2149013899.jpg?_wi=2", imageAlt: "Fast shipping"},
{
id: "feat-003",
title: "Easy Returns",
author: "30-Day Policy",
description: "Not satisfied? 30-day return policy with no questions asked.",
tags: ["Easy", "Hassle-free"],
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-credit-card-hand-entering-security-code-using-laptop-keyboard_1423-158.jpg?_wi=2",
imageAlt: "Easy returns",
},
];
const 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=2",
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=2",
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=2",
imageAlt: "Emma Rodriguez",
},
id: "feat-003", title: "Easy Returns", author: "30-Day Policy", description: "Not satisfied? 30-day return policy with no questions asked.", tags: ["Easy", "Hassle-free"],
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-credit-card-hand-entering-security-code-using-laptop-keyboard_1423-158.jpg?_wi=2", imageAlt: "Easy returns"},
];
return (
@@ -139,7 +72,7 @@ export default function ProductDetailPage() {
</div>
<div id="related-products" data-section="related-products">
<ProductCardThree
<ProductCardOne
title="Related Products"
description="You might also like these items from our collection."
products={relatedProducts}
@@ -161,23 +94,6 @@ export default function ProductDetailPage() {
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="Customer Reviews"
description="See what our satisfied customers have to say about this product."
testimonials={testimonials}
kpiItems={[
{ value: "4.9/5", label: "Average Rating" },
{ value: "2,450+", label: "Reviews" },
{ value: "98%", label: "Would Recommend" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="ShopHub"
@@ -192,4 +108,4 @@ export default function ProductDetailPage() {
</div>
</ThemeProvider>
);
}
}

123
src/app/products/page.tsx
View File

@@ -3,7 +3,7 @@
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterCard from "@/components/sections/footer/FooterCard";
@@ -33,65 +33,27 @@ export default function ProductsPage() {
{ name: "Contact", id: "contact" },
]}
button={{
text: "View Cart",
href: "/cart",
}}
text: "View Cart", href: "/cart"}}
/>
</div>
<div id="products-section" data-section="products-section">
<ProductCardThree
<ProductCardOne
title="Browse Our Full Collection"
description="Explore our complete range of premium products. Easy WhatsApp ordering, fast checkout, and secure transactions."
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=2",
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=2", imageAlt: "Wireless headphones"},
{
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=2",
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=2", imageAlt: "Smart watch"},
{
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=2",
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=2", imageAlt: "Laptop stand"},
{
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=2",
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=2", imageAlt: "USB hub"},
{
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=2",
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=2", imageAlt: "Mechanical keyboard"},
{
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=2",
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=2", imageAlt: "Webcam"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -106,32 +68,14 @@ export default function ProductsPage() {
description="Shop across multiple categories with vetted quality and trusted brands."
features={[
{
id: "cat-001",
title: "Audio & Sound",
author: "Premium Brands",
description: "High-quality headphones, earbuds, and audio equipment for professionals and enthusiasts.",
tags: ["Audio", "Premium"],
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg?_wi=2",
imageAlt: "Audio products",
},
id: "cat-001", title: "Audio & Sound", author: "Premium Brands", description: "High-quality headphones, earbuds, and audio equipment for professionals and enthusiasts.", tags: ["Audio", "Premium"],
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg?_wi=2", imageAlt: "Audio products"},
{
id: "cat-002",
title: "Wearables & Tech",
author: "Smart Devices",
description: "Latest smartwatches, fitness trackers, and connected wearables.",
tags: ["Smart", "Wearable"],
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=3",
imageAlt: "Wearables",
},
id: "cat-002", title: "Wearables & Tech", author: "Smart Devices", description: "Latest smartwatches, fitness trackers, and connected wearables.", tags: ["Smart", "Wearable"],
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=3", imageAlt: "Wearables"},
{
id: "cat-003",
title: "Computer Accessories",
author: "Workspace Essentials",
description: "Ergonomic stands, keyboards, hubs, and peripherals for productive workspaces.",
tags: ["Workspace", "Productive"],
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-cellphone-notebook-pencil-with-laptop-white-desk_23-2147854255.jpg?_wi=3",
imageAlt: "Computer accessories",
},
id: "cat-003", title: "Computer Accessories", author: "Workspace Essentials", description: "Ergonomic stands, keyboards, hubs, and peripherals for productive workspaces.", tags: ["Workspace", "Productive"],
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-cellphone-notebook-pencil-with-laptop-white-desk_23-2147854255.jpg?_wi=3", imageAlt: "Computer accessories"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -144,26 +88,15 @@ export default function ProductsPage() {
ctaTitle="Need Help Choosing?"
ctaDescription="Contact our specialists via WhatsApp for personalized product recommendations."
ctaButton={{
text: "Chat with Us",
href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20need%20help%20choosing%20a%20product",
}}
text: "Chat with Us", href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20need%20help%20choosing%20a%20product"}}
ctaIcon={MessageCircle}
faqs={[
{
id: "faq-p-001",
title: "Can I filter products by price?",
content: "Yes, you can browse our full collection and discuss specific price ranges with our team via WhatsApp for personalized recommendations.",
},
id: "faq-p-001", title: "Can I filter products by price?", content: "Yes, you can browse our full collection and discuss specific price ranges with our team via WhatsApp for personalized recommendations."},
{
id: "faq-p-002",
title: "Are all products in stock?",
content: "Most items are in stock. For availability of specific products, please contact us via WhatsApp and we'll provide instant updates.",
},
id: "faq-p-002", title: "Are all products in stock?", content: "Most items are in stock. For availability of specific products, please contact us via WhatsApp and we'll provide instant updates."},
{
id: "faq-p-003",
title: "Do you offer bulk discounts?",
content: "Yes! We offer special pricing for bulk orders. Contact our sales team via WhatsApp for custom quotes.",
},
id: "faq-p-003", title: "Do you offer bulk discounts?", content: "Yes! We offer special pricing for bulk orders. Contact our sales team via WhatsApp for custom quotes."},
]}
useInvertedBackground={false}
animationType="slide-up"
@@ -179,27 +112,19 @@ export default function ProductsPage() {
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>
);
}
}