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() { @@ -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() { = { - "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() {