Merge version_2 into main #3

Merged
bender merged 2 commits from version_2 into main 2026-03-10 11:04:22 +00:00
2 changed files with 102 additions and 7 deletions

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
@@ -35,21 +35,30 @@ export default function LandingPage() {
{ name: "Benefits", id: "benefits" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
{ name: "Contact", id: "contact" },
{ name: "Shop", id: "/products" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
<HeroSplitKpi
title="Your Gateway to Digital Knowledge"
description="Discover premium digital products designed to accelerate your learning and growth. Instant access to e-guides, courses, and resources covering technology, productivity, entrepreneurship, and personal development."
tag="Empower Your Learning"
background={{ variant: "plain" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "50K+", label: "Active Learners" },
{ value: "500+", label: "Premium Resources" },
{ value: "95%", label: "Satisfaction Rate" }
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-vector/social-media-business_23-2147512537.jpg"
imageAlt="DigiWorld digital learning platform dashboard"
mediaAnimation="slide-up"
imagePosition="right"
buttons={[
{ text: "Explore Products", href: "#featured-products" },
{ text: "Explore Products", href: "/products" },
{ text: "Learn More", href: "#benefits" }
]}
/>
@@ -77,7 +86,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Browse All Products", href: "#contact" }
{ text: "Browse All Products", href: "/products" }
]}
/>
</div>
@@ -213,7 +222,7 @@ export default function LandingPage() {
ctaTitle="Ready to Start Learning?"
ctaDescription="Join thousands of professionals advancing their skills. Get started today with instant access."
ctaIcon={ArrowRight}
ctaButton={{ text: "Browse Products Now", href: "#featured-products" }}
ctaButton={{ text: "Browse Products Now", href: "/products" }}
faqs={[
{
id: "1", title: "How do I get started?", content: "Simply browse our product catalog, select items that interest you, and complete checkout. You'll have instant access to begin learning immediately."

86
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,86 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Linkedin, Mail, Star, Twitter } from "lucide-react";
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="DigiWorld"
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Benefits", id: "benefits" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
title="Our Complete Product Catalog"
description="Explore our full range of premium digital products designed to help you grow and succeed"
tag="All Products"
tagIcon={Star}
products={[
{
id: "1", name: "Digital Entrepreneurship Mastery", price: "$49.99", variant: "E-guide + Video Modules", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-business-workshop-template-design_23-2149494188.jpg", imageAlt: "Digital Entrepreneurship Mastery guide"
},
{
id: "2", name: "Productivity Excellence System", price: "$39.99", variant: "Workbook + Templates", imageSrc: "http://img.b2bpic.net/free-vector/home-sport-a5-flyer-template-with-photo_23-2148646708.jpg", imageAlt: "Productivity Excellence System workbook"
},
{
id: "3", name: "Advanced Tech Skills Bundle", price: "$79.99", variant: "Video Course + Resources", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet_23-2147689346.jpg", imageAlt: "Advanced Tech Skills Bundle course"
},
{
id: "4", name: "Leadership Excellence Program", price: "$89.99", variant: "Training + Certification", imageSrc: "http://img.b2bpic.net/free-vector/social-media-business_23-2147512537.jpg", imageAlt: "Leadership Excellence Program"
},
{
id: "5", name: "Creative Design Fundamentals", price: "$59.99", variant: "Tutorial + Project Files", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062940.jpg", imageAlt: "Creative Design Fundamentals course"
},
{
id: "6", name: "Financial Planning Masterclass", price: "$69.99", variant: "Webinar + Workbook", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg", imageAlt: "Financial Planning Masterclass"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Back to Home", href: "/" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="DigiWorld"
copyrightText="© 2025 DigiWorld. All rights reserved. | Premium Digital Learning Platform"
socialLinks={[
{ icon: Twitter, href: "https://twitter.com/digiworld", ariaLabel: "DigiWorld Twitter" },
{ icon: Linkedin, href: "https://linkedin.com/company/digiworld", ariaLabel: "DigiWorld LinkedIn" },
{ icon: Mail, href: "mailto:hello@digiworld.com", ariaLabel: "Contact DigiWorld via email" }
]}
/>
</div>
</ThemeProvider>
);
}