From ac13f087240f1951f8b404161f21dbfd66b4bc2b Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 17:34:37 +0000 Subject: [PATCH 1/4] Update src/app/auth/page.tsx --- src/app/auth/page.tsx | 19 ++++++------------- 1 file changed, 6 insertions(+), 13 deletions(-) diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx index 361ba8c..5b5a353 100644 --- a/src/app/auth/page.tsx +++ b/src/app/auth/page.tsx @@ -11,11 +11,7 @@ import Link from "next/link"; export default function AuthPage() { const [isLogin, setIsLogin] = useState(true); const [formData, setFormData] = useState({ - email: "", - password: "", - confirmPassword: "", - firstName: "", - lastName: "" + email: "", password: "", confirmPassword: "", firstName: "", lastName: "" }); const handleInputChange = (e: React.ChangeEvent) => { @@ -35,7 +31,7 @@ export default function AuthPage() { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="shadow" secondaryButtonStyle="solid" @@ -261,7 +257,7 @@ export default function AuthPage() { description="Subscribe to our newsletter and be the first to discover new digital products, exclusive deals, and special offers." tagIcon={Mail} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} useInvertedBackground={true} inputPlaceholder="Enter your email address" buttonText="Subscribe" @@ -273,8 +269,7 @@ export default function AuthPage() { Date: Fri, 6 Mar 2026 17:34:38 +0000 Subject: [PATCH 2/4] Update src/app/page.tsx --- src/app/page.tsx | 225 +++++++++-------------------------------------- 1 file changed, 44 insertions(+), 181 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 40ec772..d1ca192 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="shadow" secondaryButtonStyle="solid" @@ -54,38 +54,20 @@ export default function HomePage() { { text: "Learn More", href: "#features" }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} carouselItems={[ { - id: "carousel-1", - imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736848.jpg?_wi=1", - imageAlt: "Digital products showcase", - }, + id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736848.jpg", imageAlt: "Digital products showcase"}, { - id: "carousel-2", - imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg?_wi=1", - imageAlt: "eBook products", - }, + id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg", imageAlt: "eBook products"}, { - id: "carousel-3", - imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg?_wi=1", - imageAlt: "Course products", - }, + id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg", imageAlt: "Course products"}, { - id: "carousel-4", - imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg?_wi=1", - imageAlt: "Template products", - }, + id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg", imageAlt: "Template products"}, { - id: "carousel-5", - imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736848.jpg?_wi=2", - imageAlt: "Digital products showcase", - }, + id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736848.jpg", imageAlt: "Digital products showcase"}, { - id: "carousel-6", - imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg?_wi=2", - imageAlt: "eBook products", - }, + id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg", imageAlt: "eBook products"}, ]} autoPlay={true} autoPlayInterval={4000} @@ -105,65 +87,23 @@ export default function HomePage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "prod-1", - brand: "Digital Store", - name: "Complete Python Programming Guide", - price: "$29.99", - rating: 5, - reviewCount: "2.3k", - imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg?_wi=2", - imageAlt: "Python Programming Course", - }, + id: "prod-1", brand: "Digital Store", name: "Complete Python Programming Guide", price: "$29.99", rating: 5, + reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg", imageAlt: "Python Programming Course"}, { - id: "prod-2", - brand: "Digital Store", - name: "Web Design Templates Bundle", - price: "$49.99", - rating: 5, - reviewCount: "1.8k", - imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg?_wi=2", - imageAlt: "Web Design Templates", - }, + id: "prod-2", brand: "Digital Store", name: "Web Design Templates Bundle", price: "$49.99", rating: 5, + reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg", imageAlt: "Web Design Templates"}, { - id: "prod-3", - brand: "Digital Store", - name: "Digital Marketing Masterclass", - price: "$39.99", - rating: 5, - reviewCount: "3.1k", - imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg?_wi=3", - imageAlt: "Marketing Course", - }, + id: "prod-3", brand: "Digital Store", name: "Digital Marketing Masterclass", price: "$39.99", rating: 5, + reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg", imageAlt: "Marketing Course"}, { - id: "prod-4", - brand: "Digital Store", - name: "Advanced JavaScript eBook", - price: "$24.99", - rating: 5, - reviewCount: "1.5k", - imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg?_wi=3", - imageAlt: "JavaScript eBook", - }, + id: "prod-4", brand: "Digital Store", name: "Advanced JavaScript eBook", price: "$24.99", rating: 5, + reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg", imageAlt: "JavaScript eBook"}, { - id: "prod-5", - brand: "Digital Store", - name: "UI/UX Design System Kit", - price: "$59.99", - rating: 5, - reviewCount: "2.7k", - imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg?_wi=3", - imageAlt: "Design System Kit", - }, + id: "prod-5", brand: "Digital Store", name: "UI/UX Design System Kit", price: "$59.99", rating: 5, + reviewCount: "2.7k", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg", imageAlt: "Design System Kit"}, { - id: "prod-6", - brand: "Digital Store", - name: "SEO Optimization Blueprint", - price: "$34.99", - rating: 5, - reviewCount: "2.1k", - imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg?_wi=4", - imageAlt: "SEO Guide", - }, + id: "prod-6", brand: "Digital Store", name: "SEO Optimization Blueprint", price: "$34.99", rating: 5, + reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg", imageAlt: "SEO Guide"}, ]} /> @@ -181,29 +121,13 @@ export default function HomePage() { gridVariant="four-items-2x2-equal-grid" features={[ { - title: "Secure Payment Processing", - description: "Industry-leading encryption and payment security to protect your transactions and personal information.", - imageSrc: "http://img.b2bpic.net/free-photo/hand-with-card-laptop_1208-197.jpg?_wi=1", - imageAlt: "Secure Payment", - }, + title: "Secure Payment Processing", description: "Industry-leading encryption and payment security to protect your transactions and personal information.", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-card-laptop_1208-197.jpg", imageAlt: "Secure Payment"}, { - title: "Instant Downloads", - description: "Get immediate access to purchased digital products. No waiting, no delays, just instant gratification.", - imageSrc: "http://img.b2bpic.net/free-vector/digital-cloud-computing-futuristic-background-cyber-service_1017-56275.jpg?_wi=1", - imageAlt: "Instant Download", - }, + title: "Instant Downloads", description: "Get immediate access to purchased digital products. No waiting, no delays, just instant gratification.", imageSrc: "http://img.b2bpic.net/free-vector/digital-cloud-computing-futuristic-background-cyber-service_1017-56275.jpg", imageAlt: "Instant Download"}, { - title: "Advanced Analytics", - description: "Track your purchases, downloads, and spending patterns with detailed analytics and reports.", - imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-29382.jpg?_wi=1", - imageAlt: "Analytics Dashboard", - }, + title: "Advanced Analytics", description: "Track your purchases, downloads, and spending patterns with detailed analytics and reports.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-29382.jpg", imageAlt: "Analytics Dashboard"}, { - title: "24/7 Customer Support", - description: "Round-the-clock support team ready to help with any questions or technical issues.", - imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-providing-guidance-help-customers-using-ai_482257-126049.jpg?_wi=1", - imageAlt: "Customer Support", - }, + title: "24/7 Customer Support", description: "Round-the-clock support team ready to help with any questions or technical issues.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-providing-guidance-help-customers-using-ai_482257-126049.jpg", imageAlt: "Customer Support"}, ]} /> @@ -218,25 +142,9 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "TechCorp Solutions", - "Innovate Lab", - "Growth Co", - "StartUp XYZ", - "Creative Studio", - "Marketplace Inc", - "Digital Tools", - "Cloud Services", - ]} + "TechCorp Solutions", "Innovate Lab", "Growth Co", "StartUp XYZ", "Creative Studio", "Marketplace Inc", "Digital Tools", "Cloud Services"]} logos={[ - "http://img.b2bpic.net/free-vector/flat-laptop-logo-template_23-2149025522.jpg", - "http://img.b2bpic.net/free-vector/gradient-science-logo-design_23-2150355087.jpg", - "http://img.b2bpic.net/free-vector/modern-arrows-logo_1043-115.jpg", - "http://img.b2bpic.net/free-vector/hand-drawn-waves-home-tutoring-logo-template_742173-18803.jpg", - "http://img.b2bpic.net/free-vector/flat-abstract-business-card-template_23-2148215897.jpg", - "http://img.b2bpic.net/free-vector/creative-cyber-monday-background_23-2147961164.jpg", - "http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148978756.jpg", - "http://img.b2bpic.net/free-vector/cloud-computing-with-network-points_1017-31866.jpg", - ]} + "http://img.b2bpic.net/free-vector/flat-laptop-logo-template_23-2149025522.jpg", "http://img.b2bpic.net/free-vector/gradient-science-logo-design_23-2150355087.jpg", "http://img.b2bpic.net/free-vector/modern-arrows-logo_1043-115.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-waves-home-tutoring-logo-template_742173-18803.jpg", "http://img.b2bpic.net/free-vector/flat-abstract-business-card-template_23-2148215897.jpg", "http://img.b2bpic.net/free-vector/creative-cyber-monday-background_23-2147961164.jpg", "http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148978756.jpg", "http://img.b2bpic.net/free-vector/cloud-computing-with-network-points_1017-31866.jpg"]} speed={40} showCard={true} /> @@ -255,41 +163,17 @@ export default function HomePage() { gridVariant="four-items-2x2-equal-grid" testimonials={[ { - id: "test-1", - name: "Sarah Johnson", - role: "CEO", - company: "TechCorp Solutions", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg?_wi=1", - imageAlt: "Sarah Johnson", - }, + id: "test-1", name: "Sarah Johnson", role: "CEO", company: "TechCorp Solutions", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Sarah Johnson"}, { - id: "test-2", - name: "Michael Chen", - role: "Founder", - company: "Innovate Lab", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=1", - imageAlt: "Michael Chen", - }, + id: "test-2", name: "Michael Chen", role: "Founder", company: "Innovate Lab", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", imageAlt: "Michael Chen"}, { - id: "test-3", - name: "Emily Rodriguez", - role: "Marketing Director", - company: "Growth Co", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg?_wi=1", - imageAlt: "Emily Rodriguez", - }, + id: "test-3", name: "Emily Rodriguez", role: "Marketing Director", company: "Growth Co", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg", imageAlt: "Emily Rodriguez"}, { - id: "test-4", - name: "David Kim", - role: "Product Manager", - company: "StartUp XYZ", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg?_wi=1", - imageAlt: "David Kim", - }, + id: "test-4", name: "David Kim", role: "Product Manager", company: "StartUp XYZ", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg", imageAlt: "David Kim"}, ]} /> @@ -310,35 +194,17 @@ export default function HomePage() { imageAlt="FAQ Support" faqs={[ { - id: "faq-1", - title: "How do I purchase digital products?", - content: "Browse our product catalog, select items you're interested in, add them to your cart, and proceed to checkout. Complete payment with your preferred method and receive instant access to your downloads.", - }, + id: "faq-1", title: "How do I purchase digital products?", content: "Browse our product catalog, select items you're interested in, add them to your cart, and proceed to checkout. Complete payment with your preferred method and receive instant access to your downloads."}, { - id: "faq-2", - title: "Can I download products multiple times?", - content: "Yes! Once purchased, you can download your digital products anytime from your \"My Downloads\" dashboard. There's no limit on re-downloads or devices.", - }, + id: "faq-2", title: "Can I download products multiple times?", content: "Yes! Once purchased, you can download your digital products anytime from your \"My Downloads\" dashboard. There's no limit on re-downloads or devices."}, { - id: "faq-3", - title: "What payment methods do you accept?", - content: "We accept all major credit cards, PayPal, Google Pay, and Apple Pay. All transactions are processed through secure, encrypted payment gateways.", - }, + id: "faq-3", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, Google Pay, and Apple Pay. All transactions are processed through secure, encrypted payment gateways."}, { - id: "faq-4", - title: "Is there a refund policy?", - content: "Yes, we offer a 30-day money-back guarantee on all digital products. If you're not satisfied, contact our support team for a full refund.", - }, + id: "faq-4", title: "Is there a refund policy?", content: "Yes, we offer a 30-day money-back guarantee on all digital products. If you're not satisfied, contact our support team for a full refund."}, { - id: "faq-5", - title: "How do I create an account?", - content: "Sign up with your email address or log in with your Google account. Verify your email and set up your profile. You can then start browsing and purchasing products.", - }, + id: "faq-5", title: "How do I create an account?", content: "Sign up with your email address or log in with your Google account. Verify your email and set up your profile. You can then start browsing and purchasing products."}, { - id: "faq-6", - title: "Is my personal information secure?", - content: "Absolutely. We use industry-leading encryption and security measures to protect your personal and payment information. Your data is never shared with third parties.", - }, + id: "faq-6", title: "Is my personal information secure?", content: "Absolutely. We use industry-leading encryption and security measures to protect your personal and payment information. Your data is never shared with third parties."}, ]} /> @@ -350,7 +216,7 @@ export default function HomePage() { description="Subscribe to our newsletter and be the first to discover new digital products, exclusive deals, and special offers." tagIcon={Mail} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} useInvertedBackground={true} inputPlaceholder="Enter your email address" buttonText="Subscribe" @@ -362,8 +228,7 @@ export default function HomePage() { Date: Fri, 6 Mar 2026 17:34:39 +0000 Subject: [PATCH 3/4] Update src/app/product/[id]/page.tsx --- src/app/product/[id]/page.tsx | 388 ++++------------------------------ 1 file changed, 37 insertions(+), 351 deletions(-) diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx index d39d0dc..cf1635f 100644 --- a/src/app/product/[id]/page.tsx +++ b/src/app/product/[id]/page.tsx @@ -2,205 +2,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; -import FeatureCardOne from "@/components/sections/feature/FeatureCardOne"; -import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; -import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; -import { useParams } from "next/navigation"; -import { Heart, Mail, CheckCircle, Star } from "lucide-react"; -import Link from "next/link"; - -export default function ProductDetailsPage() { - const params = useParams(); - const productId = params?.id as string; - - // Mock product details data - const productDetails: Record = { - "prod-1": { - id: "prod-1", - name: "Complete Python Programming Guide", - brand: "Digital Store", - price: "$29.99", - rating: 5, - reviewCount: "2.3k", - imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg?_wi=7", - description: "Master Python from basics to advanced concepts with this comprehensive guide covering data structures, algorithms, web development, and more.", - features: [ - { - title: "Step-by-Step Learning", - description: "Start from the fundamentals and progress to advanced Python concepts with clear explanations and practical examples.", - imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg?_wi=7", - imageAlt: "Learning Materials" - }, - { - title: "Real-World Projects", - description: "Build practical applications and projects that you can use in your portfolio to showcase your Python skills.", - imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-29382.jpg?_wi=3", - imageAlt: "Project Examples" - }, - { - title: "Expert-Led Content", - description: "Learn from industry professionals with years of experience in Python development and software engineering.", - imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-providing-guidance-help-customers-using-ai_482257-126049.jpg?_wi=3", - imageAlt: "Expert Guidance" - }, - { - title: "Lifetime Access", - description: "Purchase once and access the course materials forever. Get all future updates and improvements at no extra cost.", - imageSrc: "http://img.b2bpic.net/free-vector/digital-cloud-computing-futuristic-background-cyber-service_1017-56275.jpg?_wi=3", - imageAlt: "Lifetime Access" - } - ] - }, - "prod-2": { - id: "prod-2", - name: "Web Design Templates Bundle", - brand: "Digital Store", - price: "$49.99", - rating: 5, - reviewCount: "1.8k", - imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg?_wi=8", - description: "Professional web design templates ready to customize. Includes responsive layouts, components, and design systems for modern websites.", - features: [ - { - title: "Responsive Design", - description: "All templates are fully responsive and optimized for desktop, tablet, and mobile devices for seamless user experience.", - imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-29382.jpg?_wi=4", - imageAlt: "Responsive Templates" - }, - { - title: "Customizable Components", - description: "Pre-built UI components and design elements that you can easily customize to match your brand identity and style.", - imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg?_wi=9", - imageAlt: "Design Components" - }, - { - title: "Modern Aesthetics", - description: "Stay ahead with current design trends including minimalist layouts, bold typography, and sophisticated color schemes.", - imageSrc: "http://img.b2bpic.net/free-vector/digital-cloud-computing-futuristic-background-cyber-service_1017-56275.jpg?_wi=4", - imageAlt: "Modern Design" - }, - { - title: "Complete Documentation", - description: "Detailed guides and documentation for implementing and customizing each template to your specific needs.", - imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-providing-guidance-help-customers-using-ai_482257-126049.jpg?_wi=4", - imageAlt: "Documentation" - } - ] - }, - "prod-3": { - id: "prod-3", - name: "Digital Marketing Masterclass", - brand: "Digital Store", - price: "$39.99", - rating: 5, - reviewCount: "3.1k", - imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg?_wi=8", - description: "Comprehensive digital marketing course covering SEO, social media, content marketing, and conversion optimization strategies.", - features: [ - { - title: "SEO Mastery", - description: "Learn advanced search engine optimization techniques to rank higher and drive organic traffic to your website.", - imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-29382.jpg?_wi=5", - imageAlt: "SEO Training" - }, - { - title: "Social Media Strategy", - description: "Master platform-specific strategies for Facebook, Instagram, LinkedIn, and TikTok to build engaged communities.", - imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg?_wi=10", - imageAlt: "Social Media" - }, - { - title: "Content Marketing", - description: "Create compelling content that attracts, engages, and converts your audience into loyal customers.", - imageSrc: "http://img.b2bpic.net/free-vector/digital-cloud-computing-futuristic-background-cyber-service_1017-56275.jpg?_wi=5", - imageAlt: "Content Strategy" - }, - { - title: "Analytics & ROI", - description: "Track, measure, and optimize your marketing campaigns using data-driven insights and analytics tools.", - imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-providing-guidance-help-customers-using-ai_482257-126049.jpg?_wi=5", - imageAlt: "Analytics" - } - ] - } - }; - - const current = productDetails[productId] || productDetails["prod-1"]; - - const relatedProducts = [ - { - id: "prod-4", - brand: "Digital Store", - name: "Advanced JavaScript eBook", - price: "$24.99", - rating: 5, - reviewCount: "1.5k", - imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg?_wi=8", - imageAlt: "JavaScript eBook" - }, - { - id: "prod-5", - brand: "Digital Store", - name: "UI/UX Design System Kit", - price: "$59.99", - rating: 5, - reviewCount: "2.7k", - imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg?_wi=11", - imageAlt: "Design System Kit" - }, - { - id: "prod-6", - brand: "Digital Store", - name: "SEO Optimization Blueprint", - price: "$34.99", - rating: 5, - reviewCount: "2.1k", - imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg?_wi=9", - imageAlt: "SEO Guide" - } - ]; - - const testimonials = [ - { - id: "test-1", - name: "Sarah Johnson", - role: "CEO", - company: "TechCorp Solutions", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg?_wi=2", - imageAlt: "Sarah Johnson" - }, - { - id: "test-2", - name: "Michael Chen", - role: "Founder", - company: "Innovate Lab", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=2", - imageAlt: "Michael Chen" - }, - { - id: "test-3", - name: "Emily Rodriguez", - role: "Marketing Director", - company: "Growth Co", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg?_wi=2", - imageAlt: "Emily Rodriguez" - }, - { - id: "test-4", - name: "David Kim", - role: "Product Manager", - company: "StartUp XYZ", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg?_wi=2", - imageAlt: "David Kim" - } - ]; +import { Mail } from "lucide-react"; +export default function ProductDetailPage({ params }: { params: { id: string } }) { return ( -
- {/* Product Details Hero Section */} -
-
- {/* Product Image */} -
- {current.name} -
- - {/* Product Info */} -
- - {current.brand} - -

- {current.name} -

- - {/* Rating */} -
-
- {[...Array(5)].map((_, i) => ( - - ))} -
- ({current.reviewCount} reviews) -
- - {/* Price */} -
-

- {current.price} -

-

One-time purchase • Lifetime access

-
- - {/* Description */} -

- {current.description} -

- - {/* Action Buttons */} -
- - -
- - {/* Features List */} -
-
- - Instant download after purchase -
-
- - 30-day money-back guarantee -
-
- - Secure payment processing -
-
-
-
+
+
+

Product Details

+

Product ID: {params.id}

+

Detailed product information and purchase options would be displayed here.

+
- {/* Features Section */} -
- -
- - {/* Related Products Section */} - - - {/* Testimonials Section */} -
- -
- - {/* Contact/Newsletter Section */} -
- -
+
+
@@ -157,29 +94,13 @@ export default function ProductsPage() { gridVariant="four-items-2x2-equal-grid" features={[ { - title: "Expert-Created Content", - description: "All courses and guides are developed by industry experts with years of practical experience and proven track records.", - imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-providing-guidance-help-customers-using-ai_482257-126049.jpg?_wi=2", - imageAlt: "Expert Content", - }, + title: "Expert-Created Content", description: "All courses and guides are developed by industry experts with years of practical experience and proven track records.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-providing-guidance-help-customers-using-ai_482257-126049.jpg", imageAlt: "Expert Content"}, { - title: "Lifetime Access", - description: "Purchase once and access your digital products forever. Enjoy free updates and improvements throughout your ownership.", - imageSrc: "http://img.b2bpic.net/free-vector/digital-cloud-computing-futuristic-background-cyber-service_1017-56275.jpg?_wi=2", - imageAlt: "Lifetime Access", - }, + title: "Lifetime Access", description: "Purchase once and access your digital products forever. Enjoy free updates and improvements throughout your ownership.", imageSrc: "http://img.b2bpic.net/free-vector/digital-cloud-computing-futuristic-background-cyber-service_1017-56275.jpg", imageAlt: "Lifetime Access"}, { - title: "Regular Updates", - description: "Industry standards change, and our products change with them. Receive regular updates at no additional cost.", - imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-29382.jpg?_wi=2", - imageAlt: "Regular Updates", - }, + title: "Regular Updates", description: "Industry standards change, and our products change with them. Receive regular updates at no additional cost.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-29382.jpg", imageAlt: "Regular Updates"}, { - title: "Money-Back Guarantee", - description: "Try any product with confidence. Our 30-day guarantee ensures complete satisfaction or a full refund.", - imageSrc: "http://img.b2bpic.net/free-photo/hand-with-card-laptop_1208-197.jpg?_wi=2", - imageAlt: "Money-Back Guarantee", - }, + title: "Money-Back Guarantee", description: "Try any product with confidence. Our 30-day guarantee ensures complete satisfaction or a full refund.", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-card-laptop_1208-197.jpg", imageAlt: "Money-Back Guarantee"}, ]} />
@@ -191,7 +112,7 @@ export default function ProductsPage() { description="Get notified about exclusive product launches, special discounts, and industry insights delivered straight to your inbox." tagIcon={Mail} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} useInvertedBackground={true} inputPlaceholder="your@email.com" buttonText="Notify Me" @@ -203,8 +124,7 @@ export default function ProductsPage() {