Update src/app/search/page.tsx

Merge version_1 into main

src/app/authors/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+export default function AuthorsPage() {
+  return (
+    <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>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/categories/page.tsx

@@ -1,107 +1,20 @@
 "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 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>
+      </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -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 (
@@ -28,18 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Explore",
-          id: "/categories",
-        },
-        {
-          name: "Dashboard",
-          id: "/admin",
-        },
+        { name: "Home", id: "/"},
+        { name: "Categories", id: "/categories"},
+        { name: "Authors", id: "/authors"},
+        { name: "Search", id: "/search"}
       ]}
       brandName="TechBlog"
     />
@@ -50,33 +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"
     />
@@ -91,103 +65,51 @@ 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}
+      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: "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,49 +121,31 @@ 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
+      logoText="TechBlog"
       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: "Contact Us", href: "/contact" },
           ],
         },
       ]}
-      logoText="TechBlog"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/search/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+export default function SearchPage() {
+  return (
+    <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>
+      </div>
+    </ThemeProvider>
+  );
+}