bender/7c36035a-81cb-43cc-ba29-138cba4df470
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 4 commits from version_2 into main 2026-04-05 21:54:22 +00:00
Conversation 0 Commits 4 Files Changed 4 +97 -240
4 changed files with 97 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/authors/page.tsx Normal file
View File

@@ -0,0 +1,18 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function AuthorsPage() {
return (
<ThemeProvider>
<NavbarStyleCentered
navItems={[{name: "Home", id: "/"}, {name: "Categories", id: "/categories"}, {name: "Authors", id: "/authors"}, {name: "Search", id: "/search"}, {name: "Dashboard", id: "/admin"}]}
brandName="TechBlog"
/>
<div className="container mx-auto py-20 px-6">
<h1 className="text-4xl font-bold mb-8">Author Directory</h1>
<p>Meet our contributing expert authors.</p>
</div>
</ThemeProvider>
);
}

111
src/app/categories/page.tsx
View File

@@ -1,107 +1,18 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Globe, Shield, Zap, Heart, Briefcase, Cpu } from "lucide-react";
export default function LandingPage() {
export default function CategoriesPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="solid"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "/"},
{
name: "Explore", id: "/categories"},
{
name: "Dashboard", id: "/admin"},
]}
brandName="TechBlog"
/>
</div>
<div id="cat-inner" data-section="cat-inner">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Technology", description: "Latest tech trends", imageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-hand-drawn-style_23-2147760032.jpg", buttonIcon: Zap,
},
{
title: "Medical", description: "Health and wellness", imageSrc: "http://img.b2bpic.net/free-photo/abstract-web-graphic-computer-element_1127-2398.jpg", buttonIcon: Heart,
},
{
title: "Business", description: "Finance and startups", imageSrc: "http://img.b2bpic.net/free-photo/launch-rocket-icon-isolated_53876-71265.jpg", buttonIcon: Briefcase,
},
{
title: "AI & ML", description: "Cutting edge innovation", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection_23-2147876467.jpg", buttonIcon: Cpu,
},
]}
title="Content Categories"
description="Explore our 20+ specialized categories."
/>
</div>
<div id="feature" data-section="feature">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Deep Dive Topics"
description="Categorized knowledge bases."
features={[
{
title: "Networking", description: "Cloud infra", bentoComponent: "reveal-icon", icon: Globe,
},
{
title: "Cybersecurity", description: "Defense strategies", bentoComponent: "reveal-icon", icon: Shield,
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Topics", items: [
{
label: "Science", href: "/categories"},
{
label: "Technology", href: "/categories"},
],
},
{
title: "Company", items: [
{
label: "Admin Panel", href: "/admin"},
{
label: "Contact", href: "#"},
],
},
]}
logoText="TechBlog"
/>
</div>
</ReactLenis>
<ThemeProvider>
<NavbarStyleCentered
navItems={[{name: "Home", id: "/"}, {name: "Categories", id: "/categories"}, {name: "Authors", id: "/authors"}, {name: "Search", id: "/search"}, {name: "Dashboard", id: "/admin"}]}
brandName="TechBlog"
/>
<div className="container mx-auto py-20 px-6">
<h1 className="text-4xl font-bold mb-8">Blog Categories</h1>
<p>Explore all available topic categories here.</p>
</div>
</ThemeProvider>
);
}
}

190
src/app/page.tsx
View File

@@ -3,12 +3,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
export default function LandingPage() {
return (
@@ -29,17 +29,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Explore",
id: "/categories",
},
name: "Blog Categories", id: "/categories"},
{
name: "Dashboard",
id: "/admin",
},
name: "Dashboard", id: "/admin"},
]}
brandName="TechBlog"
/>
@@ -51,32 +45,20 @@ export default function LandingPage() {
description="Explore curated insights, technical tutorials, and industry breakthroughs across 20+ specialized categories."
buttons={[
{
text: "Start Reading",
href: "#categories",
},
text: "Start Reading", href: "#categories"},
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-low-poly-design_1048-7813.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Author 1",
},
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Author 1"},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Author 2",
},
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Author 2"},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Author 3",
},
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Author 3"},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Author 4",
},
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Author 4"},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Author 5",
},
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Author 5"},
]}
avatarText="Join 5,000+ tech enthusiasts"
/>
@@ -91,103 +73,49 @@ export default function LandingPage() {
description="Latest updates from our top categories."
blogs={[
{
id: "1",
category: "Tech",
title: "The Future of AI",
excerpt: "Deep dive into machine learning.",
imageSrc: "http://img.b2bpic.net/free-photo/ai-fingerprint-biometric-cyberpunk-face_23-2151997007.jpg?_wi=1",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
date: "Oct 24, 2023",
},
id: "1", category: "Tech", title: "The Future of AI", excerpt: "Deep dive into machine learning.", imageSrc: "http://img.b2bpic.net/free-photo/ai-fingerprint-biometric-cyberpunk-face_23-2151997007.jpg?_wi=1", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", date: "Oct 24, 2023"},
{
id: "2",
category: "Health",
title: "Medical Trends 2024",
excerpt: "Revolutionizing healthcare.",
imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-consults-old-female-patient-about-diagnostic-test-results_482257-126852.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
date: "Oct 23, 2023",
},
id: "2", category: "Health", title: "Medical Trends 2024", excerpt: "Revolutionizing healthcare.", imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-consults-old-female-patient-about-diagnostic-test-results_482257-126852.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", date: "Oct 23, 2023"},
{
id: "3",
category: "Finance",
title: "Smart Investment",
excerpt: "Financial freedom strategies.",
imageSrc: "http://img.b2bpic.net/free-photo/financial-status-budget-credit-debt-planning-concept_53876-13894.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
date: "Oct 22, 2023",
},
id: "3", category: "Finance", title: "Smart Investment", excerpt: "Financial freedom strategies.", imageSrc: "http://img.b2bpic.net/free-photo/financial-status-budget-credit-debt-planning-concept_53876-13894.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", date: "Oct 22, 2023"},
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardThirteen
title="Case Studies & Voices"
description="Real results from our premium members."
showRating={true}
animationType="slide-up"
textboxLayout="default"
testimonials={[
{
id: "t1", name: "Jane Doe", handle: "@janedoe", testimonial: "The premium insights have transformed my daily workflow.", rating: 5
},
{
id: "t2", name: "John Smith", handle: "@johnsmith", testimonial: "The best platform for technical deep dives.", rating: 5
}
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Choose Your Plan"
description="Unlock premium insights for professionals."
description="Unlock premium features and expert content."
plans={[
{
id: "p1",
title: "Free",
price: "$0",
period: "/mo",
features: [
"Basic articles",
"Weekly newsletter",
],
button: {
text: "Get Started",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-hand-drawn-style_23-2147760032.jpg?_wi=1",
id: "p1", name: "Free", price: "$0", buttons: [{ text: "Get Started", href: "#" }],
features: ["Basic articles", "Community access"]
},
{
id: "p2",
title: "Pro",
price: "$19",
period: "/mo",
features: [
"Full access",
"Advanced analytics",
"Priority support",
],
button: {
text: "Upgrade Now",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/launch-rocket-icon-isolated_53876-71265.jpg?_wi=1",
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Editorial Team"
description="The experts behind our content."
members={[
{
id: "t1",
name: "Sarah Miller",
role: "Lead Editor",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg?_wi=1",
},
{
id: "t2",
name: "David Chen",
role: "Tech Lead",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg?_wi=2",
},
id: "p2", name: "Pro Premium", price: "$29", buttons: [{ text: "Upgrade", href: "#" }],
features: ["Advanced Analytics", "Case Studies Access", "Priority Support"]
}
]}
/>
</div>
@@ -199,42 +127,24 @@ export default function LandingPage() {
title="Trusted by Industry Leaders"
description="We partner with global technology firms."
names={[
"TechCorp",
"InnovateX",
"GlobalData",
"FutureSystems",
"NetSolutions",
]}
"TechCorp", "InnovateX", "GlobalData", "FutureSystems", "NetSolutions"]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
<FooterBaseCard
columns={[
{
title: "Topics",
items: [
{
label: "Science",
href: "/categories",
},
{
label: "Technology",
href: "/categories",
},
title: "Blog Sitemap", items: [
{ label: "All Categories", href: "/categories" },
{ label: "Recent Articles", href: "/blog" },
{ label: "Premium Content", href: "/pricing" },
],
},
{
title: "Company",
items: [
{
label: "Admin Panel",
href: "/admin",
},
{
label: "Contact",
href: "#",
},
title: "Company", items: [
{ label: "Admin Panel", href: "/admin" },
{ label: "Contact Us", href: "/contact" },
],
},
]}
@@ -244,4 +154,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

18
src/app/search/page.tsx Normal file
View File

@@ -0,0 +1,18 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function SearchPage() {
return (
<ThemeProvider>
<NavbarStyleCentered
navItems={[{name: "Home", id: "/"}, {name: "Categories", id: "/categories"}, {name: "Authors", id: "/authors"}, {name: "Search", id: "/search"}, {name: "Dashboard", id: "/admin"}]}
brandName="TechBlog"
/>
<div className="container mx-auto py-20 px-6">
<h1 className="text-4xl font-bold mb-8">Advanced Search & Filter</h1>
<p>Find specific articles by filtering through our extensive library.</p>
</div>
</ThemeProvider>
);
}