Merge version_2 into main #5
@@ -4,11 +4,13 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
|
||||
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"
|
||||
/>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Categories", id: "/categories"}, {name: "Authors", id: "/authors"}, {name: "Search", id: "/search"}]}
|
||||
brandName="TechBlog"
|
||||
/>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
@@ -4,11 +4,13 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
|
||||
export default function CategoriesPage() {
|
||||
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"
|
||||
/>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Categories", id: "/categories"}, {name: "Authors", id: "/authors"}, {name: "Search", id: "/search"}]}
|
||||
brandName="TechBlog"
|
||||
/>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
@@ -28,12 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Blog Categories", id: "/categories"},
|
||||
{
|
||||
name: "Dashboard", id: "/admin"},
|
||||
{ name: "Home", id: "/"},
|
||||
{ name: "Categories", id: "/categories"},
|
||||
{ name: "Authors", id: "/authors"},
|
||||
{ name: "Search", id: "/search"}
|
||||
]}
|
||||
brandName="TechBlog"
|
||||
/>
|
||||
@@ -44,21 +42,15 @@ export default function LandingPage() {
|
||||
title="Unlocking Knowledge Through Technology"
|
||||
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 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 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 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 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 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ tech enthusiasts"
|
||||
/>
|
||||
@@ -73,11 +65,14 @@ 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>
|
||||
@@ -87,14 +82,15 @@ export default function LandingPage() {
|
||||
title="Case Studies & Voices"
|
||||
description="Real results from our premium members."
|
||||
showRating={true}
|
||||
useInvertedBackground={false}
|
||||
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: "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
|
||||
id: "t2", name: "John Smith", handle: "@johnsmith", testimonial: "The best platform for technical deep dives.", rating: 5
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -109,12 +105,10 @@ export default function LandingPage() {
|
||||
description="Unlock premium features and expert content."
|
||||
plans={[
|
||||
{
|
||||
id: "p1", name: "Free", price: "$0", buttons: [{ text: "Get Started", href: "#" }],
|
||||
features: ["Basic articles", "Community access"]
|
||||
id: "p1", name: "Free", price: "$0", buttons: [{ text: "Get Started", href: "#" }], features: ["Basic articles", "Community access"]
|
||||
},
|
||||
{
|
||||
id: "p2", name: "Pro Premium", price: "$29", buttons: [{ text: "Upgrade", href: "#" }],
|
||||
features: ["Advanced Analytics", "Case Studies Access", "Priority Support"]
|
||||
id: "p2", name: "Pro Premium", price: "$29", buttons: [{ text: "Upgrade", href: "#" }], features: ["Advanced Analytics", "Case Studies Access", "Priority Support"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -127,28 +121,28 @@ 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">
|
||||
<FooterBaseCard
|
||||
logoText="TechBlog"
|
||||
columns={[
|
||||
{
|
||||
title: "Blog Sitemap", items: [
|
||||
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" },
|
||||
title: "Company", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="TechBlog"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -4,11 +4,13 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
|
||||
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"
|
||||
/>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Categories", id: "/categories"}, {name: "Authors", id: "/authors"}, {name: "Search", id: "/search"}]}
|
||||
brandName="TechBlog"
|
||||
/>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user