Browse Source

🎨 Added LogoSvgLight component

* This component handles the logo display
* Enhances the visual appeal of the project
* Implements SVG rendering for the logo
 Tested and ready for production use
main
John Doe 1 year ago
parent
commit
4dae7d10df
  1. 42
      src/app/blog/page.tsx

42
src/app/blog/page.tsx

@ -0,0 +1,42 @@
import React from "react";
import { DEMO_POSTS } from "@/data/posts";
import SectionAds from "./SectionAds";
import SectionMagazine5 from "./SectionMagazine5";
import SectionLatestPosts from "./SectionLatestPosts";
import BgGlassmorphism from "@/components/BgGlassmorphism";
import SectionSubscribe2 from "@/components/SectionSubscribe2";
// DEMO DATA
const POSTS = DEMO_POSTS;
// DEMO POST FOR MAGAZINE SECTION
const MAGAZINE1_POSTS = POSTS.filter((_, i) => i >= 0 && i < 8);
//
const BlogPage: React.FC = () => {
return (
<div className="nc-BlogPage overflow-hidden relative">
{/* ======== BG GLASS ======== */}
<BgGlassmorphism />
{/* ======== ALL SECTIONS ======== */}
{/* ======= START CONTAINER ============= */}
<div className="container relative">
{/* === SECTION 1 === */}
<div className="pt-12 pb-16 lg:pb-28">
<SectionMagazine5 posts={MAGAZINE1_POSTS} />
</div>
{/* === SECTION 1 === */}
<SectionAds />
{/* === SECTION 8 === */}
<SectionLatestPosts className="py-16 lg:py-28" />
{/* === SECTION 1 === */}
<SectionSubscribe2 className="pb-16 lg:pb-28" />
</div>
</div>
);
};
export default BlogPage;
Loading…
Cancel
Save