Merge version_2 into main #3
@@ -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
86
src/app/products/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user