Add src/app/blog/page.tsx

2026-03-25 06:34:42 +00:00
parent 8d6371e58f
commit 2540d3fdea
1 changed files with 80 additions and 0 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,80 @@
+"use client";
+
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Sparkles } from "lucide-react"; // For the blog section tagIcon
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="fluid"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
+    >
+      {/* Navbar - copied from home page, but updated for Blog link */}
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="CCTV & Solar Solutions"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Why Choose Us", id: "why-choose-us" },
+            { name: "Projects", id: "projects" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+            { name: "Blog", id: "/blog" } // Updated nav item for blog
+          ]}
+          bottomLeftText="Lahore & Punjab"
+          bottomRightText="+92 300 1234567"
+        />
+      </div>
+
+      {/* Blog Section */}
+      <div id="blog" data-section="blog">
+        <BlogCardOne
+          title="Our Latest Insights"
+          description="Stay updated with our articles on CCTV security, solar energy, industry trends, and more."
+          tag="Blog"
+          tagIcon={Sparkles}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          blogs={[
+            {
+              id: "1",              category: "Solar Energy",              title: "The Future of Solar in Punjab",              excerpt: "Explore how solar energy is transforming homes and businesses across Punjab.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/solar-panels-on-rooftop-with-skyline-background.png",              authorName: "Ahmed Khan",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/person-avatar-male.png",              date: "July 20, 2024"
+            },
+            {
+              id: "2",              category: "CCTV Security",              title: "Choosing the Right CCTV System for Your Home",              excerpt: "A comprehensive guide to selecting and installing the best security cameras for residential properties.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/modern-outdoor-security-cameras.png",              authorName: "Sara Ali",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/person-avatar-female.png",              date: "July 15, 2024"
+            },
+            {
+              id: "3",              category: "Hybrid Solutions",              title: "Integrating Solar with Your Security System",              excerpt: "Learn the benefits of combining solar power with your CCTV for enhanced resilience and cost savings.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/solar-powered-security-camera.png",              authorName: "Usman Tariq",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/person-avatar-male-2.png",              date: "July 10, 2024"
+            },
+            {
+              id: "4",              category: "Maintenance",              title: "Tips for Maintaining Your Solar Panels",              excerpt: "Maximize the efficiency and lifespan of your solar investment with these simple maintenance tips.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/solar-panel-maintenance.png",              authorName: "Ayesha Noor",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/person-avatar-female-2.png",              date: "July 05, 2024"
+            }
+          ]}
+        />
+      </div>
+
+      {/* Footer - copied from home page, but updated for Blog link */}
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="CCTV & Solar Solutions"
+          columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }, { label: "Projects", href: "#projects" }, { label: "Blog", href: "/blog" }] }, // Updated with blog link
+            { items: [{ label: "Why Choose Us", href: "#why-choose-us" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
+            { items: [{ label: "Call Us: +92 300 1234567", href: "tel:+923001234567" }, { label: "Email: info@yourcompany.com", href: "mailto:info@yourcompany.com" }, { label: "WhatsApp Us", href: "https://wa.me/923001234567" }] }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}