Add src/app/blog/page.tsx

2026-05-06 12:39:36 +00:00
parent 1ed5cabd10
commit 11edfde0bc
1 changed files with 58 additions and 0 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="mediumLarge"
+        background="circleGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Certificates", id: "/blog" }
+            ]}
+            brandName="TechConsult Pro"
+            />
+        </div>
+
+        <div id="blog" data-section="blog">
+            <BlogCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Certificates & Attestati"
+            description="Explore my professional certifications and validated expertise in the tech industry."
+            blogs={[
+                { id: "c1", category: "Cloud", title: "AWS Solutions Architect", excerpt: "Advanced cloud infrastructure certification.", imageSrc: "https://img.b2bpic.net/free-photo/certification-diploma_1.jpg", authorName: "TechConsult Pro", authorAvatar: "", date: "2024" },
+                { id: "c2", category: "Cybersecurity", title: "CISSP Certified", excerpt: "Industry standard for cybersecurity expertise.", imageSrc: "https://img.b2bpic.net/free-photo/certification-diploma_2.jpg", authorName: "TechConsult Pro", authorAvatar: "", date: "2023" }
+            ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="TechConsult Pro"
+            columns={[{ title: "Company", items: [{ label: "About", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }]}
+            copyrightText="© 2024 TechConsult Pro. All rights reserved."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}