Merge version_1 into main #2
@@ -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<HTMLInputElement>) => {
|
||||
@@ -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() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Browse Products", href: "/products" },
|
||||
{ label: "Categories", href: "/products" },
|
||||
{ label: "New Releases", href: "/products" },
|
||||
@@ -282,8 +277,7 @@ export default function AuthPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -291,8 +285,7 @@ export default function AuthPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Account", href: "/auth" },
|
||||
{ label: "Downloads", href: "/my-downloads" },
|
||||
|
||||
225
src/app/page.tsx
225
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Browse Products", href: "/products" },
|
||||
{ label: "Categories", href: "/products" },
|
||||
{ label: "New Releases", href: "/products" },
|
||||
@@ -371,8 +236,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -380,8 +244,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Account", href: "#" },
|
||||
{ label: "Downloads", href: "#" },
|
||||
|
||||
@@ -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<string, any> = {
|
||||
"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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -208,7 +14,7 @@ export default function ProductDetailsPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -217,11 +23,11 @@ export default function ProductDetailsPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Support", id: "contact" },
|
||||
{ name: "Account", id: "account" }
|
||||
{ name: "Account", id: "/account" },
|
||||
]}
|
||||
brandName="Digital Store"
|
||||
bottomLeftText="Digital Product Marketplace"
|
||||
@@ -229,176 +35,56 @@ export default function ProductDetailsPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="min-h-screen bg-white">
|
||||
{/* Product Details Hero Section */}
|
||||
<div className="mx-auto px-4 md:px-6 py-12 md:py-20">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12">
|
||||
{/* Product Image */}
|
||||
<div className="flex items-center justify-center">
|
||||
<img
|
||||
src={current.imageSrc}
|
||||
alt={current.name}
|
||||
className="w-full h-auto rounded-2xl object-cover shadow-lg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Product Info */}
|
||||
<div className="flex flex-col justify-center">
|
||||
<span className="text-sm font-semibold text-green-600 uppercase tracking-wide mb-2">
|
||||
{current.brand}
|
||||
</span>
|
||||
<h1 className="text-3xl md:text-4xl font-extrabold text-black mb-4">
|
||||
{current.name}
|
||||
</h1>
|
||||
|
||||
{/* Rating */}
|
||||
<div className="flex items-center gap-2 mb-6">
|
||||
<div className="flex gap-1">
|
||||
{[...Array(5)].map((_, i) => (
|
||||
<Star key={i} size={18} className="fill-yellow-400 text-yellow-400" />
|
||||
))}
|
||||
</div>
|
||||
<span className="text-sm text-gray-600">({current.reviewCount} reviews)</span>
|
||||
</div>
|
||||
|
||||
{/* Price */}
|
||||
<div className="mb-6">
|
||||
<p className="text-4xl font-extrabold text-green-700 mb-2">
|
||||
{current.price}
|
||||
</p>
|
||||
<p className="text-gray-600">One-time purchase • Lifetime access</p>
|
||||
</div>
|
||||
|
||||
{/* Description */}
|
||||
<p className="text-gray-700 mb-8 leading-relaxed">
|
||||
{current.description}
|
||||
</p>
|
||||
|
||||
{/* Action Buttons */}
|
||||
<div className="flex flex-col sm:flex-row gap-4 mb-8">
|
||||
<button className="px-8 py-3 bg-green-700 text-white font-bold rounded-full hover:bg-green-800 transition-colors shadow-lg">
|
||||
Purchase Now
|
||||
</button>
|
||||
<button className="px-8 py-3 border-2 border-green-700 text-green-700 font-bold rounded-full hover:bg-green-50 transition-colors flex items-center justify-center gap-2">
|
||||
<Heart size={20} />
|
||||
Save for Later
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Features List */}
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-start gap-3">
|
||||
<CheckCircle size={20} className="text-green-700 flex-shrink-0 mt-1" />
|
||||
<span className="text-gray-700">Instant download after purchase</span>
|
||||
</div>
|
||||
<div className="flex items-start gap-3">
|
||||
<CheckCircle size={20} className="text-green-700 flex-shrink-0 mt-1" />
|
||||
<span className="text-gray-700">30-day money-back guarantee</span>
|
||||
</div>
|
||||
<div className="flex items-start gap-3">
|
||||
<CheckCircle size={20} className="text-green-700 flex-shrink-0 mt-1" />
|
||||
<span className="text-gray-700">Secure payment processing</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="min-h-screen bg-white py-12 px-4">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h1 className="text-4xl font-extrabold text-black mb-4">Product Details</h1>
|
||||
<p className="text-gray-600 text-lg">Product ID: {params.id}</p>
|
||||
<p className="text-gray-500 mt-4">Detailed product information and purchase options would be displayed here.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Features Section */}
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
features={current.features}
|
||||
title="Why This Product?"
|
||||
description="Get the most out of your investment with comprehensive content and lifelong support."
|
||||
tag="Key Benefits"
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Related Products Section */}
|
||||
<div id="related-products" data-section="related-products">
|
||||
<ProductCardTwo
|
||||
products={relatedProducts}
|
||||
title="You Might Also Like"
|
||||
description="Discover other premium products that complement this purchase."
|
||||
tag="Related"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
testimonials={testimonials}
|
||||
title="What Customers Are Saying"
|
||||
description="See how people are succeeding with our premium digital products."
|
||||
tag="Success Stories"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact/Newsletter Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Newsletter"
|
||||
title="Stay Updated with New Releases"
|
||||
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" }}
|
||||
useInvertedBackground={true}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe at any time from our newsletter."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Newsletter"
|
||||
title="Stay Updated with New Releases"
|
||||
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: "animated-grid" }}
|
||||
useInvertedBackground={true}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe at any time from our newsletter."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Browse Products", href: "/products" },
|
||||
{ label: "Categories", href: "/products" },
|
||||
{ label: "New Releases", href: "/products" },
|
||||
{ label: "Best Sellers", href: "/products" }
|
||||
]
|
||||
{ label: "Best Sellers", href: "/products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
{ label: "Contact", href: "contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Account", href: "/auth" },
|
||||
{ label: "Downloads", href: "/my-downloads" },
|
||||
{ label: "Report Issue", href: "#" }
|
||||
]
|
||||
}
|
||||
{ label: "Account", href: "#" },
|
||||
{ label: "Downloads", href: "#" },
|
||||
{ label: "Report Issue", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Digital Store. All rights reserved."
|
||||
/>
|
||||
|
||||
@@ -17,7 +17,7 @@ export default function ProductsPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -51,95 +51,32 @@ export default function ProductsPage() {
|
||||
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=4",
|
||||
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=4",
|
||||
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=5",
|
||||
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=5",
|
||||
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=5",
|
||||
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=6",
|
||||
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"},
|
||||
{
|
||||
id: "prod-7",
|
||||
brand: "Digital Store",
|
||||
name: "Mobile App Development Bootcamp",
|
||||
price: "$44.99",
|
||||
rating: 5,
|
||||
reviewCount: "2.9k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg?_wi=6",
|
||||
imageAlt: "Mobile Development Course",
|
||||
},
|
||||
id: "prod-7", brand: "Digital Store", name: "Mobile App Development Bootcamp", price: "$44.99", rating: 5,
|
||||
reviewCount: "2.9k", imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg", imageAlt: "Mobile Development Course"},
|
||||
{
|
||||
id: "prod-8",
|
||||
brand: "Digital Store",
|
||||
name: "Content Strategy Playbook",
|
||||
price: "$19.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg?_wi=7",
|
||||
imageAlt: "Content Strategy Guide",
|
||||
},
|
||||
id: "prod-8", brand: "Digital Store", name: "Content Strategy Playbook", price: "$19.99", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-vector/online-learning-landing-page-design_23-2149058254.jpg", imageAlt: "Content Strategy Guide"},
|
||||
{
|
||||
id: "prod-9",
|
||||
brand: "Digital Store",
|
||||
name: "Data Science Fundamentals",
|
||||
price: "$54.99",
|
||||
rating: 5,
|
||||
reviewCount: "3.4k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg?_wi=6",
|
||||
imageAlt: "Data Science Course",
|
||||
},
|
||||
id: "prod-9", brand: "Digital Store", name: "Data Science Fundamentals", price: "$54.99", rating: 5,
|
||||
reviewCount: "3.4k", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-working-art-studio_23-2148372142.jpg", imageAlt: "Data Science Course"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Browse Products", href: "/products" },
|
||||
{ label: "Categories", href: "/products" },
|
||||
{ label: "New Releases", href: "/products" },
|
||||
@@ -212,8 +132,7 @@ export default function ProductsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -221,8 +140,7 @@ export default function ProductsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Account", href: "#" },
|
||||
{ label: "Downloads", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user